@extends('layouts.app')

@section('content')

<div  class="col col-lg-9 pd-30" >

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

    </div>
    <!-- // Page Title -->
    <!-- Walk as if you are kissing the Earth with your feet. - Thich Nhat Hanh -->
    <div class="col-12 col-md-6">
        <!-- Controls Widget -->
        <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
            <!-- Title -->
            <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">معلومات النزيل</h3>


            <!-- Content -->
            <div class="widget-content pdx-20">
                <!-- Controls Group -->
                <div class="flexbox divider-b mb-20">
                    <!-- Avatar Uploader -->
                    <img src="{{ !empty($clinic_schedule_times->prisoner->image)? asset($clinic_schedule_times->prisoner->image) : asset('img/avatar.jpg') }}" class="avatar radius-g" data-default="{{  asset('img/avatar.jpg') }}" id="prisoner_image" alt=""/>
                    <!-- Form Controls -->
                    <div class="col pds-15">
                        <ul class="info-list reset-list fs-13 lineheight-160">
                            <li class="pdb-5 col-6">
                                <span class="gray-color inline-block" >اسم النزيل</span> :
                                <span class="prisonerData" id="prisoner_name">{{  !empty($clinic_schedule_times->prisoner->full_name)? $clinic_schedule_times->prisoner->full_name : ''  }} </span>
                            </li>
                            <li class="pdb-5 col-6">
                                <span class="gray-color inline-block">رقم الملف </span> :
                                <span class="prisonerData" id="prisoner_filenumber"> {{ !empty($clinic_schedule_times->prisoner->file_number)? $clinic_schedule_times->prisoner->file_number : '' }} </span>
                            </li>
                            <li class="pdb-5 col-6">
                                <span class="gray-color inline-block">رقم النزيل </span> :
                                <span class="prisonerData" id="prisoner_guestnumber"> {{ !empty($clinic_schedule_times->prisoner->prisoner_detail->prisoner_number )? $clinic_schedule_times->prisoner->prisoner_detail->prisoner_number : '' }} </span>
                            </li>
                            <li class="pdb-5 col-6">
                                <span class="gray-color inline-block">الجنسية</span> :
                                <span class="prisonerData" id="prisoner_nationality">{{ !empty($clinic_schedule_times->prisoner->nationality->name)? $clinic_schedule_times->prisoner->nationality->name: '' }} </span>
                            </li>
                            <li class="pdb-5 col-6">
                                <span class="gray-color inline-block">الجنس</span> :
                                <span class="prisonerData" id="prisoner_gender"> {{ isset($clinic_schedule_times->prisoner->gender)?  __('static.gender.'.$clinic_schedule_times->prisoner->gender): '' }} </span>
                            </li>
                        </ul>
                    </div>

                    <div class="pdb-5 col-12">
                        <input type="hidden" class="prisoner_id repeater_prisoner_id" name="prisoner_id"  id="prisoner_id" value="{{ !empty($clinic_schedule_times->prisoner->prisoner_id) ? $clinic_schedule_times->prisoners_id : '' }}" >
                        <input type="text"  name="id_number" class="req" id="prisoner_id_number" data-type="" data-url="{{ url('loadPrisonerData') }}"  class="req" placeholder="رقم الهوية" value="{{ !empty($clinic_schedule_times->prisoner->identity_number)? $clinic_schedule_times->prisoner->identity_number: '' }}" class="disabled" disabled  >
                    </div>


                </div>
                <!-- // Controls Group -->
            </div>
            <!-- // Content -->
        </div>

    </div>

    <!-- // Grid -->
    <!-- Grid -->
    <div class="row">
            <div class="col col-lg-9 pd-30">
                    <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Widget Main Title -->
                    <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">الموعد</h3>
                    <div class="widget-content pdx-20">
                        <div class="row">
                            <div class="col-12 col-md-6 col-lg-4">
                                <!-- Normal -->
                                <label for="">اسم الطبيب</label>
                                <input type="text" placeholder="اسم الطبيب"  value="{{$clinic_schedule_times->doctor->name}}" class="disabled" disabled>
                            </div>
                            <div class="col-12 col-md-6 col-lg-4">
                                <label for="order_date">تاريخ ووقت طلب الحضور</label>
                                <input type="datetime-local"  value="{{ App\Lib\Test\Src\Facades\LaravelHijrian::hijriDateTime($clinic_schedule_times->order_date)->format('Y-m-d H:i:s') }}" class="disabled" disabled>
                            </div>
                            <div class="col-12 col-md-6 col-lg-4">
                                <label for="time_expected">المدة المتوقعة</label>
                                <input type="number" placeholder="40"  value="{{$clinic_schedule_times->time_expected}}" class="disabled" disabled>
                            </div>
                            <div class="col-12 col-md-12 col-lg-12">
                                <label for="visit_reason">الغرض من الحضور</label>
                                <textarea placeholder="ملاحظات" class="disabled" disabled>{{$clinic_schedule_times->visit_reason}}</textarea>
                            </div>

                        </div>
                    </div>

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

    <!-- // Grid -->
</div>
@endsection