@extends('layouts.app')

@section('content')
    <form action="{{route('jailbreak.store')}}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
        @csrf  <!-- token create  -->
        <!-- Page Title -->
    <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>
        <!-- // Page Title -->



    <!-- Grid -->


        <!-- Column -->

        <div class="row">
            <!-- Column Prisoner Information -->
            <x-prisoner-info  />

            <!-- Widget Group -->
        </div>

        <!-- Column -->
        <div class="col-12 col-md-12">
            <!-- Controls Widget -->
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                <!-- Title -->
                <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">معلومات الهروب</h3>
                <!-- Content -->
                <div class="widget-content pdx-20">

                    <div class="row pds-15">
                        <div class="col-4  pos-rel">
                            <input type="text" placeholder="تاريخ الهروب"  class="date-hijri req"  name="date_hijri" value="">
                        </div>
                        <div class="col-4 pos-rel">
                            <input type="time" placeholder="وقت الهروب"  class="req"  name="time" value="">
                        </div>
                        <div class="col-4 pos-rel">
                            <input type="text" name="place"  id="place"  class="req" placeholder="مكان الهروب" value="">
                        </div>
                    </div>

                    <!-- Controls Group -->
                    <div class="flexbox divider-b mb-20">
                        <!-- Form Controls -->
                            <textarea name="notes"  placeholder="ملاحظات الهروب"></textarea>
                        <!-- // Form Controls -->
                    </div>
                    <!-- // Controls Group -->
                </div>
                <!-- // Content -->
            </div>

        </div>

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

</form>
@endsection