@extends('layouts.app')

@section('content')

    <div class="col col-lg-9 pd-30">

        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h1 class="reset-block primary-color lineheight-130 fs-20">قائمة التابعين</h1>

            <div class="btns">
                <a href="{{ route('dependents.create') }}" class="btn small primary miw-120">تابع جديد</a>
            </div>

        </div>

        @if (isset($before_two_years_dependents) &&
                !empty($before_two_years_dependents) &&
                count($before_two_years_dependents) > 0)
            @foreach ($before_two_years_dependents as $before_two_years_dependent)
                <div class="col col-12">
                    <div class="alert warning">
                        <b><i class="fas fa fa-info-circle"></i></b>
                        بتاريخ
                        "<strong>{{ Carbon\Carbon::parse($before_two_years_dependent->birth_date)->addYears(2)->addDays(20)->format('Y-m-d') }}</strong>"
                        يبلغ التابع
                        "<strong>{{ $before_two_years_dependent->full_name }}</strong>"
                        <a href="#" class="fas fa-times remove-item"></a>
                        سنتين من العمر
                    </div>
                </div>
            @endforeach
        @endif

        @if (isset($two_years_dependents) && !empty($two_years_dependents) && count($two_years_dependents) > 0)
            @foreach ($two_years_dependents as $two_years_dependent)
                <div class="col col-12">
                    <div class="alert danger">
                        <b><i class="fas fa fa-info-circle"></i></b>
                        بلغ التابع
                        "<strong>{{ $two_years_dependent->full_name }}</strong>"
                        سنتين من العمر
                    </div>
                </div>
            @endforeach
        @endif


        <div class="responsive-table">
            <table class="table px-datatable striped bordered" data-page-length="10">

                <thead>
                    <tr class="primary-bg fs-13">
                        <th class="w-50 tx-align-center hide-sorting">#</th>
                        <th class="tx-align-start">اسم النزيلة</th>
                        <th class="tx-align-start">رقم الهوية</th>
                        <th class="tx-align-start">اسم التابع</th>
                        <th class="tx-align-start">جنس التابع </th>
                        <th class="tx-align-start">تاريخ الخروج الافتراضى</th>
                        <th class="tx-align-start">حالة التابع</th>
                        <th class="tx-align-start">يصرف لها إعاشة نقدية</th>
                        <th class="tx-align-start">تسجيل خروج</th>
                        <th class="tx-align-start">تسجيل عودة</th>
                        <th class="tx-align-start">ارشيف التابعين</th>
                        <th class="tx-align-start">التعديل</th>
                        <th class="tx-align-center">عرض بيانات التابع</th>
                        <th class="tx-align-start">الاشراف</th>
                    </tr>
                </thead>

                <tbody class="fs-13">

                    @foreach ($dependents as $dependent)
                        <tr>
                            <td class="tx-align-center">{{ $loop->iteration }}</td>
                            <td> {{ $dependent->prisoner->full_name }}</td>
                            <td> {{ $dependent->prisoner->identity_number }}</td>
                            <td> {{ $dependent->full_name }}</td>
                            <td class="tx-align-center">{{ config("static.gender.$dependent->gender") }}</td>
                            <td class="tx-align-center">{{ $dependent->exit_date_hijri }}</td>
                            <td class="tx-align-center">
                                {{ !$dependent->is_out ? 'موجود' : 'سجل خروج' }}
                            </td>
                            <td>{{ $dependent->is_paid ? 'نعم' : 'لا' }}</td>
                            <td class="tx-align-center">
                                @if (!$dependent->is_out)
                                    <a href="{{ route('dependents.registerDependentOut', ['prisoner' => $dependent->prisoner->id, 'dependent' => $dependent->id]) }}"
                                        class="btn primary -color tiny next-page" tabindex="0" role="button"
                                        aria-pressed="false">
                                        تسجيل خروج
                                    </a>
                                @endif
                            </td>
                            <td class="tx-align-center">
                                @if ($dependent->is_out)
                                    <a href="{{ route('dependents.registerDependentIn', ['prisoner' => $dependent->prisoner->id, 'dependent' => $dependent->id]) }}"
                                        class="btn primary -color tiny next-page" tabindex="0" role="button"
                                        aria-pressed="false">
                                        تسجيل عودة
                                    </a>
                                @endif
                            </td>
                            <td class="tx-align-center">
                                <a href="{{ route('dependents.archive', ['prisoner' => $dependent->prisoner->id, 'dependent' => $dependent->id]) }}"
                                    class="btn primary -color tiny next-page" tabindex="0" role="button"
                                    aria-pressed="false">
                                    ارشيف
                                </a>
                            </td>
                            <td class="tx-align-center">
                                <a href="{{ route('dependents.edit', $dependent->prisoner->id) }}"
                                    class="btn primary -color tiny next-page" tabindex="0" role="button"
                                    aria-pressed="false">
                                    تعديل
                                </a>
                            </td>
                            <td class="tx-align-center">
                                <a href="{{ route('dependents.show', $dependent->id) }}"
                                    class="btn primary -color tiny next-page" tabindex="0" role="button"
                                    aria-pressed="false">عرض</a>
                            </td>
                            <td class="tx-align-center"></td>
                        </tr>
                    @endforeach


                </tbody>

            </table>
        </div>

    </div>


@endsection