@extends('layouts.contentLayoutMaster')

@php
    $breadcrumbs = [[['link' => route('transfers.index'), 'name' => "الطلبات"],['name'=> 'طلبات الألتحاق']],['title'=> 'ادارة الطلبات']];
@endphp

@section('title', 'طلبات الألتحاق')
@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/pickadate/pickadate.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css')) }}">
@endsection

@section('page-style')
    <link rel="stylesheet" href="{{ asset('css/custom/enrollmentApplications/archive.css') }}">
@endsection



@section('content')
    <div class="content-header row">
        @if(request()->has('status'))
            <div class="alert {{request()->get('status') == 14 ? 'alert-success' : 'alert-danger'}} mb-1 rounded-0" role="alert">
                <div class="alert-body">{{request()->get('status') == 14 ? request()->get('response_message') : request()->get('error_msg')}}</div>
            </div>
        @endif
        <div class="content-header-left  col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-start mb-0">طلبات تجديد التعاقد وإعادة القيد </h2>
                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{url('parent/parent_dashboard')}}"> الرئيسية</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="{{route('parent.transfers.index')}}"> طلبات تجديد التعاقد </a>
                            </li>
                            <li class="breadcrumb-item">
                                <span>طلبات تحت المراجعة</span>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page">
        <div class="archive-page-wrapper">
            <div class="top-card-wrapper card">
                <div class="row header">
                    <div class="col-12">
                        <div class="header-wrapper">
                            <div class="icon-text-wrapper">
                                <img src="{{ asset('assets/archive.svg') }}" alt="" srcset="">
                                <h2 class="header-text">طلبات تجديد التعاقد بالمدرسة </h2>
                            </div>
                            <h3 class="header-lead">قائمة تجديد التعاقد وإعادة القيد المقدمة  .. {{$transfers->count()}} طلب</h3>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th scope="col">الاجراءات</th>
                                    <th>كود</th>
                                    <th>اسم الطالب</th>
                                    <th>حالة الطلب</th>
                                    <th>اخر موعد لانهاء اجراءات الطلب</th>
                                    <th>السداد</th>
                                    <th>الصف الحالي</th>
                                    <th>الصف المنتقل إليه </th>
                                    <th>العام المنتقل إليه</th>
                                    <th>النقل</th>
                                    <th>اخر تعديل</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($transfers as $key => $application)

                                    <tr>
                                        <td>
                                            @switch($application->status_id)

                                                {{--بانتظار سداد المصروفات بالكامل--}}
                                                @case(3)
                                                <x-inputs.btn.generic colorClass="primary btn-icon round" :route="route('parent.transferRequestTransaction', ['application' => $application->id])" icon="dollar-sign" title="سداد المصروفات بالكامل"/>
                                                {{--            <x-inputs.btn.generic icon="link" colorClass="warning" data-id="{{ $application->id }}" onClick="ChangeStatus(this)" data-bs-original-title="قبول نهائي " data-changeTo="confirm" />--}}
                                                @break
                                                {{--بانتظار سداد دفعة فصل دراسي--}}*
                                                @case(4)
                                                <x-inputs.btn.generic colorClass="primary btn-icon round" :route="route('parent.transferRequestTransaction', ['application' => $application->id])"  icon="dollar-sign" title="سداد دفعة فصل دراسي"/>
                                                {{--                <x-inputs.btn.generic icon="link" colorClass="warning" data-id="{{ $application->id }}" onClick="ChangeStatus(this)" data-bs-original-title="قبول نهائي " data-changeTo="confirm" />--}}
                                                @break
                                                {{--بانتظار سداد دفعة التعاقد--}}
                                                @case(5)
                                                <x-inputs.btn.generic colorClass="primary btn-icon round" :route="route('parent.transferRequestTransaction', ['application' => $application->id])"  icon="dollar-sign" title="سداد دفعة التعاقد"/>
                                                @break
                                            @endswitch
                                        </td>
                                        <td>{{ $application->id }}</td>
                                        <td class="special-text">@if(!$application->contract) {{ $application->student_name }} @else <a href="#">{{ $application->student_name }}</a> @endif</td>
                                        <td><span class="badge bg-{{$application->color}}">{{ $application->status_name }}</span></td>
                                        <td class="text-danger"> <abbr title="يجب انهاء كافة اجراءات طلب التجديد قبل هذا التاريخ وفيه حالة عدم اتمام الاجراءات سيتم رفض الطلب">{{ $application->getExpirationDate() }}</abbr></td>

                                    @if($application->contract && $application->contract->total_paid > 0)
                                            <td class="success-text">{{ $application->contract->total_paid  }} ر.س</td>
                                        @else
                                            <td class="danger-text">لم يسدد</td>
                                        @endif

                                        <td> {{ $application->level_name }}</td>
                                        <td> {{ $application->new_level_name ." - ". $application->grade_name }}</td>
                                        <td>{{ $application->year_name }}</td>
                                        <td> {{ $application->transportation_type ?? 'لا يرغب' }}</td>
                                        <td>{{ $application->updated_at->format('Y-m-d H:m:s') }}</td>
                                    </tr>
                                @endforeach
                                </tbody>

                            </table>
                        </div>

                    </div>
                </div>
                <div class="pagination">
                    {{ $transfers->appends(request()->except('page'))->links() }}
                </div>
            </div>
        </div>
    </div>

@endsection

@section('page-modal')

@endsection


@section('vendor-script')
    <!-- vendor files -->
    <script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.date.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.time.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/pickers/pickadate/legacy.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js')) }}"></script>
@endsection
@section('page-script')
    <!-- Page js files -->
    <script src="{{ asset(mix('js/scripts/forms/pickers/form-pickers.js')) }}"></script>
@endsection

@section('page-script')
@endsection