@extends('layouts.app')

@section('content')
    <form action="{{ route('transfer_prisoner.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>

        <x-prisoner-info />

        <div class="col-12 col-md-12">
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form hidden" id="div_other_issue">

                <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                    قضايا على النزيل
                </h3>

                <div class="widget-content pdx-20 pdb-20"  id="other_issues">

                </div>

            </div>

        </div>

        <div class="row">

            <div class="col-12">
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">

                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">بيانات النقل</h3>

                    <div class="widget-content pdx-20">
                        <div class="row gpx-15">
                            <div class="col-12 col-md-6 widget-block ">

                                <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-5 medium-weight mb-10 mt-10 primary">
                                    <label class="checkbox fs-17 strong-weight">
                                        <input type="radio" name="transfer_type" value="internal" id="within-kingdom" checked>
                                        <span>داخل المملكة</span>
                                    </label>
                                </h3>

                                <div class="flexbox divider-b mb-20">
                                    <div class="col-12">

                                        <label for="prison_id">اسم السجن</label>
                                        <select name="prison_id" class="within-kingdom wk-req transferPrison_prison_id">
                                            <option value="">-- أختر --</option>
                                            @foreach ($prisons as $prison)
                                                <option value="{{ $prison->id }}" data-region="{{ $prison->address }}" data-city="{{ $prison->city }}">
                                                    {{ $prison->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-12 col-md-12 widget-block ">
                                        <label for="region">المنطقة</label>
                                        <input
                                            type="text"
                                            class="within-kingdom wk-req req prison_region"
                                            placeholder="المنطقة"
                                            name="region"
                                            value=""
                                        >
                                    </div>

                                    <div class="col-12 col-md-12 widget-block ">
                                        <label for="city">المدينة</label>
                                        <input
                                            type="text"
                                            class="within-kingdom wk-req req prison_city"
                                            placeholder="المدينة"
                                            class="within-kingdom"
                                            name="city"
                                            value=""
                                        >
                                    </div>

                                </div>
                            </div>

                            <div class="col-12 col-md-6 widget-block ">

                                <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-5 medium-weight mb-10 mt-10 primary">
                                    <label class="checkbox fs-17 strong-weight">
                                        <input type="radio" name="transfer_type" value="external" id="outside-kingdom">
                                        <span>خارج المملكة</span>
                                    </label>
                                </h3>

                                <div class="flexbox divider-b mb-20">

                                    <div class="col-12 col-md-12 widget-block ">
                                        <label for="country_name">اسم الدولة</label>
                                        <input
                                            type="text"
                                            class="outside-kingdom ok-req"
                                            placeholder="اسم الدولة"
                                            name="country_name"
                                            value=""
                                        >
                                    </div>

                                    <div class="col-12 col-md-12 widget-block ">
                                        <label for="prison_name">اسم السجن</label>
                                        <input
                                            type="text"
                                            placeholder="اسم السجن"
                                            name="prison_name"
                                            value=""
                                            class="outside-kingdom ok-req"
                                        >
                                    </div>

                                    <div class="col-12">
                                        <div class="row gpx-15">

                                            <div class="col-12 col-md-6 widget-block ">
                                                <label for="region">المنطقة</label>
                                                <input
                                                    type="text"
                                                    class="outside-kingdom ok-req"
                                                    placeholder="المنطقة"
                                                    name="region"
                                                    value=""
                                                >
                                            </div>

                                            <div class="col-12 col-md-6 widget-block ">
                                                <label for="city">المدينة</label>
                                                <input
                                                    type="text"
                                                    class="outside-kingdom ok-req"
                                                    placeholder="المدينة"
                                                    class="outside-kingdom"
                                                    name="city"
                                                    value=""
                                                >
                                            </div>

                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>

                        <div class="row">

                            <div class="col-12 col-md-6 widget-block ">
                                <label for="reason_transfer">سبب النقل</label>
                                <select class="wk-req req" name="reason_transfer" id="reason_transfer">
                                    <option value="">-- أختر --</option>
                                    @foreach (config('static.reason_order_transfer_prisoners') as $key => $transfer_reason)
                                        <option value="{{ $key }}">{{ $transfer_reason }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-12 col-md-6 widget-block ">
                                <label for="letter_source">مصدر خطاب النقل</label>
                                <input
                                    type="text"
                                    class=" req"
                                    name="letter_source"
                                    placeholder="مصدر خطاب النقل"
                                    value=""
                                >
                            </div>

                            <div class="col-12 col-md-6 widget-block ">
                                <label for="letter_number">رقم الخطاب</label>
                                <input
                                    type="number"
                                    class="within-req req"
                                    placeholder="رقم الخطاب"
                                    name="letter_number"
                                    value=""
                                >
                            </div>

                            <div class="col-12 col-md-6 widget-block ">
                                <label for="letter_date_hijri">تاريخ الخطاب</label>

                                <input
                                    type="text"
                                    class="date-hijri  req"
                                    placeholder="تاريخ الخطاب"
                                    name="letter_date_hijri"
                                    value=""
                                >

                            </div>

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

                        <div class="col-12 col-md-6">
                            <label for="" class="color-transparent">..</label>
                            <button class="btn fluid primary">حفظ</button>
                        </div>

                    </div>

                </div>
            </div>


        </div>
    </form>
@endsection

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