@extends('layouts.frontend')

@section('title')
    @lang('frontend.edit_patient')
@endsection
  @section('vendor_css')
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') }}"> 
 
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/forms/selects/select2.min.css') }}">
 
@endsection
 
@section('custom_css')
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/forms/selects/select2.rtl.css') }}">
@endsection
 
@section('content')  
<div class="row mt-5 small_width page_header">
	<div class="col-12 col-md-12 col-lg-12">
		<h2 class="title mr-2">@lang('frontend.edit_patient')</h2> 
    </div>
</div> 

<div class="row mt-3 small_width ">
	<div class="col-12 col-md-12 col-lg-12">
 		<div class="card pl-5 pr-5 pt-2 pb-2 "> 
	        <div class="card-body">   
        		<form class="form-horizontal" method="POST" action="{{ route('frontend-update-patient',[$patient->id]) }}">
                <div class="card-block">
                    <div class="row">
                        <div class="col-xl-4 col-lg-6 col-md-12 mb-3">
                          <span class="text-danger">* مطلوب</span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                                <label for="name"><span class="text-danger">* </span>@lang('frontend.full_name')</label>
                                <input value="{{(old('name')) ? old('name') : $patient->name }}" type="text" class="form-control" id="name" name="name" required  >
                            </fieldset>
                        </div>

                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('mother_name') ? ' has-error' : '' }}">
                                <label for="mother_name"><span class="text-danger">* </span>@lang('frontend.mother_name')</label>
                                <input type="text" class="form-control" id="mother_name" name="mother_name" required  value="{{ (old('mother_name')) ? old('mother_name') : $patient->mother_name }}" >
                            </fieldset>
                        </div>  
                        
                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('guardian_name') ? ' has-error' : '' }}">
                                <label for="guardian_name">ولي الامر</label>
                                <input type="text" class="form-control" id="guardian_name" name="guardian_name"  value="{{ (old('guardian_name')) ? old('guardian_name') : $patient->guardian_name }}" >
                            </fieldset>
                        </div>  

                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('gander') ? ' has-error' : '' }}">
                                <label for="gender">@lang('frontend.gender')</label>
                                <select name="gender" id='gender' class="select2 form-control" >
                                        <option {{($patient->gender==1) ? "selected" : ""}} value="1">@lang('frontend.male')</option>
                                        <option {{($patient->gender==2) ? "selected" : ""}}  value="2">@lang('frontend.female')</option>
                                </select>
                            </fieldset>
                        </div> 
                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                          <fieldset class="form-group form-group{{ $errors->has('nationality') ? ' has-error' : '' }}">
                            <label for="nationality">الجنسية</label>
                            <select name="nationality" id='nationality' class="select2 form-control" >
                              <option {{($patient->nationality== 'egyptian') ? "selected" : ""}} value="egyptian">مصري</option>
                              <option {{($patient->nationality=='foreign') ? "selected" : ""}}  value="foreign">اجنبي</option>
                            </select>
                          </fieldset>
                        </div> 

                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('national_id') ? ' has-error' : '' }}">
                                <label for="national_id">@lang('frontend.national_id')</label>
                                <input value="{{(old('national_id')) ? old('national_id') : $patient->national_id}}" type="text" class="form-control" id="national_id" name="national_id"  >
                            </fieldset>
                        </div> 

                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('passport_id') ? ' has-error' : '' }}">
                                <label for="passport_id">جواز السفر</label>
                                <input value="{{(old('passport_id')) ? old('passport_id') : $patient->passport_id}}" type="text" class="form-control" id="passport_id" name="passport_id"  >
                            </fieldset>
                        </div> 

                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('mother_national_id') ? ' has-error' : '' }}">
                                <label for="mother_national_id">رقم القومي للام</label>
                                <input value="{{(old('mother_national_id')) ? old('mother_national_id') : $patient->mother_national_id}}" type="text" class="form-control" id="mother_national_id" name="mother_national_id"  >
                            </fieldset>
                        </div> 
                        
                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('phone') ? ' has-error' : '' }}">
                                <label for="phone"><span class="text-danger">* </span>@lang('frontend.mobile_phone')</label>
                                <input value="{{(old('phone')) ? old('phone') : $patient->phone}}"  type="text" class="form-control" id="phone" name="phone" >
                            </fieldset>
                        </div>

                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('land_phone') ? ' has-error' : '' }}">
                                <label for="land_phone">@lang('frontend.land_phone')</label>
                                <input type="text" class="form-control" id="land_phone" name="land_phone"   value="{{ (old('land_phone')) ? old('land_phone') : '' }}" >
                            </fieldset>
                        </div> 


                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                                <label for="email">@lang('frontend.email')</label>
                                <input value="{{(old('email')) ? old('email') : $patient->email}}"  type="email" class="form-control" id="email" name="email"  >
                            </fieldset>
                        </div>
 

                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('brith') ? ' has-error' : '' }}">
                                <label for="brith"><span class="text-danger">* </span>@lang('frontend.birth_date')</label> 
                                <input value="{{(old('brith')) ? old('brith') : $patient->brith}}"   onchange="get_age(this.value)" type='text' required id='brith' name='brith' required readonly="" class="form-control pickadate-dropdown" />

                                 <label for="brith"><span class="text-danger">* </span>@lang('frontend.age') - سنة</label> 
                                <input type='text' onchange="get_birth(this.value)" id='age_val' name='age' class="form-control" required value="{{ date_diff(date_create($patient->brith), date_create('today'))->y }}" />
                                
                            </fieldset>
                        </div> 

                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('gander') ? ' has-error' : '' }}">
                                <label for="blood_group">@lang('frontend.blood')</label>
                                <select name="blood_group" id='blood_group' class="select2 form-control" >
                                    <option value="">@lang('frontend.chose')</option>
                                    <option value="A+" {{ ($patient->blood_group == "A+") ? 'selected' : '' }} >A+</option>
                                    <option value="A-" {{ ($patient->blood_group == "A-") ? 'selected' : '' }} >A-</option>
                                    <option value="AB-" {{ ($patient->blood_group == "AB-") ? 'selected' : '' }} >AB-</option>
                                    <option value="AB+" {{ ($patient->blood_group == "AB+") ? 'selected' : '' }} >AB+</option>
                                    <option value="B+" {{ ($patient->blood_group == "B+") ? 'selected' : '' }} >B+</option>
                                    <option value="B-" {{ ($patient->blood_group == "B-") ? 'selected' : '' }} >B-</option>
                                    <option value="O+" {{ ($patient->blood_group == "O+") ? 'selected' : '' }} >O+</option>
                                    <option value="O-" {{ ($patient->blood_group == "O-") ? 'selected' : '' }} >O-</option> 
                                </select>
                            </fieldset>
                        </div>


                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1 ">
                            <fieldset class="form-group form-group{{ $errors->has('job') ? ' has-error' : '' }}">
                                <label for="job">الوظيفة</label> 
                                <input type='text' id='job' name='job' class="form-control pickadate-dropdown" value="{{(old('job')) ? old('job') : $patient->job }}" /> 
                            </fieldset>
                        </div> 

                        <div class="col-xl-8 col-lg-8 col-md-12 mb-1">
                            <fieldset class="form-group form-group{{ $errors->has('address') ? ' has-error' : '' }}">
                                <label for="address">@lang('frontend.address')</label>
                                <textarea  class="form-control" id="address" name="address">{{(old('address')) ? old('address') : $patient->address}}</textarea>
                                 
                            </fieldset>
                        </div>
                    </div> 
                    <div class="row">
                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1"> 
                            <script type="text/javascript">
                                var alert_message = "@lang('frontend.national_id_must_14')";
                            </script>
                            <button type="submit" onclick="if($('#national_id').val().length!=14 && $('#national_id').val().length!=0){alert(alert_message);return false;}"  class="btn btn-outline-success">@lang('frontend.edit') <i class="fa fa-check-circle "></i></button> 
                        </div>
                    </div> 

                </div>   
                {{ csrf_field() }}
            </form> 
		  </div>  
	    </div>
    </div>
