@extends('admin.layouts.contentLayoutMaster')

@section('title','Package Edit')
@section('pagelevelcss')
@stop
@section('content')
<div class="section">
    <div class="card">
        <div class="card-content">
            <div class="row">
              <!-- Form Advance -->
              <div class="col s12 m12 l12">
                  <div class="card-content">
                    <form action="{{route('update.patient.Appointment',$getAppointment_details->id ??'')}}" method="post" id="edit_package_form" name="edit_package_form"  enctype="multipart/form-data">
                      {{ csrf_field() }}
                      <input  type="hidden" name="test_id" value="{{$getAppointment_details->test_id}}">
                  
                      
                      <label for="name">Select Test<span class="red-text">*</span></label>
                      <div class="row">
                        <div class="input-field col s12">
                        <input  type="text" name="testname" value="{{$getAppointment_details->testname}}"/>
                        
                        
                        </div>
                      </div>
                      <div class="row">
                        <div class="input-field col s12">
                            <input  type="text" name="price" value="{{$getAppointment_details->price}}">
                            <label for="name">Price<span class="red-text">*</span></label>
                        </div>
                      </div>
                      <div class="row">
                        <div class="input-field col s12">
                            <input  type="date" name="date">
                            <label for="Date">Date<span class="red-text">*</span></label>
                            <input  type="hidden" name="date" value="{{$getAppointment_details->date}}">
                        </div>
                      </div>
                      <div class="row">
                        <div class="input-field col s12">
                        <select type="text" id="timeInput" name="time" value="{{$getAppointment_details->time}}">
                        <option value="09:00 am">09:00 am</option>
                        <option value="09:15 am">09:15 am</option>
                        <option value="09:30 am">09:30 am</option>
                        <option value="09:45 am">09:45 am</option>
                        <option value="10:00 am">10:00 am</option>
                        <option value="10:15 am">10:15 am</option>
                        <option value="10:30 am">10:30 am</option>
                        <option value="10:30 am">10:30 am</option>
                        <option value="10:45 am">10:45 am</option>
                        <option value="11:00 am">11:00 am</option>
                        <option value="11:15 am">11:15 am</option>
                        <option value="11:30 am">11:30 am</option>
                        <option value="11:45 am">11:45 am</option>
                        <option value="12:00 pm">12:00 pm</option>
                        <option value="12:15 pm">12:15 pm</option>
                        <option value="12:30 pm">12:30 pm</option>
                        <option value="12:45 pm">12:45 pm</option>
                        <option value="1:00 pm">1:00 pm</option>
                        <option value="1:15 pm">1:15 pm</option>
                        <option value="1:30 pm">1:30 pm</option>
                        <option value="1:45 pm">1:45 pm</option>
                        <option value="2:00 pm">2:00 pm</option>
                        <option value="2:15 pm">2:15 pm</option>
                        <option value="2:30 pm">2:30 pm</option>
                        <option value="2:45 pm">2:45 pm</option>
                        <option value="3:00 pm">3:00 pm</option>
                        <option value="3:15 pm">3:15 pm</option>
                        <option value="3:30 pm">3:30 pm</option>
                        <option value="3:45 pm">3:45 pm</option>
                        <option value="4:00 pm">4:00 pm</option>
                        <option value="4:15 pm">4:15 pm</option>
                        <option value="4:30 pm">4:30 pm</option>
                        <option value="5:00 pm">5:00 pm</option>
                      
                         </select>
       
                            <label for="Time">Time<span class="red-text">*</span></label>
                        </div>
                      </div>


                      <div class="row">
                        <div class="input-field col s12">
                            <input  type="text" name="patientname" value="{{$getAppointment_details->patientname}}">
                            <label for="Time">PatientName<span class="red-text">*</span></label>
                        </div>
                      </div>


                      <div class="row">
                        <div class="input-field col s12">
                            <input  type="email" name="email" value="{{$getAppointment_details->email}}">
                            <label for="email">Email<span class="red-text">*</span></label>
                        </div>
                      </div>

                      <div class="row">
                        <div class="input-field col s12">
                            <input  type="text" name="contact" value="{{$getAppointment_details->contact}}">
                            <label for="email">Contact</label><span class="red-text">*</span></label>
                        </div>
                      </div>


                      <div class="row">
                        <div class="input-field col s12">
                            <select  type="text" name="appointment_status" value="{{$getAppointment_details->appointment_status}}">
                            <option value="">---Select  All Appointment Status---</option>
                            <option>AppointmentBooked</option>
                             <option>AppointmentCancel</option>   
                            </select>
                            <label for="appointment_status">Appointment status</label><span class="red-text">*</span></label>
                        </div>
                      </div>
                      <!-- <div class="row">
                        <label for="result" class="ckeditor-lable">Result<span class="red-text">*</span></label>
                        <div class="input-field col s12">
                            <textarea class="materialize-textarea ckeditor" name="result" id="result"></textarea>
                            <span class="result-error ckeditor-error-msg"></span>
                         <input id="result" type="text" name="result" value=""  maxlength="255">
                        </div>
                      </div> -->
                      <!-- <div class="row">
                        <div class="input-field col s12">
                          <textarea class="materialize-textarea" name="short_description"></textarea>
                          <label for="short_description">Short Description<span class="red-text">*</span></label>
                        </div>
                      </div> -->
                      <!-- <div class="row">
                        <label for="description" class="ckeditor-lable">Description<span class="red-text">*</span></label>
                        <div class="input-field col s12">
                          <textarea class="materialize-textarea ckeditor" name="description" id="description"></textarea>
                          <span class="description-error ckeditor-error-msg"></span>
                        </div>
                      </div> -->
                      <!-- <div class="row">
                        <label for="whats_in_this_test" class="ckeditor-lable">What's in this test?<span class="red-text">*</span></label>
                        <div class="input-field col s12">
                          <textarea class="materialize-textarea ckeditor" name="whats_in_this_test" id="whats_in_this_test"></textarea>
                          <span class="whats-in-this-test-error ckeditor-error-msg"></span>
                        </div>
                      </div> -->
                      <!-- <div class="row">
                        <label for="who_should_get_tested" class="ckeditor-lable">Who should get tested?<span class="red-text">*</span></label>
                        <div class="input-field col s12">
                          <textarea class="materialize-textarea ckeditor" name="who_should_get_tested" id="who_should_get_tested"></textarea>
                          <span class="who-should-get-tested-error ckeditor-error-msg"></span>
                        </div>
                      </div> -->
                      <div class="file-field input-field">
                        <!-- <div class="btn">
                          <span>Image</span>
                          <input type="file" name="package_image" id="package_image">
                        </div> -->
                        <!-- <div class="file-path-wrapper">
                          <input class="file-path validate" type="text">
                        </div>
                        <span class="package-image-error" style="color: #FF4081;"></span>
                        <img src="" title="" width="400" height="300">
                      </div>
                      <!-- <div class="row"> -->
                        <!-- <div class="input-field col s12">
                            <input type="text" name="url" id="url" value="">
                            <label>Embed URL</label>
                        </div>
                      </div> -->
                      <div class="row">
                        <div class="row">
                          <div class="input-field col s12">
                            <button class="btn waves-effect waves-light left" type="submit">Submit
                            </button>
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
              </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('pageleveljs')
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script src="{{asset('backend/js/ckeditor/ckeditor.js')}}"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('.ckeditor').ckeditor();
});
$(function(){
  $.validator.addMethod("ckeditor_validation", function (value, element) {  
      var idname = $(element).attr('id');
      var editor = CKEDITOR.instances[idname];
      var ckValue = GetTextFromHtml(editor.getData()).replace(/<[^>]*>/gi, '').trim();
      if (ckValue.length === 0) {
          $(element).val(ckValue);
      } else {
          $(element).val(editor.getData());
      }
      return $(element).val().length > 0;
  }, "Please enter description.");
  function GetTextFromHtml(html) {
      var dv = document.createElement("DIV");
      dv.innerHTML = html;
      return dv.textContent || dv.innerText || "";
  }
  $.validator.addMethod('filesize', function (value, element, param) {
      return this.optional(element) || (element.files[0].size <= param)
  }, 'Maximum file size to upload is 2MB.');
  $("#edit_package_form").validate({
      ignore: [],
      rules: {   
          package_category_id:{
            required:true,
          },
          name:"required",
          short_description:"required",
          description:{
            // required: true,
            ckeditor_validation: true,
          },
          price: {
            required: true,
            number: true
          },
          preparation: "required",
          result: {
            ckeditor_validation:true,
          },
          whats_in_this_test:{
            // required: true,
            ckeditor_validation: true,
          },
          who_should_get_tested:{
            // required: true,
            ckeditor_validation: true,
          },
          package_image: {
            required: false,
            extension: "jpg,jpeg,png",
            filesize: 2097152,
          },
          url:{
            required: false,
            url: true,
          }
      },
      messages:{
          package_category_id : {
            required: "Please select package category.",
          },
          name: {
              required: "Please enter name.",
          },
          short_description: {
              required: "Please enter short description.",
          },
          description: {
              required: "Please enter description.",
              ckeditor_validation: "Please enter description.",
          },
          price: {
              required: "Please enter price.",
          },
          preparation: {
              required: "Please enter preparation.",
          },
          result: {
              //required: "Please enter result.",
              ckeditor_validation: "Please enter result.",
          },
          whats_in_this_test: {
              required: "Please enter what's in this test.",
              ckeditor_validation: "Please enter what's in this test.",
          },
          who_should_get_tested: {
              required: "Please enter who should get tested.",
              ckeditor_validation: "Please enter who should get tested.",
          },
          package_image: {
              required: "Please upload image.",
              extension: "Only image type jpg/png/jpeg is allowed.",
              filesize: "Maximum file size to upload is 2MB.",
          },
          url: {
              required: "Please enter url.",
          },
      },
      errorPlacement: function(error, element) {
        if (element.attr("name") == "description" ) {
            $(".description-error").text(error[0].innerText);
        } else if (element.attr("name") == "whats_in_this_test" ) {
            $(".whats-in-this-test-error").text(error[0].innerText);
        } else if (element.attr("name") == "who_should_get_tested" ) {
            $(".who-should-get-tested-error").text(error[0].innerText);
        } else if (element.attr("name") == "package_image" ) {
            $(".package-image-error").text(error[0].innerText);
        } else if (element.attr("name") == "result" ) {
            $(".result-error").text(error[0].innerText);
        } else {
            error.insertAfter(element);
        }
      },
      errorElement: 'span',
  });
});
</script>
@stop