@extends('layouts.contentLayoutMaster')

@php
$breadcrumbs = [[['link' => route('applications.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.applications.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">طلبات الألتحاق بالمدرسة @if(request('myapplications')) <span class="text-danger">(المقدمة من حسابي)</span> @endif</h2>
                            </div>
                            <h3 class="header-lead">قائمة الطلبات المقدمة  .. {{$applications->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>
                                    <th>بواسطة</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($applications as $key => $application)

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

                                            {{--بانتظار سداد المصروفات بالكامل--}}
                                            @case(3)
                                            <x-inputs.btn.generic colorClass="primary btn-icon round" :route="route('parent.applicationTransaction', ['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.applicationTransaction', ['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.applicationTransaction', ['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>
                                    @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->year_name }}</td>
                                    <td> {{ $application->transportation_type ?? 'لا يرغب' }}</td>
                                    <td>{{ $application->phone }}</td>
                                    <td>{{ $application->national_id }}</td>
                                    <td>{{ $application->updated_at->format('Y-m-d H:m:s') }}</td>
                                    <td>{{ $application->salse_admin_name }}</td>
                                </tr>
                                @endforeach


                                </tbody>

                            </table>
                        </div>

                    </div>
                </div>
                <div class="pagination">
                    {{ $applications->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