@extends('layouts.contentLayoutMaster')

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


@section('content')
<div class="page">
    <div class="children-page-wrapper">
        @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="row header">
            <div class="col-12">
                <div class="header-wrapper">
                    <h2 class="header-text">
                        ادارة الابناء
                    </h2>
                    <h3 class="header-lead">عدد الابناء بالمدرسه ..{{count($guardianChildrens)}} </h3>
                </div>
            </div>
        </div>
        <div class="row card-profile">
            @foreach ($guardianChildrens as $children)
            <div class="col-12 col-md-6 d-flex justify-content-center mb-2">
                <div class="card mb-3">
                    <div class="row g-0">
                        <div class="col-4 col-md-4 card-img-profile">
                            <img class="card-img-profile img-fluid rounded-start" src="{{ asset('assets/boy.svg') }}" alt="" srcset="" />
                        </div>
                        <div class="col-8 col-md-8 card-body-wrapper">
                            <div class="card-body">
                                <h5 class="card-title cut-1-line"> {{ $children->student_name }} </h5>
                                <p class="card-text-lead cut-1-line">{{$children->school_name}}</p>
                                <p class="card-text cut-1-line">{{ $children->level_name }} - {{ $children->gender_name }} </p>
                            </div>
                            <div class="card-footer-wrapper">
                                <a class="btn-card btn btn-primary " href="{{ route('parent.childrenDetails', ["id" => $children->id]) }}" role="button">
                                    <span class="btn-text secoundery-header centered">التفاصيل</span>
                                </a>
                                @if($open_for_renew && $previous_year && $previous_year->id == $children->academic_year_id &&$children->exam_result && in_array($children->status,[2,3]) && $children->level_type_id!=6)
                                    <a href="{{ route('parent.getStudentRenewContractForm', [$children->id,$children->contract_id]) }}" class="{{$children->exam_result == 'pass' ? 'text-link cut-1-line':'text-danger-link cut-1-line'}}">{{$children->exam_result == 'pass' ? 'تجديد التعاقد':'إعادة التعاقد'}} </a>
                                @endif
                                @if($open_for_renew && $children->academic_year_id && $children->level_type_id!=6 && $children->status == 3)
                                    <a href="{{ route('parent.getStudentRenewContractForm', [$children->id,$children->contract_id]) }}" class="{{$children->exam_result == 'pass' ? 'text-link cut-1-line':'text-danger-link cut-1-line'}}">{{$children->exam_result == 'pass' ? 'تجديد التعاقد':'إعادة التعاقد'}} </a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach

        </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