@extends('admin.main')
@section('content')
@php 
$gender = isset($patienData->gender)?$patienData->gender:'';
$selectedCity = isset($consentData->city_id)?$consentData->city_id:'';
$hospital_id = isset($consentData->hospital_id)?$consentData->hospital_id:'';
$room_category_id = isset($consentData->room_category_id)?$consentData->room_category_id:'';
$procedures_id = isset($consentData->procedures_id)?$consentData->procedures_id:'';
$modifiers = isset($consentData->modifiers)?json_decode($consentData->modifiers):[];

if ($procedures_id == "" && $proc_id){
    $procedures_id = $proc_id;
}
 
@endphp
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                          <h4 class="">Consent-From <a href="{{ route('booking.index') }}?page={{$page}}" class="btn btn-primary float-right">Back</a></h4>
                        </div>
                        <div class="card-body">
                            @include('admin.msg')
                           <form method="POST" action="{{ route('booking.consent_form.store', ['id' => $a_id]) }}" enctype="multipart/form-data">
                               @csrf
                               @method('POST')
                               <input type="hidden" name="a_id" value="{{$a_id}}">
                               <input type="hidden" name="p_id" value="{{$p_id}}">
                               @if(isset($consentData->id))
                                   <input type="hidden" name="consent_id" value="{{$consentData->id}}">
                               @endif
                               <div class="border p-3 mb-3 mt-3">
                                  <div class="row">
                                     <div class="col-md-12">
                                        <div class="row"> 
                                            <div class="form-group col-md-1"><img src="{{ $patienData->profile_image ? asset('profile_images/' . $patienData->profile_image) :asset('/img/upload.png') }}" onerror="$(this).attr('src',$(this).attr('err_image'))" err_image="{{asset('/img/upload.png')}}" id="imagePreview" class="img-fluid border p-1" alt="Profile Image">
                                            </div>
                                            <div class="form-group col-md-11">
                                                <label for="name"><b>Name: {{isset($patienData->name)?$patienData->name:''}}</b></label>
                                                <br>
                                                <label for="age"><b>Age: {{ isset($patienData->dob_or_age)?(\Carbon\Carbon::parse($patienData->dob_or_age)->age): '' }}</b></label>
                                                <br>
                                                <label for="name"><b>Gender: 
                                                  @if($gender == 'M')
                                                    Male
                                                  @elseif($gender == 'F')
                                                    Female
                                                  @elseif($gender == 'Other')
                                                    Other
                                                  @endif</b></label>
                                                <input type="hidden" class="form-control" id="name" name="name" value="{{ old('name', isset($patienData->name)?$patienData->name: '') }}" readonly>
                                                @error('name')
                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                                <input type="hidden" class="form-control" id="age" name="age" value="{{ isset($patienData->dob_or_age)?(\Carbon\Carbon::parse($patienData->dob_or_age)->age): '' }}" readonly>
                                            </div>
                                            <div class="form-group col-md-12 d-none">
                                                <label for="gender">Gender:</label>
                                                <div class="btn-group btn-group-toggle d-block" data-toggle="buttons">
                                                     <label for="gender_M" class="btn btn-outline-primary {{$gender == 'M' ? 'active' : ''}}">
                                                     <input type="radio" required name="gender" id="gender_M" value="M" autocomplete="off" {{ $gender == 'M' ? 'checked' : '' }}> M
                                                     </label>
                                                     <label for="gender_F" class="btn btn-outline-primary ml-2 {{$gender == 'F' ? 'active' : ''}}">
                                                     <input type="radio" required name="gender" id="gender_F" value="F" autocomplete="off" {{ $gender == 'F' ? 'checked' : '' }}> F
                                                     </label>
                                                     <label for="gender_Other" class="btn btn-outline-primary ml-2 {{$gender == 'Other' ? 'active' : ''}}">
                                                     <input type="radio" required name="gender" id="gender_Other" value="Other" autocomplete="off" {{ $gender == 'Other' ? 'checked' : '' }}> Other
                                                     </label>
                                                </div>
                                                  @error('gender')
                                                  <p class="errors-msg text-danger">{{ $message }}</p>
                                                  @enderror
                                            </div>
                                            <div class="form-group col-md-12 mt-1">
                                                <label for="age"><b>Modifiers:</b></label>
                                                <div class="row">
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" name="modifiers[]" type="checkbox" {{ in_array("60_plus", $modifiers)?"checked":""}} value="60_plus" id="chk1">
                                                      <label class="form-check-label" for="chk1">
                                                        60+
                                                      </label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" name="modifiers[]" type="checkbox" {{ in_array("BMI_27", $modifiers)?"checked":""}} value="BMI_27" id="chk2">
                                                      <label class="form-check-label" for="chk2">
                                                        BMI >27
                                                      </label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" name="modifiers[]" type="checkbox" {{ in_array("BMI_30", $modifiers)?"checked":""}} value="BMI_30" id="chk3">
                                                      <label class="form-check-label" for="chk3">
                                                        BMI>30
                                                      </label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" name="modifiers[]" type="checkbox" {{ in_array("DM", $modifiers)?"checked":""}} value="DM" id="chk4">
                                                      <label class="form-check-label" for="chk4">
                                                        DM
                                                      </label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" name="modifiers[]" type="checkbox" {{ in_array("HTN", $modifiers)?"checked":""}} value="HTN" id="chk5">
                                                      <label class="form-check-label" for="chk5">
                                                        HTN
                                                      </label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" name="modifiers[]" type="checkbox" {{ in_array("THYROID", $modifiers)?"checked":""}} value="THYROID" id="chk6">
                                                      <label class="form-check-label" for="chk6">
                                                        THYROID
                                                      </label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" name="modifiers[]" type="checkbox" {{ in_array("RA", $modifiers)?"checked":""}} value="RA" id="chk7">
                                                      <label class="form-check-label" for="chk7">
                                                        RA
                                                      </label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" name="modifiers[]" type="checkbox" {{ in_array("COPD", $modifiers)?"checked":""}} value="COPD" id="chk8">
                                                      <label class="form-check-label" for="chk8">
                                                        COPD
                                                      </label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" name="modifiers[]" type="checkbox" {{ in_array("POST_CARDIAC", $modifiers)?"checked":""}} value="POST_CARDIAC" id="chk9">
                                                      <label class="form-check-label" for="chk9">
                                                        POST CARDIAC
                                                      </label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" name="modifiers[]" type="checkbox" {{ in_array("POST_LEVER_TRANSPLANT", $modifiers)?"checked":""}} value="POST_LEVER_TRANSPLANT" id="chk10">
                                                      <label class="form-check-label" for="chk10">
                                                        POST LEVER TRANSPLANT
                                                      </label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" name="modifiers[]" type="checkbox" {{ in_array("OA_KNEE", $modifiers)?"checked":""}} value="OA_KNEE" id="chk11">
                                                      <label class="form-check-label" for="chk11">
                                                        OA KNEE
                                                      </label>
                                                    </div>
                                                  </div>
                                                </div>
                                                @error('modifiers')
                                                  <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                            <div class="form-group col-md-12 mt-1">
                                                <label for="payee"><b>PAYEE:</b></label>
                                                <div class="row">
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" required name="payee" type="radio" id="radio1" {{ (isset($consentData->payee) && $consentData->payee == "MEDICLAIM")?"checked":''}} value="MEDICLAIM">
                                                        <label class="form-check-label" for="radio1">MEDICINE</label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" required name="payee" type="radio" id="radio2" {{ (isset($consentData->payee) && $consentData->payee == "SELF")?"checked":''}} value="SELF">
                                                        <label class="form-check-label" for="radio2">SELF</label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" required name="payee" type="radio" id="radio3" {{ (isset($consentData->payee) && $consentData->payee == "CORPORATE_MEDICLAIM")?"checked":''}} value="CORPORATE_MEDICLAIM">
                                                        <label class="form-check-label" for="radio3">CORPORATE MEDICINE</label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" required name="payee" type="radio" id="radio4" {{ (isset($consentData->payee) && $consentData->payee == "AAYUSHMAAN")?"checked":''}} value="AAYUSHMAAN">
                                                        <label class="form-check-label" for="radio4">AAYUSHMAAN</label>
                                                    </div>
                                                  </div>
                                                  <div class="col-md-2">
                                                    <div class="form-check">
                                                      <input class="form-check-input" required name="payee" type="radio" id="radio5" {{ (isset($consentData->payee) && $consentData->payee == "CGHS")?"checked":''}} value="CGHS">
                                                        <label class="form-check-label" for="radio5">CGHS</label>
                                                    </div>
                                                  </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                          <div class="form-group col-md-6 mt-1">
                                              <label for="city"><b>City:</b></label>
                                              <select class="form-control" id="city" name="city_id" required>
                                                  <option value="" selected disabled hidden>Select City</option>
                                                  @foreach($cities as $city)
                                                  <option value="{{$city->id}}" {{ old('city', $selectedCity) == $city->id ? 'selected' : '' }}>{{$city->name}}</option>
                                                  @endforeach
                                             </select>
                                             @error('city')
                                                 <p class="errors-msg text-danger">{{ $message }}</p>
                                             @enderror
                                          </div>
                                        </div>
                                        <div class="row">
                                          <div class="form-group col-md-6 mt-1">
                                              <label for="procedures"><b>Procedure:</b></label>
                                              <select class="form-control" id="procedures"  name="procedures_id" required>
                                                  <option value="" selected disabled hidden>Select Procedure</option>
                                                  @if(!empty($procedures))
                                                  @foreach($procedures as $proc_data)
                                                  <option value="{{$proc_data->id}}" {{ old('procedure_id', $procedures_id) == $proc_data->id ? 'selected' : '' }}>{{$proc_data->name}}</option>
                                                  @endforeach
                                                  @endif
                                             </select>

                                             @error('procedures')
                                                 <p class="errors-msg text-danger">{{ $message }}</p>
                                             @enderror
                                          </div>
                                        </div>
                                        <div class="row">
                                          <div class="form-group col-md-6 mt-1">
                                              <label for="hospitals"><b>Hospitals:</b></label>
                                              <select class="form-control" id="hospitals" name="hospital_id" required>
                                                  <option value="" selected disabled hidden>Select Hospital</option>
                                             </select>
                                             @error('hospital')
                                                 <p class="errors-msg text-danger">{{ $message }}</p>
                                             @enderror
                                             <div class="d-none text-danger hos-error"></div>
                                          </div>
                                        </div>
                                        <div class="row">
                                          <div class="form-group col-md-6 mt-1">
                                              <label for="room_category"><b>Room Category:</b></label>
                                              <select class="form-control" id="room_category"  name="room_category_id" required>
                                                  <option value="" selected disabled hidden>Select Room Category</option>
                                             </select>
                                             @error('room_category')
                                                 <p class="errors-msg text-danger">{{ $message }}</p>
                                             @enderror
                                             <div class="d-none text-danger room-error"></div>
                                          </div>
                                        </div>
                                        <div class="row">
                                          <div class="form-group col-md-12 mt-1 price_row">
                                              <label for="price"><b>Price: <span class="procedure_price">0</span></b></label>
                                              <input type="hidden" class="form-control" id="price" name="price" value="{{ old('price', isset($consentData->price)?$consentData->price: 0) }}" min="0" readonly required>
                                              @error('price')
                                              <p class="errors-msg text-danger">{{ $message }}</p>
                                              @enderror
                                          </div>
                                          <div class="col-md-12 price_loader d-none">
                                            <div class="loader spinner-bubble spinner-bubble-primary" style="font-size: 3px;margin: 15px 40px;height: -2px;">
                                            </div>
                                          </div>
                                        </div>
                                    </div>
                                  </div>
                                  <div class="row mt-4">
                                    <div class="col-md-12">
                                      <table class="imp_notes" border="1" cellspacing="0" cellpadding="6" style="width: 100%;display: none;">
                                          <thead>
                                              <tr>
                                                  <th style="width:5%;"></th>
                                                  <th style="width:35%;text-align: center;">INCLUDES</th>
                                                  <th style="width:60%;text-align: center;">EXCLUDES</th>
                                              </tr>
                                          </thead>
                                          <tbody class="procedureInfoBody">
                                          </tbody>
                                      </table>
                                    </div>
                                  </div>
                                  <br>
                                  <div class="row">
                                    <div class="col-md-12">
                                      <strong class="noteText" style="display: none;">Note:</strong>
                                    </div>
                                  </div>
                                  <div class="row">
                                    <div class="col-md-12">
                                     <div class="note_list"></div>
                                    </div>
                                      <div class="col-md-12">
                                        <h5>Terms and Conditions</h5>
                                          <ol>
                                              <li>5K OF THE PACKAGE AMOUNT FOR  OT BOOKING</li>
                                              <li>ESTIMATE PROVIDED IS NORMAL COURSE OF TREATMENT  ONLY</li>
                                              <li>TOTAL BILL MAY VERY FROM THE ESTIMATED BILL AMOUNT</li>
                                              <li>FINAL BILL INCREASE IN CASE OF UP GRADATION OF ROOM CATEGORY</li>
                                              <li>FINAL BILL MAY VERY FROM FROM THE ESTIMATED BILL AMOUNT</li>
                                              <li>PACKAGE MAY VERY IN CASE OF MEDICAL INSURANCE</li>
                                          </ol>
                                          <p>I WE HAVE BEEN EXPLAINED ABOUT ALL THE EXPENSES TO BE INCURRED IN TREATMENT OF OUR PATINET BY CONSULING DOCTOR, IN THE LANGUAGE WE BEST UNDERSTAND</p>
                                      </div>
                                  </div>
                               </div>
                               @if(isset($consentData->id))
                               <span onclick="printfun('collapse{{$consentData->id}}')" class="btn btn-primary mt-3">Print</span>
                               @endif
                               <button type="submit" class="btn btn-primary mt-3">{{ isset($consentData->id)?"Update":"Add"}}</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @if(isset($consentData->id))
            @include('admin.consent-form-print',['consentData' => $consentData,'modifiers' => $modifiers])
        @endif
