@extends('layouts.app')

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

        @method('PUT')

        <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' => $call_prisoner_request->prisoner,
                '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>
                </h3>

                <div class="call_prisoner">
                    <div class="mx-auto divider-b mb-15">
                        <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="{{ $call_prisoner_request->request_date_hijri }}">
                                            </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="{{ $call_prisoner_request->request_time }}">
                                            </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 }}" @selected($call_prisoner_request->duration == $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 }}" @selected($call_prisoner_request->request_source == $key)>
                                                        {{ $value }}
                                                    </option>
                                                @endforeach
                                            </select>

                                            <input type="text" name="university_name" class="req university_name"
                                                placeholder="اسم الجامعة"
                                                value="{{ $call_prisoner_request->university_name }}">
                                        </div>

                                    </div>


                                    <div class="col-12 col-md-4">
                                        <div>
                                            <label for="">رقم خطاب الاستدعاء</label>
                                            <input type="number" placeholder="" name="call_letter_number" class="req"
                                                value="{{ $call_prisoner_request->call_letter_number }}">
                                        </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="{{ $call_prisoner_request->call_letter_date_hijri }}">
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-12">
                                        <label for="">الغرض من الاستدعاء</label>
                                        <textarea name="purpose" id="purpose" cols="30" rows="10">{{ $call_prisoner_request->purpose }}
                                        </textarea>
                                    </div>

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

                    <hr />
                </div>

            </div>
        </div>

    </form>
@endsection

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