@extends('layouts.app')

@section('content')
    <form action="{{ route('out.guarantee_exit.storeReturn', $guarantee_exit->id) }}" 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">
            <x-prisoner-info type="not_be_modified" :$prisoner />
            <div class="col-12 col-md-6 col-lg-6">
                <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">
                        <ul class="info-list reset-list fs-15 lineheight-160">
                            <li class="mb-5"><span class="gray-color inline-block">اسم الكفيل</span> :
                                {{ $guarantee_exit->full_name }}</li>
                            <li class="mb-5"><span class="gray-color inline-block">رقم الجوال</span> :
                                {{ optional($guarantee_exit->address)->mobile_number }}</li>
                            <li class="mb-5"><span class="gray-color inline-block">هاتف ثابت</span> :
                                {{ optional($guarantee_exit->address)->mobile_number2 }}</li>
                            <li class="mb-5"><span class="gray-color inline-block">سبب الخروج</span> :
                                {{ $guarantee_exit->exit_reason }}</li>
                            <li class="mb-5"><span class="gray-color inline-block">نوع الكفالة</span> :
                                {{ config("static_prisoner_out.type_guarantee.$guarantee_exit->guarantee_type") }}</li>
                            <li class="mb-5"><span class="gray-color inline-block">تاريخ الخروج</span> : <span
                                    id="out_guarantee_date">{{ $guarantee_exit->exit_date_hijri }}</span></li>
                            <li class="mb-5"><span class="gray-color inline-block">وقت الخروج</span> :
                                {{ $guarantee_exit->exit_time }}</li>
                            <li class="mb-5"><span class="gray-color inline-block">مدة الخروج المتوقعة</span> :
                                {{ $guarantee_exit->exit_duration }} يوم</li>
                            <li class="mb-5"><span class="gray-color inline-block">تاريخ العودة المفترض</span> :
                                {{ $guarantee_exit->expected_return_date_hijri }} يوم</li>
                        </ul>
                        <input type="hidden" name="guarantee_exit_id" value="{{ $guarantee_exit->id }}">
                    </div>
                </div>
            </div>

            {{-- <x-issue-info page="not_be_modified" :issue="$guarantee_exit->issue" /> --}}
        </div>

        <div class="row">


            <div class="col-12 col-md-6 col-lg-6">

                <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 primary">تسجيل عودة</h3>

                    <div class="widget-content pdx-20">

                        <label for="return_date_hijri">تاريخ العودة</label>
                        <div class="pos-rel">
                            <input type="text" placeholder="" class="date-hijri req" id="return_date_hijri"
                                name="return_date_hijri" value="">
                        </div>

                        <label for="return_time">وقت العودة</label>
                        <input type="time" placeholder="" class="req" name="return_time" value="">

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

                </div>

            </div>
        </div>
    </form>
@endsection

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