<script type="text/javascript">
    $(document).ready(function () {
        let c_id = "{{$selectedCity}}";
        let h_id = "{{$hospital_id}}";
        let rc_id = "{{$room_category_id}}";
        let pr_id = "{{$procedures_id}}";

        if (c_id) {
            get_hospitals(c_id,pr_id,h_id);
        }
        if (h_id) {
            get_rooms_cat(h_id, pr_id, rc_id);
        }
        /*if (rc_id && h_id) {
            get_room_category(rc_id,h_id,pr_id);
        }*/
        if (rc_id && h_id && pr_id) {
            get_procedures_price(h_id,rc_id,pr_id);
        }
        $('#city').on("change",function(){
            let city_id = $(this).val();
            let pr_id = $("#procedures").val();
            $("#hospitals").val('');
            $("#room_category").html("");
            $("#price").val(0);
            $(".procedure_price").text(0);
            // get_hospitals(city_id);
            if (pr_id) {
              get_available_procedures(city_id, pr_id);
            }
        });
        $('#hospitals').on("change",function(){
            let hospital_id = $(this).val();
            let procedures_id = $('#procedures').val();
            // $("#procedures").html("");
            $("#price").val(0);
            $(".procedure_price").text(0);
            get_rooms_cat(hospital_id, procedures_id);
        });
        $('#room_category').on("change",function(){
            let room_cat_id = $(this).val();
            let hospital_id = $("#hospitals").val();
            let procedure_id = $("#procedures").val();
            if (room_cat_id && hospital_id && procedure_id ) {
                get_procedures_price(hospital_id,room_cat_id,procedure_id);
            }else{
                $("#price").val(0);
                $(".procedure_price").text(0);
            }
            // get_room_category(room_cat_id,hospital_id);
        });
        $('#procedures').on("change",function(){
            /*let hospital_id = $("#hospitals").val();
            let room_cat_id = $("#room_category").val();*/
            $("#room_category").html("");
            $("#price").val(0);
            $(".procedure_price").text(0);
            let procedure_id = $(this).val();
            let city_id = $("#city").val();
            // get_procedures_price(hospital_id,room_cat_id,procedure_id);
            get_hospitals(city_id,procedure_id);
        });
    });

