@extends('admin.layouts.admin')
@section('title', 'الخدمات')
@section('content')
    <section class="main-side">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb bg-light p-3">
                <li class="breadcrumb-item"><a href="#">الواجهة</a></li>
                <li href="" class="breadcrumb-item" aria-current="page">
                    الحسابات البنكية
                </li>
            </ol>
        </nav>
        <div class="section_content content_view">
            <div class="up_element mb-2">
                @can('create_bank_accounts')
                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#create">
                        إضافة
                    </button>
                    @include('admin.banks.create-modal')
                @endcan
            </div>
            <div class="table-responsive">
                <x-message-admin />
                <table class="table main-table">
                    <thead class="">
                        <tr>
                            <th>#</th>
                            <th>اسم الحساب / البنك</th>
                            <th>رقم الحساب</th>
                            <th> اسم البنك</th>
                            <th> IPN رقم</th>
                            <th>ملاحظات</th>
                            <th>تاريخ الانشاء</th>
                            <th>العمليات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($bankAccounts as $bank)
                            <tr>
                                <th>{{ $loop->iteration }}</th>
                                {{-- <td>
                           @if ($service->cover)
                           <img src="{{ asset('admin-assets/img/service/'.$service->cover) }}" alt="{{ $service->name }}" class="img-thumbnail" width="100px">
                        @else
                        <img src="{{ asset('admin-assets/img/no-image.jpg') }}" alt="{{ $service->name }}" class="img-thumbnail" width="100px">
                        @endif
                        </td> --}}
                                <td class="text-nowrap">{{ $bank->account_name }} / {{ $bank->bank_name }}</td>
                                <td>{{ $bank->account_number }}</td>
                                <td>{{ $bank->bank_name }}</td>
                                <td>{{ $bank->ipn_number }}</td>
                                <td>{{ $bank->notes }}</td>

                                <td class="text-nowrap">{{ $bank->created_at() }}</td>
                                <td class="d-flex gap-1">
                                    @can('update_bank_accounts')
                                        <button type="button" class="btn btn-info btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#edit{{ $bank->id }}">
                                            <i class="fa-solid fa-pen"></i>
                                        </button>
                                        @include('admin.banks.edit-modal', ['bank' => $bank])
                                    @endcan

                                    @can('delete_bank_accounts')
                                        <button type="button" class="btn btn-danger btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#delete{{ $bank->id }}">
                                            <i class="fa-solid fa-trash"></i>
                                        </button>
                                        @include('admin.banks.delete-modal', ['bank' => $bank])
                                    @endcan

                                </td>
                            </tr>
                        @endforeach

                    </tbody>
                </table>
                {{ $bankAccounts->links() }}
            </div>
        </div>
    </section>
@endsection