</div>

@endsection

  
 
 @section('page_vendor_js') 
    <script src="{{ URL('/temp_frontend/app-assets/vendors/js/forms/select/select2.full.min.js') }} " type="text/javascript"></script>
    <script src="{{ URL('/temp_frontend/app-assets/vendors/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') }} " type="text/javascript"></script> 
@endsection



@section('page_level_js') 
<script src="{{ URL('/temp_frontend/app-assets/js/scripts/forms/select/form-select2.js') }}" type="text/javascript"></script>  
<script type="text/javascript">$("#brith").datetimepicker({format: 'yyyy-mm-dd',autoclose: true, minView: 2});
$("#national_id").keypress(function (e) { 
     if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) { 
       return false;
    }
   });


    function get_age(brith ) { 
      var dob = brith.toString();
      var now = new Date();
      var birthdate = dob.split("-"); 
      var born = new Date(birthdate[0], birthdate[1]-1, birthdate[2]);
        
      var age = now.getFullYear() - born.getFullYear();
      if(age < 1) {
          age = "اقل من سنة";
      }
      $('#age_val').val(age); 
  
    }

    function get_birth(age) {
      if(age>150){
        alert("هذا العمر كبير جدا");
        age = 150;
        $('#age_val').val(age);  
      } 
      var date = new Date().getFullYear();
      var brith = date - age;
      $('#brith').val(brith+'-01-01') ;

    }

    
    (function($) {
      $.fn.inputFilter = function(inputFilter) {
        return this.on("input keydown keyup mousedown mouseup select contextmenu drop", function() {
          if (inputFilter(this.value)) {
            this.oldValue = this.value;
            this.oldSelectionStart = this.selectionStart;
            this.oldSelectionEnd = this.selectionEnd;
          } else if (this.hasOwnProperty("oldValue")) {
            this.value = this.oldValue;
            this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
          } else {
            this.value = "";
          }
        });
      };
    }(jQuery));

    $("#age_val").inputFilter(function(value) {
        return /^\d*$/.test(value); });
   </script>
@endsection