@extends('layouts.app')

@section('content')

<form action="{{ $action }}" class="col col-lg-9 pd-30" id="submitForm" enctype="multipart/form-data" method="POST">
    @csrf
    <!-- 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 -->
        @if($clinics&&$clinics->clinic_id)
        <input type="hidden" name="clinic_id" id="clinic_id" value="{{ $clinics->clinic_id }}">
        @endif
    <!-- Grid -->
    <div class="row">
        @if(isset($clinic_schedule_times) && $clinic_schedule_times->schedule_time_id)
            <input type="hidden" name="_method"  value="PUT">
            <input type="hidden" name="schedule_time_id" id="schedule_time_id" value="{{ $clinic_schedule_times->schedule_time_id }}">

            <!-- Column Prisoner Information -->
            <x-PrisonerInfo :info="$clinics" />
            {{-- <x-HealthDetails :health="$prisoner_health_detail" /> --}}

        @else

            {{--        create --}}
            <x-PrisonerInfo :info="$clinics" />
            {{-- <x-HealthDetails :health="$prisoner_health_detail" /> --}}

        @endif
    </div>
    @if(!isset($clinic_schedule_times))
    <!-- 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 fa-angle-up 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-6">
                            <label for="order_date">تاريخ طلب الحضور</label>
                            <div class="pos-rel">
                                <input type="text"  class="date-hijri-open req" name="order_date" >
                            </div>
                        </div>
                        <div class="col-12 col-md-6 col-lg-6">
                            <label for="time_expected">المدة المتوقعة (دقيقه)</label>
                            <input type="number" placeholder="40 دقيقه" name="time_expected" >
                        </div>
                        <div class="col-12 col-md-12 col-lg-12">
                            <label for="visit_reason">الغرض من الحضور</label>
                            <textarea placeholder="ملاحظات" name="visit_reason"></textarea>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
    @endif
    <!-- 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 fa-angle-up 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>درجة حرارة الجسم</label>
                            <input type="text" class="req" placeholder="درجة حرارة الجسم" name="body_temperature" value="{{$clinics && $clinics->body_temperature ? $clinics->body_temperature : ''}}">
                        </div>
                        <div class="col-12 col-md-6 col-lg-4">
                            <!-- Normal -->
                            <label>معدل النبض</label>
                            <input type="text" class="req" placeholder="معدل النبض" name="pulse_rate" value="{{$clinics && $clinics->pulse_rate ? $clinics->pulse_rate : ''}}">
                        </div>
                        <div class="col-12 col-md-6 col-lg-4">
                            <!-- Normal -->
                            <label>ضغط الدم</label>
                            <input type="text" class="req" placeholder="ضغط الدم" name="blood_pressure" value="{{$clinics && $clinics->blood_pressure ? $clinics->blood_pressure : ''}}">
                        </div>
                        <div class="col-12 col-md-6 col-lg-4">
                            <!-- Normal -->
                            <label>معدل التنفس</label>
                            <input type="text" placeholder="معدل التنفس" name="breathing_rate" value="{{$clinics && $clinics->breathing_rate ? $clinics->breathing_rate : ''}}">
                        </div>
                        <div class="col-12 col-md-6 col-lg-4">
                            <!-- Normal -->
                            <label>تشبع الدم باالكسجين</label>
                            <input type="text" placeholder="تشبع الدم باالكسجين " name="oxygen_percentage" value="{{$clinics && $clinics->oxygen_percentage ? $clinics->oxygen_percentage : ''}}">
                        </div>
                    </div>
                </div>

            </div>
        </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 fa-angle-up 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>الشكوي</label>
                            <input type="text" class="req" placeholder="الشكوي" name="complaint" value="{{$clinics && $clinics->complaint ? $clinics->complaint : ''}}">
                        </div>
                        <div class="col-12 col-md-6 col-lg-4">
                            <!-- Normal -->
                            <label>التشخيص</label>
                            <input type="text" class="req" placeholder="التشخيص" name="diagnosis" value="{{$clinics && $clinics->diagnosis ? $clinics->diagnosis : ''}}">
                        </div>
                        <div class="col-12 col-md-6 col-lg-4">
                            <!-- Normal -->
                            <label>الدواء</label>
                            <input type="text" class="req" placeholder="الدواء " name="Medicine" value="{{$clinics && $clinics->Medicine ? $clinics->Medicine : ''}}">
                        </div>
                        <div class="col-12 col-md-6 col-lg-4" >
                            <!-- Normal -->
                            <label>نتيجة التحاليل</label>
                            <div  class="px-uploader" data-placeholder="نتيجة التحاليل" data-btn="رفع التحاليل">
                                <input type="file" name="Medical_tests">
                            </div>
                            @if($clinics && $clinics->Medical_tests)
                            <img src="{{ asset('uploads/clinics/'.$clinics->Medical_tests)  }}" width="100px" height="50px">
                            @endif
                        </div>
                        <div  class="col-12 col-md-6 col-lg-4">
                            <!-- Normal -->
                            <label>نتيجة الاشعة</label>
                            <div class="px-uploader" data-placeholder="نتيجة الاشعة" data-btn="رفع الاشعة" >
                                <input type="file" name="x_ray">
                            </div>
                            @if($clinics && $clinics->x_ray)
                            <img src="{{ asset('uploads/clinics/'.$clinics->x_ray) }}" width="100px" height="50px">
                            @endif
                        </div>

                        <div class="col-12 col-md-6 col-lg-4">
                            <!-- Normal -->
                            <label>التوصية</label>
                            <input type="text" placeholder="التوصية " name="recommendation" value="{{$clinics && $clinics->recommendation ? $clinics->recommendation : ''}}" >
                        </div>
                        <div class="col-12 col-lg-12">
                            <!-- Normal -->
                            <label>ملاحظات</label>
                            <textarea placeholder="ملاحظات" name="notes">{{$clinics && $clinics->notes ? $clinics->notes : ''}}</textarea>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- // Grid -->
    <div class="col-lg-6">
        <button class="btn primary fluid ">حفظ التعديلات</button>
    </div>

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