@extends('layouts.app')

@section('content')
    <form action="{{ route('out.call-prisoner-requests.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax"
        method="POST">
        @csrf

        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h1 class="reset-block primary-color lineheight-130 fs-20">تسجيل طلب استدعاء نزيل</h1>
            <button class="btn small primary">حفظ </button>
        </div>

        <div class="row">
            @include('outs.parts.prisoner_info', ['prisoner' => null, 'type' => 'call_prisoner'])
        </div>

        <div class="col-12">

            <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater">

                <h3
                    class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                    <span> أضافة طلب استدعاء نزيل </span>
                    <button type="button" class="btn primary display-block square fas fa-plus tiny"
                        id="callPrisonerRepeaterButton" data-repeater-create></button>
                </h3>

                <div data-repeater-list="call_prisoner" class="call_prisoner">
                    <div class="mx-auto divider-b mb-15" data-repeater-item>
                        <div class="widget-content pdx-20 form-ui">
                            <div class="mt-5">
                                <div class="row align-center-y ">
                                    <div class="col-12 col-md-4">
                                        <div class="">
                                            <label for="">تاريخ طلب الحضور</label>
                                            <div class="pos-rel">
                                                <input type="text" class="date-hijri-after-now-and-today req"
                                                    name="request_date_hijri" id="request_date_hijri" placeholder=""
                                                    value="">
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div>
                                            <label for="">وقت طلب الحضور</label>
                                            <div class="pos-rel">
                                                <input type="time" class="req" name="request_time" id="request_time"
                                                    placeholder="" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div>
                                            <label for="">مدة الخروج المتوقعة (بالساعة)</label>
                                            <select name="duration" id="duration" class="req">
                                                <option value="">-- أختر -- </option>
                                                @for ($i = 1; $i <= 24; $i++)
                                                    <option value="{{ $i }}">{{ $i }}</option>
                                                @endfor
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="row align-items-start">
                                    <div class="col-12 col-md-4">
                                        <div>
                                            <label for="">جهة الطلب</label>
                                            <select name="request_source" class="req request_source">
                                                <option value="">-- أختر -- </option>
                                                @foreach (config('static_prisoner_out.request_source') as $key => $value)
                                                    <option value="{{ $key }}">{{ $value }}</option>
                                                @endforeach
                                            </select>

                                            <input type="text" name="university_name" class="req university_name"
                                                placeholder="اسم الجامعة">
                                        </div>

                                    </div>


                                    <div class="col-12 col-md-4">
                                        <div>
                                            <label for="">رقم خطاب الاستدعاء</label>
                                            <input type="number" placeholder="" name="call_letter_number" class="req"
                                                value="">
                                        </div>

                                    </div>


                                    <div class="col-12 col-md-4">
                                        <label for="">تاريخ خطاب الاستدعاء</label>
                                        <div class="pos-rel">
                                            <input type="text" class="date-hijri-after-now-and-today req"
                                                name="call_letter_date_hijri" id="call_letter_date_hijri" placeholder=""
                                                value="">
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-12">
                                        <label for="">الغرض من الاستدعاء</label>
                                        <textarea name="purpose" id="purpose" cols="30" rows="10"></textarea>
                                    </div>

                                    <div class="col-12 col-md-12">
                                        <label for="">ملاحظات</label>
                                        <textarea name="notes" id="notes" cols="30" rows="10"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <button type="button"
                            class="btn transparent danger-color display-block square fas fa-times tiny removeFromCategory"
                            data-repeater-delete>
                        </button>
                    </div>

                    <hr />
                </div>

            </div>
        </div>

    </form>
@endsection

@section('script')
    <script src="{{ asset('assets/js/pages/outs/call_prisoner.js') }}" defer></script>
@endsection