function get_hospitals(city_id,procedure_id,selected="") {
    $.ajax({
        url: "{{ route('booking.consent_form.get_hospitals') }}",
        type: "POST",
        data: {
            _token: "{{ csrf_token() }}",
            city_id: city_id,
            procedure_id: procedure_id,
            selected: selected,
        },
        success: function (response) {
            if (response.html) {
                $("#hospitals").html(response.html);
                 $(".hos-error").addClass('d-none').html("");
            }else{
                $("#hospitals").html("");
                $(".hos-error").removeClass('d-none').html("No hospital is available");
            }
        },
        error: function (xhr) {
            console.error(xhr.responseText);
            alert('An error occurred. Please try again.');
        }
    });
}
function get_rooms_cat(hospital_id,procedure_id,selected="") {
    $.ajax({
        url: "{{ route('booking.consent_form.get_rooms_cat') }}",
        type: "POST",
        data: {
            _token: "{{ csrf_token() }}",
            hospital_id: hospital_id,
            procedure_id: procedure_id,
            selected: selected
        },
        success: function (response) { 
            if (response.html) {
                var procedureInfo = response.procedureInfo;
                procedureInfoData(procedureInfo);
                $("#room_category").html(response.html);
                $(".room-error").addClass('d-none').html("");
            }else{
                $("#room_category").html("");
                $(".room-error").removeClass('d-none').html("No room category is available");
            }
        },
        error: function (xhr) {
            console.error(xhr.responseText);
            alert('An error occurred. Please try again.');
        }
    });
}


