@extends('layouts.app')

@section('content')

    <form action="{{ route('release.release.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>
        </div>

        <div class="row">

            <x-prisoner-info type="release" />

            <x-issue-info />

            <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-12 widget-block ">
                                <div class="flexbox divider-b mb-20">

                                    <div class="col pds-15 col-4">
                                        <label for="release_reason">سبب إطلاق السراح</label>
                                        <select name="release_reason" class="release_reason" >
                                            <option value="">اختر سبب الإفراج</option>
                                            @foreach(config('static.release_reason') as $key => $value)
                                                <option value="{{ $key }}"> {{ $value }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col pds-15 col-4">
                                        <label for="release_date_hijri">تاريخ اطلاق السراح </label>
                                        <div class="pos-rel">
                                            <input class="date-hijri" type="text" placeholder="تارخ إطلاق السراح" name="release_date_hijri" value="">
                                        </div>
                                    </div>

                                    <div class="col pds-15 col-4">
                                        <label for="release_time">وقت اطلاق السراح</label>
                                        <input class="" type="time" placeholder="" name="release_time" value="">
                                    </div>

                                    <div id="other_reason" class="col-12 flex gap-4 pds-15">
                                        <div class="col-4">
                                            <label for="release_order_source"> الجهه التى امرت باطلاق السراح </label>
                                            <input  class="release_order_source" type="text" placeholder="" name="release_order_source" value="">
                                        </div>

                                        <div class="col-4">
                                            <label for="release_order_number">رقم الخطاب</label>
                                            <input class="" type="number" placeholder="رقم الخطاب" name="release_order_number" value="">
                                        </div>

                                        <div class="col-4">
                                            <label for="release_order_date_hijri">تاريخ الخطاب</label>
                                            <input type="text" class="date-hijri" name="release_order_date_hijri" id="release_order_date_hijri" value="">
                                        </div>
                                    </div>

                                    <div class="col col-12 pds-15">
                                        <label class="checkbox fs-13">
                                            <input type="checkbox" name="is_delivered_to_arresting_party" class="is_delivered" value="0">
                                            <span>تم تسليمه لجهة القبض</span>
                                        </label>
                                    </div>

                                    <div id="arressting_agency" class="col-12 flex gap-4 pds-15">
                                        <div class="col-4">
                                            <label for="arresting_party_name">اسم جهة القبض</label>
                                            <input  class="arresting_party_name" type="text" placeholder="" name="arresting_party_name" value="">
                                        </div>

                                        <div class="col-4">
                                            <label for="arresting_number">رقم الخطاب</label>
                                            <input class="" type="number" placeholder="رقم الخطاب" name="arresting_number" value="">
                                        </div>

                                        <div class="col-4 pos-rel">
                                            <label for="arresting_date_hijri">تاريخ الخطاب</label>
                                            <input type="text" class="date-hijri" name="arresting_date_hijri" id="arresting_date_hijri" value="">
                                        </div>
                                    </div>

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

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

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

        </div>
    </form>
@endsection

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