@extends('layouts.contentLayoutMaster')
@php
$breadcrumbs = [[['link' => route('coupons.index'), 'name' => "قسائم الخصم"],['link' => route('coupons.edit',$coupon), 'name' => "مشاهدة قسيمة $coupon->code" ]],['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(mix('css/base/plugins/forms/pickers/form-flat-pickr.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/pickers/form-pickadate.css')) }}">
@endsection

@section('content')
@component('components.forms.formCard',['title' =>" مشاهدة قسيمة الخصم ($coupon->code)" ])

{!! Form::model($coupon, ['method' => 'PUT', 'onsubmit' => 'showLoader()','route' => ['coupons.update', $coupon->id]]) !!}


<div class="row mb-1">
    <div class="col-md">
        <x-inputs.select.generic style="pointer-events:none" select2="" label="العام الدراسي" name="academic_year_id" data-placeholder="اختر العام الدراسي" data-msg="رجاء اختيار العام الدراسي" :options="['' => 'اختر العام الدراسي'] + App\Models\AcademicYear::years()" onchange="get_CouponClassification()" />
    </div>

    <div class="col-md">
        <span id="special_span" style="display:none;" data-bs-toggle="tooltip" class="text-danger" data-bs-placement="top" title="لن يتم خصم قيمة القسيمة من الحد الأقصي للخصومات طبقا لأعدادات النظام">
            <em data-feather="info"></em></span>
        <x-inputs.select.generic :required="false" style="pointer-events:none" select2="" label="نوع القسيمة" name="classification_id" data-placeholder="اختر نوع القسيمة" data-msg="رجاء اختيار نوع القسيمة" :options="['' => 'قسائم عامة'] + getCouponClassification($coupon->academic_year_id)" onchange="get_discount_values()" />
    </div>
</div>


@if(isset($couponChecker))
<x-ui.divider>تفاصيل تخصيص القسيمة</x-ui.divider>

    <div class="row mb-1">
        <div class="col-md">
            <span> نوع تخصيص القيمة : <strong style="color: red">{{\App\Models\CouponChecker::CheckerTypes[$couponChecker->checker_data['checker_type']]}}</strong></span>
        </div>
</div>





@if(isset($level))
    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.text.Input style="pointer-events:none" value="{{$level->school_name}}" label="المدرسة"  name="guardian_name" />
        </div>

        <div class="col-md">
            <x-inputs.select.generic style="pointer-events:none" select2="" label="القسم" name="gender_id" data-placeholder="اختر القسم" data-msg="رجاء اختيار القسم" :options="old('school_id') ? App\Models\Gender::genders(true,old('school_id')) : App\Models\Gender::genders(true,$coupon->school_id)" />
        </div>

        <div class="col-md">
            <x-inputs.select.generic style="pointer-events:none" select2="" label="المسار" name="grade_id" data-placeholder="اختر المسار" data-msg="رجاء اختيار المسار" :options="old('gender_id') ? App\Models\Grade::grades(true,old('gender_id')) : App\Models\Grade::grades(true,$coupon->gender_id)" />
        </div>

        <div class="col-md">
            <x-inputs.select.generic :required="false" style="pointer-events:none" select2="" label="الصف الدراسي" name="level_id" data-placeholder="اختر الصف الدراسي" data-msg="رجاء اختيار الصف الدراسي" :options="old('grade_id') ? App\Models\Level::levels(true,old('grade_id')) : App\Models\Level::levels(true,$coupon->grade_id)" onchange="get_discount_values()" />
        </div>
    </div>
@endif

@if(isset($parent))
    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.text.Input style="pointer-events:none" value="{{$parent->guardian_name}}" label="ولي الامر" icon="file-text" name="guardian_name" />
        </div>
        <div class="col-md">
            <x-inputs.text.Input label="هوية ولي الامر" value="{{$parent->national_id}}" style="pointer-events:none" icon="file-text" name="coupon_value"  />
        </div>
    </div>

    <div class="row mb-1">
        @if(isset($student))
            <div class="col-md">
            <x-inputs.text.Input style="pointer-events:none" value="{{$student->student_name}}" label="الطالب" icon="file-text" name="guardian_name" />

            </div>
            <div class="col-md">
                <x-inputs.text.Input style="pointer-events:none" value="{{$parent->guardian_name}}" label="هوية الطالب" icon="file-text" name="guardian_name" />
            </div>
        @endif
    </div>

    <div class="row mb-1">
        @if(isset($application))
            <div class="col-md">
                <x-inputs.text.Input style="pointer-events:none" value="{{$application->student_name}}" label="الطالب" icon="file-text" />
            </div>
            <div class="col-md">
                <x-inputs.text.Input label="كود الطلب" value="{{$application->id}}" style="pointer-events:none" icon="file-text"   />
            </div>
        @endif
    </div>

@endif


<div class="row mb-1">
    <label>يمكن الدفع علي : </label>
    <div class="mt-1">
        <input id="contract_flag" style="pointer-events:none" class="form-check-input me-1" {{$couponChecker->checker_data['contract_flag'] || $flag_all ? 'checked':''}} name="contract_flag" type="checkbox">
        <label class="form-check-label mr-1" for="contract_flag"> تعاقد </label>
    </div>

    <div class="mt-1">
        <input id="transfer_request_flag" style="pointer-events:none" class="form-check-input me-1" {{$couponChecker->checker_data['transfer_request_flag'] || $flag_all ? 'checked':''}} name="transfer_request_flag" type="checkbox">
        <label class="form-check-label mr-1" for="transfer_request_flag"> تجديد تعاقد </label>
    </div>

    <div class="mt-1">
        <input id="debt_flag" style="pointer-events:none" class="form-check-input me-1" {{$couponChecker->checker_data['debt_flag']|| $flag_all ? 'checked':''}} name="debt_flag" type="checkbox">
        <label class="form-check-label mr-1" for="debt_flag"> مديونية </label>
    </div>
</div>

@endif



<x-ui.divider>معلومات القسيمة</x-ui.divider>


<div class="row mb-1">
    <div class="col-md">
        <x-inputs.text.Input label="رمز القسيمة" style="pointer-events:none"  icon="file-text" name="code" />
    </div>
    <div class="col-md">
        <x-inputs.text.Input label="قيمة الخصم" style=" pointer-events:none" icon="file-text" name="coupon_value" placeholder="ادخل قيمة الخصم" data-msg="رجاء ادخال قيمة االخصم بشكل صحيح" />
    </div>
</div>
<div class="row mb-1">
    <div class="col-md">
        <x-inputs.text.Input label="متاح ابتداء من" style="pointer-events:none" class="form-control flatpickr-basic" icon="calendar" name="available_at" placeholder="ادخل متاح ابتداء من" />
    </div>

    <div class="col-md">
        <x-inputs.text.Input label="تاريخ الانتهاء"  style="pointer-events:none" class="form-control flatpickr-basic" icon="calendar" name="expire_at" placeholder="ادخل تاريخ الانتهاء" />

    </div>
</div>
<div class="row mb-1">

    <div class="col-md">
        <label class="form-label mb-1" for="active"> الحالة </label>
        <x-inputs.checkbox name="active">مفعل</x-inputs.checkbox>
    </div>
</div>
<div class="col-12 text-center mt-2">
    <x-inputs.link route="coupons.index">عودة</x-inputs.link>
</div>

        {!! Form::close() !!}

        @endcomponent

        @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 type="text/javascript">
            get_discount_values();
            toggleLevelSelection(document.getElementById('classification_id'))
        </script>
        <script src="{{ asset(mix('js/scripts/forms/pickers/form-pickers.js')) }}"></script>
        @endsection