@extends('admin.layout.table.index')
@section('page-title', trans('الدفعات المصروفة'))
@section('root', 'paidPayments')
@section('nav')
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url('admin/') }}"> {{ trans('language.home') }}</a></li>
        <li class="breadcrumb-item"><a href="{{ url('admin/rent-applications/') }}">{{ trans('طلبات الإيجار') }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ trans('الدفعات المصروفة') }}</li>
    </ol>
@endsection
@section('buttons')
@endsection
@section('thead')
    <tr>
        <th>#</th>
        <th>رقم الدفعة</th>
        <th>تاريخ الاستحقاق</th>
        <th>المبلغ</th>
        <th>اسم العميل</th>
        <th>اسم صاحب الحساب</th>
        <th>رقم الآيبان / الحساب</th>
        <th>مبلغ الإيجار السنوي</th>
        <th>تاريخ بداية العقد</th>
        <th>تاريخ نهاية العقد</th>
        <th>رقم العقد الإلكتروني</th>
    </tr>
@endsection
@section('tbody')
    @foreach ($items as $item)
        <tr>
            <td>{{ $loop->iteration }}</td>
            <td class="text-center">
                <span class="badge badge-success" style="font-size: 14px;">الدفعة {{ $item->payment_number }}</span>
            </td>
            <td class="text-center" style="font-weight: bold;">
                {{ $item->due_date->format('Y-m-d') }}
            </td>
            <td class="text-center" style="color: #28a745; font-weight: bold;">
                {{ number_format($item->amount) }} ريال
            </td>
            <td>
                <a href="{{ url('/admin/orders/details/' . $item->application->userOrderDataId()) }}">
                    {{ @$item->application->user->name }}
                </a>
            </td>
            <td>{{ @$item->application->order->bank_account_name ?? @$item->application->user->name }}</td>
            <td style="font-weight: bold; direction: ltr; text-align: center;">
                {{ @$item->application->user->bank_account }}
            </td>
            <td>{{ number_format(@$item->application->aqar_rent_amount) }} ريال</td>
            <td>{{ @$item->application->aqar_contract_start }}</td>
            <td>{{ @$item->application->aqar_contract_expire }}</td>
            <td>{{ @$item->application->sadad_number }}</td>
        </tr>
    @endforeach
@endsection

@section('filters')
    <form method="get" action="{{ url('/admin/paid-payments/') }}">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-2">
                    <span>تاريخ الاستحقاق من</span>
                    <input type="date" class="form-control start_at" name="start_at" value="{{ request()->start_at }}">
                </div>

                <div class="col-md-2">
                    <span>تاريخ الاستحقاق إلى</span>
                    <input type="date" class="form-control end_at" name="end_at" value="{{ request()->end_at }}">
                </div>

                <div class="col-md-2">
                    <span>{{ trans('language.id_number') }}</span>
                    <input type="text" class="form-control input_data" name="id_number"
                        value="{{ request()->id_number }}" placeholder="{{ trans('language.id_number') }}">
                </div>

                <div class="col-md-2">
                    <span>{{ trans('language.mobile') }}</span>
                    <input type="text" class="form-control input_data" name="mobile" value="{{ request()->mobile }}"
                        placeholder="{{ trans('language.mobile') }}">
                </div>

                <div class="col-md-2">
                    <span>{{ trans('language.name') }}</span>
                    <input type="text" class="form-control name_input" name="name" value="{{ request()->name }}"
                        placeholder="{{ trans('language.name') }}">
                </div>

                <div class="col-md-2" style="padding-top: 22px;">
                    <input style="width: 45%" type="submit" class="btn btn-success"
                        value="{{ trans('language.filter') }}">
                    <button style="width: 45%" type="button"
                        class="btn btn-info reset_inputs">{{ trans('language.reset') }}</button>
                </div>
            </div>
        </div>
    </form>
@stop

@section('js')

    <script>
        $('.reset_inputs').click(function() {
            $('.name_input').val('');
            window.location = window.location.href.split("?")[0];
        });
    </script>

@endsection