function procedureInfoData(procedureInfo){
  $('.procedureInfoBody').html(" ");
    if (procedureInfo) {
        if (procedureInfo.incusion && procedureInfo.incusion.length > 0) {
            $.each(procedureInfo.incusion, function(index, value) {
                var exclusionText = procedureInfo.exclusion?.[index] || "";
                var row = `
                    <tr>
                        <td style="width:5%;">${index + 1}</td>
                        <td style="width:35%;">${value}</td>
                        <td style="width:60%; text-align: center;">${exclusionText}</td>
                    </tr>
                `;
                $('.procedureInfoBody').append(row); 
                $('.imp_notes').show();
            });
        } else if (procedureInfo.exclusion && procedureInfo.exclusion.length > 0) {
            $.each(procedureInfo.exclusion, function(index, value) {
                var row = `
                    <tr>
                        <td style="width:5%;">${index + 1}</td>
                        <td style="width:35%; text-align: center;"></td>
                        <td style="width:60%; text-align: center;">${value}</td>
                    </tr>
                `;
                $('.procedureInfoBody').append(row);
                $('.imp_notes').show();
            });
        } 

      if(procedureInfo.notes){
        $('.noteText').show();
        $('.note_list').html(procedureInfo.notes);
      }

    }else{
       $('.imp_notes').hide();
    } 
}

