@extends('layouts.app')

@section('content')

    <form action="{{ route('out.call-prisoner-requests.storeCallReturn') }}" 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">
            @include('outs.parts.prisoner_info' , ['prisoner'=>$call_prisoner_request->prisoner , 'type'=>"call_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> : <span id="out_call_date">{{ optional($call_prisoner_request->callOut)->out_date_hijri }}</span></li>
                            <li class="mb-5"><span class="gray-color inline-block">وقت الخروج</span> :  {{ optional($call_prisoner_request->callOut)->out_time }}</li>
                            <li class="mb-5"><span class="gray-color inline-block">مدة الخروج المتوقعة</span> :  {{ $call_prisoner_request->duration }} ساعة</li>
                            <li class="mb-5"><span class="gray-color inline-block">جهة الطلب</span> : {{ ($call_prisoner_request->request_source == "university") ?  $call_prisoner_request->university_name : config("static_prisoner_out.request_source.$call_prisoner_request->request_source") }}</li>
                        </ul>
                        <input type="hidden" name="call_prisoner_request_id" value="{{ $call_prisoner_request->id }}">
                    </div>
                </div>
            </div>

        </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>

                </div>

            </div>

        </div>

    </form>
@endsection

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