@extends('layouts.app')

@section('content')

<form action="{{ $action }}" class="col col-lg-9 pd-30" id="submitForm" 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($health_release->release_id)
    <input type="hidden" name="_method"  value="PUT">
    <input type="hidden" name="release_id" id="release_id"  value="{{ $health_release->release_id }}">
    @endif
      <!-- Grid -->
    <div class="row">

            <!-- Column -->
        <!-- Column Prisoner Information -->
        <x-PrisonerInfo :info="$health_release" />
        <!-- Widget Group -->


        <!-- Widget Block -->
        <div class="col-12">
            <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">
                    <!-- grid -->
                    <div class="row gpx-15">
                        <div class="col-12 col-md-12 widget-block ">
                            <!-- Controls Widget -->
                            <!-- Title -->

                            <!-- Controls Group -->
                            <div class="flexbox divider-b mb-20">

                                <!-- Form Controls -->
                                <div class="col pds-15">
                                    <label for="nationality">قرار الهئية الطبية الختصة(التشخيص الاولى)</label>
                                    <select name="medical_decision" class="req" id="sel_medical_decision">
                                        <option value="">-- اختر --</option>
                                        @foreach(config('static.medical_decision') as $key => $value)
                                        <option value="{{ $key }}" {{ $key == $health_release->medical_decision ? 'selected': ''  }}>-- {{ $value }} --</option>
                                        @endforeach
                                    </select>
                                </div>
                                <!-- // Form Controls -->

                                <!-- Form Controls -->
                                <div class="col pds-15">
                                    <label for="decision_date">تاريخ  قرار الهيئة الطبية المختصة </label>
                                    <div class="pos-rel">
                                        <input class="req date-hijri" type="text" placeholder="مصدر الخطاب" name="decision_date" value="{{  $health_release->decision_date }}">
                                    </div>
                                </div>
                                <!-- // Form Controls -->
                                <!-- Form Controls -->
                                <div class="col pds-15">
                                    <label for="letter_source">مصدر الخطاب</label>
                                    <input class="req" type="text" placeholder="مصدر الخطاب" name="letter_source" value="{{  $health_release->letter_source }}">
                                </div>
                                <!-- // Form Controls -->
                                <!-- Form Controls -->
                                <div class="col pds-15">
                                    <label for="letter_number">رقم الخطاب</label>
                                    <input class="req" type="text" placeholder="رقم الخطاب" name="letter_number" value="{{ $health_release->letter_number }}">
                                </div>
                                <!-- // Form Controls -->
                                <!-- Form Controls -->
                                <div class="col pds-15">
                                    <label for="letter_date">تاريخ الخطاب</label>
                                    <div class="pos-rel">
                                        <input class="req date-hijri" type="text" placeholder="تاريخ الخطاب" name="letter_date" value="{{ $health_release->letter_date }}">
                                    </div>
                                </div>
                                <div  class=" col-6 pds-15 @if ($health_release->date_medical_re_examination) has_date_medical_re_examination @else d-none @endif " id="box_date_medical_re_examination">
                                    <label for="notes"> تاريخ اعادة الكشف </label>
                                    <input class=" date-hijri inp_date_medical_re_examination" type="text" placeholder="تاريخ الخطاب" name="date_medical_re_examination" value="{{$health_release->date_medical_re_examination }}">
                                </div>
                                <!-- // Form Controls -->
                                <!-- Form Controls -->
                                <div class="col col-12 pds-15">
                                    <label for="health_details">وصف الحالة الصحية</label>
                                    <textarea class="req" name="health_details" id="" cols="30" rows="10">{{ $health_release->health_details }}</textarea>
                                </div>
                                <!-- // Form Controls -->
                                <!-- Form Controls -->
                                <div class="col col-12 pds-15">
                                    <label for="notes"> ملاحظات </label>
                                    <textarea name="notes" id="" cols="30" rows="10"> {{ $health_release->notes }} </textarea>
                                </div>
                                <!-- // Form Controls -->

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



                    </div>


                    <!-- // grid -->
                </div>
                <!-- // Content -->
            </div>
        </div>





    </div>


    @if(!empty($checkPriv->privilege->p_add))
    <!-- column -->
    <div class="col-12 col-md-6">
        <!--  -->
        <label for="" class="color-transparent">..</label>
        <button class="btn fluid primary">حفظ</button>
    </div>
    <!-- // column -->
    @endif
</form>
@endsection

@section('script')
    <script>
        $(function(){
            $('#sel_medical_decision').change(function(){

                if($(this).val() == "2"){

                    $('#box_date_medical_re_examination').removeClass('d-none')
                    $('.inp_date_medical_re_examination').addClass('req')
                }else{
                    $('.inp_date_medical_re_examination').removeClass('req')
                    $('#box_date_medical_re_examination').addClass('d-none')
                }
            })

            if(!$('#box_date_medical_re_examination').hasClass('has_date_medical_re_examination')){
                console.log('ddddddddeeee');
                $('.inp_date_medical_re_examination').val(null)
            }else{
                console.log('dddddddd');
            }
        })
    </script>
@endsection