@extends('layouts.contentLayoutMaster')

@php
$breadcrumbs = [[['link' => route('sponsors.index'), 'name' => "قائمة الكفلاء"]],['title'=> 'قائمة الكفلاء']];
@endphp

@section('title', 'ادارة قائمة الكفلاء')

@section('content')


    <x-forms.search route="sponsors.index">
        <div class="row mb-1">
            <div class="col-md  ">
                <x-inputs.text.Input :required="false" icon="search" label="البحث" name="search" placeholder="يمكنك البحث عن اسم او رقم جوال او الرقم الضريبي/هوية الكفيل ويمكن البحث بالكود عن طريق اضافة = قبل كلمة البحث" />
            </div>
        </div>
        <div id="search-inputs">
            <div class="row mb-1">
                <div class="col">
                    <x-inputs.select.generic :required="false" label="نوع الكفيل" name="sponsor_type" :options="['' => 'جميع الانواع'] + App\Models\Sponsor::sponsorTypes()  " />
                </div>

                <div class="col">
                    <x-inputs.select.generic :required="false" label="حالة الكفيل" name="active" :options="['' => 'جميع الحالات'] + App\Models\Sponsor::status()  " />
                </div>

            </div>
        </div>

        <x-slot name="export">
            <div class="btn-group">
                <button class="btn btn-outline-secondary waves-effect" name="action" type="submit" value="export_xlsx"><em data-feather='save'></em> اكسل</button>
                <button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split waves-effect" data-bs-toggle="dropdown" aria-expanded="false">
                    <span class="visually-hidden"></span>
                </button>
                <div class="dropdown-menu dropdown-menu-end">
                    <button class="dropdown-item" style="width: 100%;" name="action" type="submit" value="export_pdf"><em data-feather='save'></em> PDF</button>
                </div>
            </div>
        </x-slot>


    </x-forms.search>

<!-- Striped rows start -->
<x-ui.table :autoWith="false">
    <x-slot name="title">قائمة الكفلاء </x-slot>
    <x-slot name="cardbody">قائمة الكفلاء .. الكفلاء المفعلة </x-slot>
    <x-slot name="button">
        <a class="btn btn-primary mb-1" href="{{ route('sponsors.create') }}">
            <em data-feather='plus-circle'></em> اضافة كفيل جديد </a>
    </x-slot>

    <x-slot name="thead">
        <tr>
            <th scope="col">كود</th>
            <th scope="col">اسم الكفيل</th>
            <th scope="col">نوع الكفيل</th>
            <th scope="col">الرقم الضريبي/رقم الهوية</th>
            <th scope="col">الهاتف</th>
            <th scope="col">الحد الاقصي</th>
            <th scope="col">حد المطالبة المالي</th>
            <th scope="col">حد المطالبة الزمني(يوم من كل شهر ميلادي)</th>
            <th scope="col">الحالة</th>
            <th scope="col">الاجراءات المتاحة</th>
        </tr>
    </x-slot>

    <x-slot name="tbody">

        @foreach ($sponsors as $sponsor)
        <tr>
            <th scope="row">
                {{ $sponsor->id }}
            </th>
            <td>{{ $sponsor->sponsor_name }}</td>
            <td>{{ $sponsor->sponsor_type }}</td>
            <td>{{ $sponsor->sponsor_ID }}</td>
            <td>{{ $sponsor->phone }}</td>
            <td>{{ $sponsor->max_limit }}</td>
            <td>{{ $sponsor->financial_limit }}</td>
            <td ><abbr title="يوم {{ $sponsor->time_limit }} من كل شهر ميلادي">{{ $sponsor->time_limit }}</abbr></td>
            <td>{{ $sponsor->active == 1 ? 'فعال' : 'غير مفعل' }}</td>
            <td>
                @can('postpone-payment-types-list')
                <x-inputs.btn.view :route="route('sponsors.show',$sponsor->id)" />
                @endcan

                @can('postpone-payment-types-edit')
                <x-inputs.btn.edit :route="route('sponsors.edit',$sponsor->id)" />
                @endcan

                @can('postpone-payment-types-delete')
                <x-inputs.btn.delete :route="route('sponsors.destroy', $sponsor->id)" />
                @endcan

            </td>
        </tr>
        @endforeach
    </x-slot>
</x-ui.table>
<x-ui.SideDeletePopUp />

<!-- Striped rows end -->
@endsection