@extends('admin.layouts.master')

@section('title', 'الحسابات المالية')

@section('content')
<div class="pc-container"><div class="pc-content">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4 class="mb-0">الحسابات المالية</h4>
        @can('payment_accounts.create')
            <a href="{{ route('admin.payment_accounts.create') }}" class="btn btn-primary">إضافة حساب</a>
        @endcan
    </div>

    @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif

    <div class="card"><div class="card-body">
        <table id="accounts-table" class="table table-striped table-bordered w-100">
            <thead><tr><th>#</th><th>الكود</th><th>الاسم</th><th>النوع</th><th>الرصيد الافتتاحي</th><th>الرصيد الحالي</th><th>الحالة</th><th>الإجراءات</th></tr></thead>
        </table>
    </div></div>
</div></div>
@endsection

@section('css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.8/css/dataTables.bootstrap5.min.css">
@endsection

@section('js')
<script src="https://cdn.datatables.net/1.13.8/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.8/js/dataTables.bootstrap5.min.js"></script>
<script>
$(function(){
  $('#accounts-table').DataTable({
    ajax:'{{ route('admin.payment_accounts.data') }}',
    columns:[
      {data:'id'},{data:'code'},{data:'name_ar'},{data:'account_type'},{data:'opening_balance'},{data:'current_balance'},{data:'status'},{data:'actions',orderable:false,searchable:false}
    ],
    language:{url:'//cdn.datatables.net/plug-ins/1.13.8/i18n/ar.json'}
  });
});
</script>
@endsection