/*function get_room_category(room_cat_id,hospital_id,selected="") {
    $.ajax({
        url: "{{ route('booking.consent_form.get_procedures') }}",
        type: "POST",
        data: {
            _token: "{{ csrf_token() }}",
            hospital_id: hospital_id,
            room_cat_id: room_cat_id,
            selected: selected
        },
        success: function (response) {
            if (response.html) {
                $("#procedures").html(response.html);
            }else{
                $("#procedures").html("");
            }
        },
        error: function (xhr) {
            console.error(xhr.responseText);
            alert('An error occurred. Please try again.');
        }
    });
}*/
function get_procedures_price(hospital_id,room_cat_id,procedure_id) {
    $('.price_row').addClass('d-none');
    $('.price_loader').removeClass('d-none');
    $.ajax({
        url: "{{ route('booking.consent_form.get_price') }}",
        type: "POST",
        data: {
            _token: "{{ csrf_token() }}",
            hospital_id: hospital_id,
            room_cat_id: room_cat_id,
            procedure_id: procedure_id
        },
        success: function (response) {
            if (response.price) {
                $("#price").val(response.price);
                $(".procedure_price").text(response.price);
            }else{
                $("#price").val(0);
                $(".procedure_price").text(0);
            }
        },
        complete: function (data) {
          setTimeout(function(){
            $('.price_row').removeClass('d-none');
            $('.price_loader').addClass('d-none');
          },500)
        },
        error: function (xhr) {
          $('.price_row').removeClass('d-none');
          $('.price_loader').addClass('d-none');
            console.error(xhr.responseText);
            alert('An error occurred. Please try again.');
        }
    });
}

function get_available_procedures(city_id,pr_id) {
    $.ajax({
        url: "{{ route('booking.consent_form.is_procedure_available') }}",
        type: "POST",
        data: {
            _token: "{{ csrf_token() }}",
            city_id: city_id,
            pr_id: pr_id,
        },
        success: function (response) {
            if (response.is_available) {
                get_hospitals(city_id,pr_id);
            }else{
                $("#procedures").val('');
            }
        },
        error: function (xhr) {
            console.error(xhr.responseText);
            alert('An error occurred. Please try again.');
        }
    });
}

</script>
@endsection