@extends('layouts.contentLayoutMaster')

@php
$breadcrumbs = [[['link' => route('parent.withdrawals.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/withdrawalRequests/archive.css') }}">
@endsection


@section('content')
    <div class="content-header row">
        <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.withdrawals.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">قائمة الطلبات المقدمه .. 3 طلب</h3>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>كود الطالب</th>
                                    <th>الاسم</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 ($withdrawalApplication as $application)

                                    <tr>
                                    <td> {{ $application->id }}</td>
                                    <td class="special-text">{{ $application->student_name }}</td>
                                    <td>{{ $application->reason }}</td>
                                    <td>{{ $application->school_name }}</td>
                                    <td class="{{ $application->application_status ? 'success-text' : 'info-text' }}">{{ $application->application_status ? 'مقبول' : 'جديد' }}</td>
                                    <td>{{ $application->level_name }}</td>
                                    <td>{{ $application->year_name }}</td>
                                    <td>{{ $application->date }}</td>
                                    <td>{{ $application->national_id }}</td>
                                    <td>{{ $application->transportation_fees? ($application->amount_fees - $application->transportation_fees) : $application->amount_fees }}</td>
                                    <td>{{ $application->transportation_fees }}</td>
                                    <td>{{ $application->amount_fees}}</td>

                                    <td>
                                        @can('guardian-applications-list')
                                            <x-inputs.btn.view route="{{ route('parent.withdrawals.show',$application->id) }}" />
                                        @endcan


                                    </td>
                                </tr>
                                @endforeach

                                </tbody>
                            </table>
                        </div>

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





@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')
<script type="text/javascript">

</script>
@endsection