@extends('admin.main')


@section('content')     
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.css">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.min.js"></script>
    @php
    $suffixes = ["th", "st", "nd", "rd"];
    if($visitor_history2->isEmpty()){
        $number = 1;
    }else{
        $current_pres = $visitor_history2->where('appointment_id', $app_id);
        if($current_pres->isNotEmpty()){
            $number = count($visitor_history2);
        }else{
            $number = count($visitor_history2) + 1;
        }
    }
    $value = $number % 100;
    @endphp
    @if(!in_array($user_role, ["7","8"]))

    <style>

    #medicine_table .generic_name {
        width: 50%;
        margin: 10px;
        margin-left: 0;
    }  
    textarea {
        overflow-y: hidden;
        transition: height 0.2s ease;
        resize: none; 
    }

    .bootstrap-tagsinput {
      width: 100%;
      min-height: 92px;
      line-height: 22px;
      padding: 6px 10px;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }

    .bootstrap-tagsinput .tag {
      margin-right: 2px;
      color: white;
      background-color: #663399;
      padding: 3px 6px;
      border-radius: 4px;
    }

    .editInputTags {
        border: none;
        background: #ffffff !important;
        color: #000 !important;
        width: 100%;
        outline: none;
        min-width: 150px;
        max-width: 400px;
    }


        /* Popup container */
#tempSearchPopup {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    padding: 8px;
    width: 240px;
    z-index: 9999;
}

/* Search input inside popup */
#tempSearchPopup input[type="text"] {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
}
#tempSearchPopup input[type="text"]:focus {
    border-color: #007bff;
    box-shadow: 0 0 4px rgba(0,123,255,0.3);
}

/* Suggestions list */
.temp_search_option {
    margin-top: 6px;
    max-height: 180px;
    overflow-y: auto;
    border-top: 1px solid #eee;
}

/* Each suggestion item */
.temp_search_option .search-item {
    padding: 6px 8px;
    cursor: pointer;
    transition: background 0.2s;
}
.temp_search_option .search-item:hover {
    background: #f5f5f5;
}

/* No results text */
.temp_search_option div {
    font-size: 14px;
    color: #555;
}

.select2-container--default .select2-selection--single {
    position: relative;
    padding-right: 24px; /* space for arrow */
}

.select2-container--default .select2-selection--single::after {
    content: "▼"; /* Unicode down arrow */
    font-size: 12px;
    color: #555;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* don't block clicks */
}


.select2-container--default .select2-selection--multiple {
    position: relative;
    padding-right: 24px;
}

.select2-container--default .select2-selection--multiple::after {
    content: "▼";
    font-size: 12px;
    color: #555;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.undo_btn{
    display: none;
}


.medicine_model_bttn {
    float: right;
    margin-top: 11px;
    background: none;
    border: 0;
    color: black;
    font-weight: bold;
    outline: 0;
}

.medicine_model_bttn:hover {
    background: none;
    border: 0;
    color: black;
    outline: 0;
}

input,
select,
textarea {
    font-weight: 800;
    color: black !important;
}


.select2-search--dropdown {
    display: block;
    padding: 0;
}

.select2-container--default .select2-selection--single::after {
    display: none;
}

strong{
    color: black;
}

</style>

    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">

<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header mb-2">
                  <h4 class="">Visitor / Edit<a href="{{ route('booking.index') }}?page={{$page}}" class="btn btn-primary float-right">Back</a> </h4>
                    @if(isset($patient->name))
                        <h4 class="mt-3 mb-0 ml-3 font-weight-bold" style="font-size: 13px !important;color: #000;"> <strong> P{{$patient->id}} : </strong> {{$patient->name}} 
                        ( 
                        {{ isset($patient->dob_or_age) ? \Carbon\Carbon::parse($patient->dob_or_age)->age : '' }}  
                        {{ isset($patient->dob_or_age) && isset($patient->gender) ? ', ' : '' }}
                        {{ isset($patient->gender) ? $patient->gender : '' }}
                        )  
                        {{ isset($patient->phone) ? '- ' . $patient->phone : '' }}
                        {{ isset($patient->address) ? '- ' . $patient->address : '' }}
                    </h4>
                       @isset($patient->referred_by)
                             <p class="mb-0 ml-3 font-weight-bold" style="font-size: 12px !important;color: #000;"><strong>Referred By:</strong> {{ $patient->referred_by }}</p>
                       @endisset
                    @endif
                </div>
            </div>
        </div>
    </div>
    @include('admin.patient-history',['number' => $number, 'visitor_history' => $visitor_history1,'user_role' => $user_role, 'app_id' => $app_id, 'type' => 'next'])
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="card-header">
                        @php
                        if ($value >= 11 && $value <= 13) {
                           echo '<a href="javascript:void(0)" class="btn btn-primary btn-sm visit_label" show_visit="">' . $number . 'th Visit</a>';

                        }else{
                            echo '<a href="javascript:void(0)" class="btn btn-primary btn-sm visit_label" show_visit="">'.$number. (isset($suffixes[$number % 10]) ?$suffixes[$number % 10]: "th").' Visit</a>';
                        }
                        @endphp
                        <a href="#view_history" class="btn btn-primary btn-sm {{($number>1)?'':'d-none'}}">View Past</a>
                        <span class="text-dark" data-id="all_template">
                            <a href="javascript:void(0);" class="btn btn-primary btn-sm float-right ml-1 all_template_clear clear_btn">Clear All</a>
                            <a href="javascript:void(0);" class="btn btn-primary btn-sm float-right ml-1 temp_show_btn" type="all_template">Load Template</a>
                            <a href="javascript:void(0);" class="btn btn-primary btn-sm float-right temp_btn">Save as Template</a>
                            <button type="button" 
                                p_id="{{$patient->id}}"
                                dateTime="{{ isset($visitor_data->appointment) ? $visitor_data->appointment->appointment_date . ' ' . $visitor_data->appointment->start_time : '' }}" 
                                class="btn btn-primary btn-sm float-right mr-2 show_prev_visit">
                            <i class="text-15 i-Reload cursor-pointer"></i>
                        </button>


                        </span>
                    </div>
                    @include('admin.msg')
                   <form id="prescription-form" method="POST" action="{{ route('visitor.store', ['id' => $app_id]) }}" enctype="multipart/form-data">
                       @csrf
                       @method('POST')
                       <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-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center">
                                                <label for="doctor_ids" class="font-weight-bold"> Subordinate </label>
                                            </div>
                                            <div class="col-md-10">
                                                 <select class="form-control multiSelect" id="doctor_ids" style="height: auto!important;" name="doctor_ids[]" multiple>
                                                    @if($doctors)
                                                        @foreach($doctors as $d)
                                                            <option value="{{ $d->id }}" 
                                                                @if(in_array($d->id, old('doctor_ids', $doctorIds)))
                                                                    selected
                                                                @endif>
                                                                {{ $d->name }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                @error('doctor_ids')
                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>


                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center templateactionboxclass"><label for="complaints" class="font-weight-bold">Complaints <br><span class="text-dark templateactionbox" data-id="complaints"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Download-Window temp_btn cursor-pointer mr-3"></i><i class="text-15 i-Data-Search temp_show_btn cursor-pointer mr-3" type="complaints"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span></label></div>
                                            <div class="col-md-10">
                                                <input type="text" class="form-control complaintsInput" data-role="tagsinput" id="complaints" name="complaints" placeholder="Complaints..." 
                                                value="{{ old('complaints', isset($visitor_data->complaints) ?$visitor_data->complaints : '') }}">
                                                @error('complaints')
                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center templateactionboxclass"><label for="past_history" class="font-weight-bold">Past History <br><span class="text-dark templateactionbox" data-id="past_history"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Download-Window temp_btn cursor-pointer mr-3"></i><i class="text-15 i-Data-Search temp_show_btn cursor-pointer mr-3" type="past_history"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span></label></div>
                                            <div class="col-md-10">
                                                <textarea class="form-control " id="past_history" name="past_history" placeholder="Past History">{{ old('past_history', isset($visitor_data->past_history) ?$visitor_data->past_history : '') }}</textarea>
                                                @error('past_history')
                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="report" class="font-weight-bold">Report<br><span class="text-dark templateactionbox" data-id="report"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Download-Window temp_btn cursor-pointer mr-3"></i><i class="text-15 i-Data-Search temp_show_btn cursor-pointer mr-3" type="report"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span></label></div>
                                            <div class="col-md-10">
                                                <textarea class="form-control" id="report" name="report" placeholder="report">{{ old('report', isset($visitor_data->report) ?$visitor_data->report : '') }}</textarea>
                                                @error('report')
                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="general_examinations" class="font-weight-bold">General Examinations <br><span class="text-dark" data-id="general_examinations"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Download-Window temp_btn cursor-pointer mr-3"></i><i class="text-15 i-Data-Search temp_show_btn cursor-pointer mr-3" type="general_examinations"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span></label></div>
                                            <div class="col-md-10">
                                                <textarea class="form-control" id="general_examinations" name="general_examinations" placeholder="General Examinations">{{ old('general_examinations', isset($visitor_data->general_examinations) ?$visitor_data->general_examinations : '') }}</textarea>
                                                @error('general_examinations')
                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="systemic_examination" class="font-weight-bold">Systemic Examination <br><span class="text-dark" data-id="systemic_examination"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span></label></div>
                                            @php
                                            $is_display = "";
                                            $systemic_data = [];
                                            if(isset($visitor_data->systemic) && $visitor_data->systemic){
                                                $systemic_data = json_decode($visitor_data->systemic);
                                                if($systemic_data){
                                                    foreach($systemic_data as $key => $sysdata){
                                                        if($systemic_data->$key){
                                                            $is_display = "1";
                                                            break;
                                                        }
                                                    }
                                                }
                                            }
                                            @endphp
                                            <div class="col-md-10">
                                                <div class="row">
                                                    <div class="col-md-1">
                                                        <i class="cursor-pointer nav-icon i-Add text-20 add_systemic {{$is_display?'d-none':''}}"></i>
                                                        <i class="cursor-pointer nav-icon i-Remove text-20 remove_systemic {{$is_display?'':'d-none'}}"></i>
                                                    </div>
                                                    <div class="col-md-11 systemic_fields {{$is_display?'':'d-none'}}">
                                                        <div class="form-group ">
                                                            <input style="margin-top: 2px; height: 10px;" type="checkbox" id="mark_as_nad" {{isset($visitor_data->mark_as_nad) && $visitor_data->mark_as_nad == 'on'?'checked':''}} name="mark_as_nad">
                                                            <label for="mark_as_nad" style="vertical-align: middle;"> Mark All fields as NAD</label>
                                                            @error('mark_as_nad')
                                                            <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                       </div>
                                                    </div>
                                                </div>
                                                <div class="systemic_fields {{$is_display?'':'d-none'}}">
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <label for="systemic_general" class="font-weight-bold">General</label>
                                                            <div class="input-group mb-2">
                                                                <textarea class="form-control" placeholder="Enter Text" id="systemic_general" name="systemic[general]" rows="2" cols="2">{{ old('systemic[general]', isset($systemic_data->general) ?$systemic_data->general: '') }}</textarea>
                                                                @error('systemic[general]')
                                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <label for="systemic_cvs" class="font-weight-bold">CVS</label>
                                                            <div class="input-group mb-2">
                                                                <textarea class="form-control" id="systemic_cvs" name="systemic[CVS]" rows="2" cols="2">{{ old('systemic[CVS]', isset($systemic_data->CVS) ?$systemic_data->CVS: '') }}</textarea>
                                                                @error('systemic[CVS]')
                                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <label for="systemic_rs" class="font-weight-bold">RS</label>
                                                            <div class="input-group mb-2">
                                                                <textarea class="form-control" id="systemic_rs" name="systemic[RS]" rows="2" cols="2">{{ old('systemic[RS]', isset($systemic_data->RS) ?$systemic_data->RS: '') }}</textarea>
                                                                @error('systemic[RS]')
                                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <label for="systemic_cns" class="font-weight-bold">CNS</label>
                                                            <div class="input-group mb-2">
                                                                <textarea class="form-control" id="systemic_cns" name="systemic[CNS]" rows="2" cols="2">{{ old('systemic[CNS]', isset($systemic_data->CNS) ?$systemic_data->CNS: '') }}</textarea>
                                                                @error('systemic[CNS]')
                                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <label for="systemic_pa" class="font-weight-bold">PA</label>
                                                            <div class="input-group mb-2">
                                                                <textarea class="form-control" id="systemic_pa" name="systemic[PA]" rows="2" cols="2">{{ old('systemic[PA]', isset($systemic_data->PA) ?$systemic_data->PA: '') }}</textarea>
                                                                @error('systemic[PA]')
                                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <label for="systemic_ent" class="font-weight-bold">ENT</label>
                                                            <div class="input-group mb-2">
                                                                <textarea class="form-control" id="systemic_ent" name="systemic[ENT]" rows="2" cols="2">{{ old('systemic[ENT]', isset($systemic_data->ENT) ?$systemic_data->ENT: '') }}</textarea>
                                                                @error('systemic[ENT]')
                                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="systemic_examination" class="font-weight-bold">Vitals <br><span class="text-dark" data-id="vitals"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i></span></label></div>
                                            <div class="col-md-10">
                                                <i class="cursor-pointer nav-icon i-Add text-20 add_vitals"></i>
                                                <i class="cursor-pointer nav-icon i-Remove text-20 remove_vitals d-none"></i>
                                            </div>
                                            <div class="col-md-2"></div>
                                            <div class="col-md-10 vitals_div d-none">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label for="bp1" class="font-weight-bold">BP</label>
                                                        @php
                                                            $bp1 = "";
                                                            $bp2 = "";
                                                            if(isset($vitals_data->bp) && $vitals_data->bp){
                                                                $bp_array = explode("/",$vitals_data->bp);

                                                                $bp1 = isset($bp_array[0])?$bp_array[0]:"";
                                                                $bp2 = isset($bp_array[1])?$bp_array[1]:"";
                                                            }
                                                        @endphp
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="bp1" name="bp1" placeholder="" value="{{old('bp1', $bp1)}}">
                                                             <span class="text-15 m-1"> / </span> <input type="text" class="form-control" id="bp2" name="bp2" placeholder="" value="{{old('bp2', $bp2)}}">
                                                            <div class="input-group-prepend">
                                                                <div class="input-group-text">mmHg</div>
                                                            </div>
                                                            @error('bp')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="pulse" class="font-weight-bold">Pulse</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="pulse" name="pulse" placeholder="" value="{{old('pulse',isset($vitals_data->pulse)?$vitals_data->pulse: '')}}">
                                                            <div class="input-group-prepend">
                                                                <div class="input-group-text">bpm</div>
                                                            </div>
                                                            @error('pulse')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="height" class="font-weight-bold">Height</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="height" name="height" placeholder="" value="{{old('height',isset($vitals_data->height)?$vitals_data->height: '')}}">
                                                            <div class="input-group-prepend">
                                                                <div class="input-group-text">cm</div>
                                                            </div>
                                                            @error('height')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="weight" class="font-weight-bold">Weight</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="weight" name="weight" placeholder="" value="{{old('weight',isset($vitals_data->weight)?$vitals_data->weight: '')}}">
                                                            <div class="input-group-prepend">
                                                                <div class="input-group-text">kg</div>
                                                            </div>
                                                            @error('weight')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="temperature" class="font-weight-bold">Temperature</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="temperature" name="temperature" placeholder="" value="{{old('temperature',isset($vitals_data->temperature)?$vitals_data->temperature: '')}}">
                                                            <div class="input-group-prepend">
                                                                <div class="input-group-text">F</div>
                                                            </div>
                                                            @error('temperature')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-2">
                                                        <label for="BMI" class="font-weight-bold">BMI</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="BMI" name="BMI" placeholder="" value="{{old('BMI',isset($vitals_data->BMI)?$vitals_data->BMI: '')}}">
                                                            <div class="input-group-prepend">
                                                                <div class="input-group-text">kg/m2</div>
                                                            </div>
                                                            @error('BMI')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="waist" class="font-weight-bold">Waist/hip</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="waist" name="waist" placeholder="" value="{{ old('waist',isset($vitals_data->waist) ?$vitals_data->waist: '')}}">
                                                            @error('waist')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="swelling" class="font-weight-bold">Swelling</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="swelling" name="swelling" placeholder="" value="{{old('swelling',isset($vitals_data->swelling) ?$vitals_data->swelling: '')}}">
                                                            @error('swelling')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="gait" class="font-weight-bold">Gait</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="gait" name="gait" placeholder="" value="{{old('gait',isset($vitals_data->gait )?$vitals_data->gait : '')}}">
                                                            @error('gait')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="list" class="font-weight-bold">List</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="list" name="list" placeholder="" value="{{old('list',isset($vitals_data->list )?$vitals_data->list : '')}}">
                                                            @error('list')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="step_sign" class="font-weight-bold">Step Sign</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="step_sign" name="step_sign" placeholder="" value="{{old('step_sign',isset($vitals_data->step_sign )?$vitals_data->step_sign : '')}}">
                                                            @error('step_sign')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-2"><label for="toe_walking" class="font-weight-bold">Toe Walking</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="toe_walking" name="toe_walking" placeholder="" value="{{old('toe_walking',isset($vitals_data->toe_walking )?$vitals_data->toe_walking : '')}}">
                                                            @error('toe_walking')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="heel_walking" class="font-weight-bold">Heel Walking</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="heel_walking" name="heel_walking" placeholder="" value="{{old('heel_walking',isset($vitals_data->heel_walking )?$vitals_data->heel_walking : '')}}">
                                                            @error('heel_walking')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="deformity" class="font-weight-bold">Deformity</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="deformity" name="deformity" placeholder="" value="{{old('deformity',isset($vitals_data->deformity )?$vitals_data->deformity : '')}}">
                                                            @error('deformity')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="tenderness" class="font-weight-bold">Tenderness</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="tenderness" name="tenderness" placeholder="" value="{{old('tenderness',isset($vitals_data->tenderness )?$vitals_data->tenderness : '')}}">
                                                            @error('tenderness')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="ROM" class="font-weight-bold">ROM</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="ROM" name="ROM" placeholder="" value="{{old('ROM',isset($vitals_data->ROM )?$vitals_data->ROM : '')}}">
                                                            @error('ROM')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="centralization" class="font-weight-bold">Centralization</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="centralization" name="centralization" placeholder="" value="{{old('centralization',isset($vitals_data->centralization )?$vitals_data->centralization : '')}}">
                                                            @error('centralization')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-2"><label for="peripheralization" class="font-weight-bold">Peripheralization</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="peripheralization" name="peripheralization" placeholder="" value="{{old('peripheralization',isset($vitals_data->peripheralization )?$vitals_data->peripheralization : '')}}">
                                                            @error('peripheralization')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="SLR" class="font-weight-bold">SLR</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="SLR" name="SLR" placeholder="" value="{{old('SLR',isset($vitals_data->SLR )?$vitals_data->SLR : '')}}">
                                                            @error('SLR')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="cross_SLR" class="font-weight-bold">Cross SLR</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="cross_SLR" name="cross_SLR" placeholder="" value="{{old('cross_SLR',isset($vitals_data->cross_SLR )?$vitals_data->cross_SLR : '')}}">
                                                            @error('cross_SLR')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="nerve_sign" class="font-weight-bold">Nerve Sign</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="nerve_sign" name="nerve_sign" placeholder="" value="{{old('nerve_sign',isset($vitals_data->nerve_sign )?$vitals_data->nerve_sign : '')}}">
                                                            @error('nerve_sign')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="FST" class="font-weight-bold">FST</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="FST" name="FST" placeholder="" value="{{old('FST',isset($vitals_data->FST )?$vitals_data->FST : '')}}">
                                                            @error('FST')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2"><label for="FABER" class="font-weight-bold">FABER</label>
                                                        <div class="input-group mb-2">
                                                            <input type="text" class="form-control" id="FABER" name="FABER" placeholder="" value="{{old('FABER',isset($vitals_data->FABER )?$vitals_data->FABER : '')}}">
                                                            @error('FABER')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div></div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="examination" class="font-weight-bold">Examination <br><span class="text-dark" data-id="examination"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Download-Window temp_btn cursor-pointer mr-3"></i><i class="text-15 i-Data-Search temp_show_btn cursor-pointer mr-3" type="examination"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span></label></div>
                                            <div class="col-md-10">
                                                <textarea class="form-control" id="examination" name="examination" placeholder="Examination" rows="8">{{ old('examination', isset($visitor_data->examination)?$visitor_data->examination : '') }}</textarea>
                                                @error('examination')
                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="diagnosis" class="font-weight-bold">Diagnosis <br><span class="text-dark" data-id="diagnosis"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Download-Window temp_btn cursor-pointer mr-3"></i><i class="text-15 i-Data-Search temp_show_btn cursor-pointer mr-3" type="diagnosis"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span></label></div>
                                            <div class="col-md-10">
                                                <table  class="display table table-bordered" id="diagnosis_table">
                                                    <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Diagnosis</th>
                                                            <th>Duration</th>
                                                            <th>Date</th>
                                                            <th></th>
                                                        </tr>
                                                    </thead>
                                                   <tbody>
                                                    @php
                                                        if(isset($visitor_data->diagnosis) && $visitor_data->diagnosis != ''){
                                                            $diagnosis = json_decode($visitor_data->diagnosis,true);
                                                        }else{
                                                            $diagnosis = [];
                                                            $diagnosis[] = ['diagnosis'=>'','duration'=>'','date'=>''];
                                                        }
                                                    @endphp
                                                    @foreach($diagnosis as $dkey => $dval)
                                                        <tr d-index="{{$dkey}}" r-index="{{$loop->index+1}}">
                                                            <td>{{ $loop->index + 1 }}</td>
                                                            <td>
                                                                <input type="text" class="form-control diagnosis" name="diagnosis[{{$dkey}}][diagnosis]" value="{{ old("diagnosis.$dkey.diagnosis", $diagnosis[$dkey]['diagnosis'] ?? '') }}">
                                                                @error("diagnosis.$dkey.diagnosis")
                                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control diag_duration" name="diagnosis[{{$dkey}}][duration]" value="{{ old("diagnosis.$dkey.duration", $diagnosis[$dkey]['duration'] ?? '') }}">
                                                                @error("diagnosis.$dkey.duration")
                                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </td>
                                                            <td>
                                                                <input type="date" class="form-control diag_date" name="diagnosis[{{$dkey}}][date]" value="{{ old("diagnosis.$dkey.date", $diagnosis[$dkey]['date'] ?? '') }}">
                                                                @error("diagnosis.$dkey.date")
                                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </td>
                                                            <td>
                                                                <button type="button" title="" class="remove_diagnosis_btn1 btn btn-sm btn-danger">
                                                                    <img src="{{ asset('/img/del.png') }}" width="15" alt="Delete">
                                                                </button>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>

                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="tests_requested" class="font-weight-bold">Tests Requested <br><span class="text-dark" data-id="tests_requested"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Download-Window temp_btn cursor-pointer mr-3"></i><i class="text-15 i-Data-Search temp_show_btn cursor-pointer mr-3" type="tests_requested"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span></label></div>
                                            <div class="col-md-6">
                                                <input type="text" class="form-control" id="tests_requested" name="tests_requested" value="{{ old('tests_requested', isset($visitor_data->tests_requested)?$visitor_data->tests_requested: '') }}">
                                                @error('tests_requested')
                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                            <div class="col-md-3">
                                                <label for="tests_by_when"> By When</label>
                                                <div class="input-group mb-2">
                                                     <input type="text" class="form-control" id="tests_by_when" name="tests_by_when" placeholder="" value="{{old('tests_by_when',isset($visitor_data->tests_by_when)?$visitor_data->tests_by_when:'')}}">
                                                     <!-- <select class="form-control" id="tests_by_specialty"  name="tests_by_specialty">
                                                        <option value="" selected disabled hidden>Speciality</option>
                                                        @if($specialty)
                                                        @foreach($specialty as $s)
                                                        <option value="{{$s->id}}" {{ old('tests_by_specialty', isset($visitor_data->tests_by_specialty)?$visitor_data->tests_by_specialty:'') == $s->id ? 'selected' : '' }}>{{$s->name}}</option>
                                                        @endforeach
                                                        @endif
                                                    </select> -->
                                                </div>
                                                 @error('tests_by_when')
                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <table  class="display table table-bordered" id="medicine_table">
                                                    <thead>
                                                        <tr>
                                                            <th width="2%">#</th>
                                                            <th width="15%">Medicine</th>
                                                            <th width="9%">Dosage</th>
                                                            <th width="9%">When</th>
                                                            <th width="9%">Frequency</th>
                                                            <th width="9%">Duration</th>
                                                            <th width="14%">Remark</th>
                                                            <th width="3%"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                            if(isset($visitor_data->medicine) && $visitor_data->medicine != ''){
                                                                $medicine = json_decode($visitor_data->medicine,true);
                                                            }else{
                                                                $medicine = [];
                                                                $medicine[] = ['medicine'=>'','dosage'=>'','when'=>'','frequency'=>'','duration'=>'','notes'=>'','generic_name'=>''];
                                                            }

                                                      
                                                        @endphp
                                                        @foreach($medicine as $mkey=>$mval)
                                                        <tr m-index="{{$mkey}}" i-index="{{($loop->index+1)}}">
                                                            <td>{{$loop->index+1}}</td>
                                                            <td>
                                                                <select class="mySelect2 medicine" name="medicine[{{$mkey}}][medicine]" style="width: 100%;min-width: 120px;">
                                                                    @if(isset($medicine[$mkey]['medicine']))
                                                                    <option value="{{ $medicine[$mkey]['medicine'] }}" data-generic_name="{{ isset($medicine[$mkey]['generic_name'])?$medicine[$mkey]['generic_name']: '' }}" selected>
                                                                            {{ $medicine[$mkey]['medicine'] }}
                                                                    </option>
                                                                    @endif
                                                                </select>
                                                               
                                                                 <button type="button" class="btn btn-sm  medicine_model_bttn" data-toggle="modal" data-target="#myModalMedicine"> <i class="i-Pen-2"></i></button>

                                                               <input type="hidden" class="form-control generic_name" id="generic_name" name="medicine[{{$mkey}}][generic_name]" value="{{ old('medicine[$mkey][generic_name]', isset($medicine[$mkey]['generic_name'])?$medicine[$mkey]['generic_name']: '') }}">
                                                             
                                                                @error('medicine[$mkey][medicine]')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </td>
                                                            <td>
                                                                <!-- <input type="text" class="form-control dosage" id="dosage" name="medicine[{{$mkey}}][dosage]" value="{{ old('medicine[$mkey][dosage]', isset($medicine[$mkey]['dosage'])?$medicine[$mkey]['dosage']: '') }}"> -->
                                                          <select class="form-control dosage" name="medicine[{{$mkey}}][dosage]">
                                                             <option value="" selected disabled hidden>Select dosage</option>
                                                            @foreach(['1-0-0', '1-0-1', '0-0-1', '0-1-1', '1-1-1', '0-0-0', '1-1-0', '0.5-0-0.5', '1-1-1-1', '2-0-2', '0-0-0.5', '0.5-0-0', '2-2-2', '2.5-0-2.5',  '0-0.5-0', '1/2-0-1', '1/2-1/2-1/2', '1-0-2', '1-0-0-1', '0-1/2-0'] as $dosage)
                                                                <option value="{{ $dosage }}" 
                                                                        {{ old('medicine['.$mkey.'][dosage]', isset($medicine[$mkey]['dosage']) ? $medicine[$mkey]['dosage'] : '') == $dosage ? 'selected' : '' }}>
                                                                    {{ $dosage }}
                                                                </option>
                                                            @endforeach
                                                        </select>

                                                                @error('medicine[$mkey][dosage]')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror</td>
                                                            <td>
                                                                <!-- <input type="text" class="form-control when" id="when" name="medicine[{{$mkey}}][when]" value="{{ old('medicine[$mkey][when]', isset($medicine[$mkey]['when'])?$medicine[$mkey]['when']: '') }}"> -->

                                                                <select class="form-control when" name="medicine[{{$mkey}}][when]">
                                                                     <option value="" selected disabled hidden>Select When</option>
                                                                    @foreach(['Before Food', 'After Food', 'Before Breakfast', 'After Breakfast', 'Before Lunch', 
                                                                              'After Lunch', 'Before Dinner', 'After Dinner', 'Empty Stomach', 'Bed Time', 'SoS'] as $when)
                                                                        <option value="{{ $when }}" 
                                                                                {{ old('medicine['.$mkey.'][when]', isset($medicine[$mkey]['when']) ? $medicine[$mkey]['when'] : '') == $when ? 'selected' : '' }}>
                                                                            {{ $when }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>


                                                                @error('medicine[$mkey][when]')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </td>
                                                            <td>
                                                                <!-- <input type="text" class="form-control frequency" id="frequency" name="medicine[{{$mkey}}][frequency]" value="{{ old('medicine[$mkey][frequency]', isset($medicine[$mkey]['frequency'])?$medicine[$mkey]['frequency']: '') }}"> -->

                                                                <select class="form-control frequency" name="medicine[{{$mkey}}][frequency]">
                                                                    <option value="" selected disabled hidden>Select frequency</option>
                                                                    @foreach(['daily', 'alternate day', 'weekly', 'fort night', 'monthly'] as $frequency)
                                                                        <option value="{{ $frequency }}" 
                                                                                {{ old('medicine['.$mkey.'][frequency]', isset($medicine[$mkey]['frequency']) ? $medicine[$mkey]['frequency'] : '') == $frequency ? 'selected' : '' }}>
                                                                            {{ $frequency }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                                @error('medicine[$mkey][frequency]')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </td>
                                                            <td>
                                                                <!-- <input type="text" class="form-control duration" id="duration" name="medicine[{{$mkey}}][duration]" value="{{ old('medicine[$mkey][duration]', isset($medicine[$mkey]['duration'])?$medicine[$mkey]['duration']: '') }}"> -->
                                                            <select class="form-control duration editTableDuration" name="medicine[{{$mkey}}][duration]">
                                                                <option value="" selected disabled hidden>Select duration</option>
                                                               @php
                                                                    $durations = ['1 day', '1 week', '1 month', '1 year'];
                                                                    $selectedDuration = old('medicine['.$mkey.'][duration]', $medicine[$mkey]['duration'] ?? '');
                                                                @endphp

                                                                @foreach($durations as $duration)
                                                                    <option value="{{ $duration }}" {{ $selectedDuration == $duration ? 'selected' : '' }}>
                                                                        {{ $duration }}
                                                                    </option>
                                                                @endforeach

                                                                @if($selectedDuration && !in_array($selectedDuration, $durations))
                                                                    <option value="{{ $selectedDuration }}" selected>{{ $selectedDuration }}</option>
                                                                @endif

                                                            </select>

                                                                @error('medicine[$mkey][duration]')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control notes" id="notes" name="medicine[{{$mkey}}][notes]" value="{{ old('notes', isset($medicine[$mkey]['notes'])?$medicine[$mkey]['notes']: '') }}">
                                                                @error('medicine[$mkey][notes]')
                                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                                @enderror
                                                            </td>
                                                            <td>@php echo ($loop->last)?'<i class="nav-icon i-Add text-20 add_medicine_btn"></i>':'<i class="nav-icon i-Remove text-20 remove_medicine_btn"></i>';@endphp
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="col-md-12">
                                                <span class="text-dark float-right mr-3" data-id="medicine_table"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Download-Window temp_btn cursor-pointer mr-3"></i><i class="text-15 i-Data-Search temp_show_btn cursor-pointer mr-3" type="medicine_table"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="physiotherapy_adviced" class="font-weight-bold">Physiotherapy Advised <br><span class="text-dark" data-id="physiotherapy_adviced"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Download-Window temp_btn cursor-pointer mr-3"></i><i class="text-15 i-Data-Search temp_show_btn cursor-pointer mr-3" type="physiotherapy_adviced"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span></label></div>
                                            <div class="col-md-10">
                                                <textarea class="form-control" id="physiotherapy_adviced" name="physiotherapy_adviced" placeholder="Physiotherapy Advised" rows="2" cols="2">{{ old('physiotherapy_adviced', isset($visitor_data->physiotherapy_adviced) ? $visitor_data->physiotherapy_adviced : '') }}</textarea>
                                                @error('physiotherapy_adviced')
                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="procedure" class="font-weight-bold">Procedure If Any <br><span class="text-dark" data-id="procedure"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Download-Window temp_btn cursor-pointer mr-3"></i><i class="text-15 i-Data-Search temp_show_btn cursor-pointer mr-3" type="procedure"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span></label></div>
                                            <div class="col-md-10">
                                                <textarea class="form-control" id="procedure" name="procedure" placeholder="Procedure If Any" rows="2" cols="2">{{ old('procedure', isset($visitor_data->procedure) ? $visitor_data->procedure : '') }}</textarea>
                                                @error('procedure')
                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="next_visit" class="font-weight-bold">Next Visit <br><span class="text-dark" data-id="next_visit"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i></span></label></div>
                                            <div class="col-md-3">
                                                <input type="text" class="form-control" id="nv_no_of" name="nv_no_of" placeholder="No of" 
                                                value="{{ old('nv_no_of', isset($visitor_data->nv_no_of)?$visitor_data->nv_no_of: '') }}">
                                                @error('nv_no_of')
                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                            <div class="col-md-3">
                                                <div class="btn-group btn-group-toggle d-block" data-toggle="buttons">
                                                    <label class="btn btn-outline-primary {{(isset($visitor_data->nv_duration) && $visitor_data->nv_duration == 'days') ? 'active' : ''}} nv_duration_btn">
                                                        <input type="radio" name="nv_duration" value="days" {{ old('nv_duration', isset($visitor_data->nv_duration)?$visitor_data->nv_duration:'') == 'days' ? 'checked' : '' }} autocomplete="off"> Days
                                                    </label>
                                                    <label class="btn btn-outline-primary ml-2 {{(isset($visitor_data->nv_duration) && $visitor_data->nv_duration == 'weeks') ? 'active' : ''}} nv_duration_btn">
                                                        <input type="radio" name="nv_duration" value="weeks" {{ old('nv_duration', isset($visitor_data->nv_duration)?$visitor_data->nv_duration:'') == 'weeks' ? 'checked' : '' }} autocomplete="off"> Weeks
                                                    </label>
                                                    <label class="btn btn-outline-primary ml-2 {{isset($visitor_data->nv_duration) && $visitor_data->nv_duration == 'months' ? 'active' : ''}} nv_duration_btn">
                                                        <input type="radio" name="nv_duration" value="months" {{ old('nv_duration', isset($visitor_data->nv_duration)?$visitor_data->nv_duration:'') == 'months' ? 'checked' : '' }} autocomplete="off"> Months
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <input type="date" class="form-control" id="nv_no_date" name="nv_no_date" placeholder="select date" 
                                                value="{{ old('nv_no_date', isset($visitor_data->nv_no_date)?$visitor_data->nv_no_date: '') }}">
                                                @error('nv_no_date')
                                                <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="referred_to" class="font-weight-bold">Referred To <br><span class="text-dark" data-id="referred_to"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i></span></label></div>
                                            <div class="col-md-10">
                                                <table id="ref_table_id">
                                                    <thead>
                                                        <tr>
                                                            <th width="30%"><label for="doctor_name">Doctor Name</label></th>
                                                            <th width="20%"><label for="ref_to_phone_no">Phone No</label></th>
                                                            <th width="45%"><label for="ref_to_reason">Reason</label></th>
                                                            <th width="5%"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                            if(isset($visitor_data->ref_to) && $visitor_data->ref_to != ''){
                                                                $ref_to = json_decode($visitor_data->ref_to,true);
                                                            }else{
                                                                $ref_to = [];
                                                                $ref_to[] = ['doctor_name'=>'','specialty'=>'','phone_no'=>'','ref_to_reason'=>''];
                                                            }
                                                        @endphp
                                                        @foreach($ref_to as $key=>$value)
                                                        <tr index="{{$key}}">
                                                            <td>
                                                                <div class="input-group mb-2">
                                                                    <input type="text" class="form-control doctor_name" id="doctor_name" name="ref_to[{{$key}}][doctor_name]" placeholder="Doctor Name" value="{{old('ref_to[$key][doctor_name]',isset($ref_to[$key]['doctor_name'])?$ref_to[$key]['doctor_name']:'')}}">&nbsp;
                                                                    <select class="form-control ref_to_specialty" id="ref_to_specialty"  name="ref_to[{{$key}}][specialty]">
                                                                    <option value="" selected disabled hidden>Speciality</option>
                                                                    @if($specialty)
                                                                    @foreach($specialty as $s)
                                                                    <option value="{{$s->id}}" {{ old('ref_to[$key][specialty]',isset($ref_to[$key]['specialty'])?$ref_to[$key]['specialty']:'') == $s->id ? 'selected' : '' }}>{{$s->name}}</option>
                                                                    @endforeach
                                                                    @endif
                                                                    </select>
                                                                      @error('ref_to[$key][doctor_name]')
                                                                        <p class="errors-msg text-danger">{{ $message }}</p>
                                                                    @enderror
                                                                    @error('ref_to[$key][specialty]')
                                                                        <p class="errors-msg text-danger">{{ $message }}</p>
                                                                    @enderror
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="input-group mb-2">
                                                                    <div class="input-group-prepend">
                                                                        <div class="input-group-text">+91</div>
                                                                    </div>
                                                                    <input type="number" maxlength="10" class="form-control ref_to_phone_no" id="ref_to_phone_no" name="ref_to[{{$key}}][phone_no]" placeholder="Number" value="{{old('ref_to[$key][phone_no]',isset($ref_to[$key]['phone_no'])?$ref_to[$key]['phone_no']:'')}}">
                                                                    @error('ref_to[$key][phone_no]')
                                                                        <p class="errors-msg text-danger">{{ $message }}</p>
                                                                    @enderror
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="input-group mb-2">
                                                                    <!-- <div class="input-group-prepend">
                                                                        <div class="input-group-text"><i class="nav-icon i-Email"></i></div>
                                                                    </div> -->
                                                                    <input type="text" class="form-control ref_to_reason" id="ref_to_reason" name="ref_to[{{$key}}][ref_to_reason]" placeholder="Reason" value="{{old('ref_to[$key][ref_to_reason]',isset($ref_to[$key]['ref_to_reason'])?$ref_to[$key]['ref_to_reason']:'')}}">
                                                                    @error('ref_to[$key][ref_to_reason]')
                                                                        <p class="errors-msg text-danger">{{ $message }}</p>
                                                                    @enderror
                                                                </div>
                                                            </td>
                                                            <td>@php echo ($loop->last)?'<i class="nav-icon i-Add text-20 ref_to_add_btn"></i>':'<i class="nav-icon i-Remove text-20 ref_to_remove_btn"></i>';@endphp</td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="col-md-2 text-center"><label for="advice" class="font-weight-bold">Advice <br><span class="text-dark" data-id="advice"><i class="text-15 i-Close clear_btn cursor-pointer mr-3"></i><i class="text-15 i-Download-Window temp_btn cursor-pointer mr-3"></i><i class="text-15 i-Data-Search temp_show_btn cursor-pointer mr-3" type="advice"></i><i class="text-15 i-Reload undo_btn cursor-pointer"></i></span></label></div>
                                            <div class="col-md-10">
                                                <textarea class="form-control" id="advice" name="advice" placeholder="Advice" rows="2" cols="2">{{ old('advice', isset($visitor_data->advice) ? $visitor_data->advice : '') }}</textarea>
                                                @error('advice')
                                                    <p class="errors-msg text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                     
                                </div>
                            </div>
                          </div>
                       </div>
                       <input type="hidden" name="patient_id" value="{{$p_id}}">
                       <!-- <button type="" class="btn btn-primary mt-3 float-right ml-1">End Consultation</button> -->
                       <!-- <button type="submit" class="btn btn-primary mt-1 float-right">Save</button> -->
                        <input type="button" class="btn btn-primary mt-1 float-right text-white" id="visorformsubmit" value="Save">
                        <button type="button" class="btn btn-primary emailModel mt-1 float-right mr-1 @if(empty($visitor_data)) d-none @endif"  data-toggle="modal" data-target="#whatsAppModel_open_{{$app_id}}"><i class="i-Email mr-1"></i>Email</button>
                       <button type="button" class="btn btn-primary mt-1 float-right mt-1 mr-1  @if(empty($visitor_data)) d-none @endif" data-toggle="modal" data-target="#printView__open"> Print View </button>

                       <button type="button" class="btn btn-primary mt-1 float-right mt-1 mr-1 whatsModel @if(empty($visitor_data)) d-none @endif" data-toggle="modal" data-target="#whatsAppModel_open_{{$app_id}}">WhatsApp</button>

                         <button type="button" data-p-id="{{$p_id}}" data-app-id="{{$app_id}}" class="btn btn-primary mt-1 float-right mr-1 pdf_preview @if(empty($visitor_data)) d-none @endif"> <i class="nav-icon fa fa-file-pdf"></i>PDF Preview
                       </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @else
    <!-- Only for OT manager -->
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                  <h4 class="">Prescription History<a href="{{ route('booking.index') }}?page={{$page}}" class="btn btn-primary float-right">Back</a></h4>
                </div>
            </div>
        </div>
    </div>
         @include('admin.patient-history',['number' => $number, 'visitor_history' => $visitor_history1,'user_role' => $user_role, 'app_id' => $app_id, 'type' => 'next'])
    @endif

    @include('admin.patient-history',['number' => $number, 'visitor_history' => $visitor_history2,'user_role' => $user_role, 'app_id' => $app_id,'v_count' => count($visitor_history1)])

    
    <div class="modal fade" id="TempModal" tabindex="-1" role="dialog" aria-labelledby="TempModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="TempModalTitle">Template Detail</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="temp_message"></div>
                    <div class="form-group">
                        <label for="temp_name">Name</label>
                        <input type="text" id="temp_name" class="form-control" name="temp_name" value="{{ old('temp_name') }}" required>
                        <div class="invalid-feedback temp_name">This field is required</div>
                    </div>
                </div>
                <input type="hidden" id="temp_type" name="temp_type">
                <input type="hidden" id="temp_description" name="temp_description">
                <div class="modal-footer">
                    <button class="btn btn-secondary temp_cancel">Cancel</button>
                    <button class="btn btn-primary temp_submit" name="temp_submit" value="excel">Save</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="TempSearchModal" tabindex="-1" role="dialog" aria-labelledby="TempSearchModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="TempSearchModalTitle">Template Search</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="temp_name">Name</label>
                        <div class="row">
                            <div class="col-md-10">
                                <input type="text" id="temp_search_name" class="form-control" name="temp_search_name" value="{{ old('temp_search_name') }}" required>
                                <div class="invalid-feedback temp_search_name">This field is required</div>
                            </div>
                            <div class="col-md-2">
                                <button class="btn btn-primary search_temp"><i class="i-Search-People"></i></button>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" id="search_type" name="search_type">
                    <div class="row">
                        <div class="col-md-10">
                            <div class="form-group">
                                <select class="form-control temp_search_option d-none">
                                </select>
                            </div>
                            <div class="error_message ml-2 d-none">No result found</div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary search_cancel">Cancel</button>
                    <button class="btn btn-primary search_save" name="temp_submit" value="submit">Save</button>
                </div>
            </div>
        </div>
    </div>

@php    
    $history = $visitor_data;

    if(!empty($history)){
@endphp
<div class="modal fade" id="whatsAppModel_open_{{$history->appointment_id}}">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title send_title">WhatsApp</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card-body">
                           <div class="card-header bg-white">
                                <h4 class="mt-2">
                                    <strong style="font-size: 12px;"> {{ \Carbon\Carbon::parse($history->appointment->appointment_date)->format('d-M-Y') }}
                                    {{$history->appointment->start_time}}
                                    {{ isset($history->appointment->doctor->name)?'By : Dr '.$history->appointment->doctor->name:'' }} </strong>
                                </h4>
                                @if(isset($patient->name))
                                 <p class="mb-0 font-weight-bold" style="font-size: 13px !important;color: #000;"> P{{$patient->id}} : {{$patient->name}}
                                    (
                                    {{ isset($patient->dob_or_age) ? \Carbon\Carbon::parse($patient->dob_or_age)->age : '' }}
                                    {{ isset($patient->dob_or_age) && isset($patient->gender) ? ', ' : '' }}
                                    {{ isset($patient->gender) ? $patient->gender : '' }}
                                    )
                                    {{ isset($patient->phone) ? '- ' . $patient->phone : '' }}
                                    {{ isset($patient->address) ? '- ' . $patient->address : '' }}

                                </p>
                                @isset($patient->referred_by)
                                    <p class="mb-2 mt-1 font-weight-bold" style="font-size: 12px !important;color: #000;"><strong>Referred By:</strong> {{ $patient->referred_by }}</p>
                               @endisset
                                @endif
                                <div class="row">
                                    @if(isset($history->complaints) && $history->complaints != '')
                                    <div class="col-md-12 font-weight-bold"><b>Chief Complaints:</b>
                                    </div>
                                    <div class="col-md-12">{{$history->complaints}}</div>
                                    @endif
                                    <!-- <div class="col-md-12">LBP</div> -->
                                </div>
                                @php
                                $diagnosis =
                                isset($history->diagnosis)?json_decode($history->diagnosis):"";
                                @endphp
                                @if($diagnosis) <br>
                                <div class="row mt-2">
                                    <div class="col-md-12 font-weight-bold"><b>Diagnosis:</b></div>

                                    @foreach($diagnosis as $diag_index)
                                    <div class="col-md-12">
                                        {{$diag_index->diagnosis}}{{ isset($diag_index->duration)?" since ".$diag_index->duration:''}}{{isset($diag_index->date)?", From : ".$diag_index->date:''}}
                                    </div>
                                    @endforeach

                                    <!-- <div class="col-md-12">OSTEOPOROSIS since 15 weeks, From : 03-Oct-2024</div> -->
                                </div>
                                @endif

                                  @if($history->past_history != '')
                                    <div class="row mt-2">
                                        <div class="col-md-12 font-weight-bold"><b>Past History:</b>
                                        </div>
                                        <div class="col-md-12">{{$history->past_history}}</div>
                                        <!-- <div class="col-md-12">Co-Morbidities-</div> -->
                                    </div>
                                    @endif

                                @php
                                $medicines =
                                isset($history->medicine)?json_decode($history->medicine):"";
                                @endphp
                                @if($medicines)
                                <div class="row mt-2">
                                    <div class="col-md-12 font-weight-bold"><b>Rx:</b></div>
                                    <div class="col-md-12">
                                        <table class="display table">
                                            <thead>
                                                <tr>
                                                    <td style="padding: 1px; width:5%">#</td>
                                                    <td style="padding: 1px; width:20%">Medicine
                                                    </td>
                                                    <td style="padding: 1px; width:10%">Dosage</td>
                                                    <td style="padding: 1px;width:10%">When</td>
                                                    <td style="padding: 1px;width:10%">Frequency
                                                    </td>
                                                    <td style="padding: 1px; width:10%">Duration
                                                    </td>
                                                    <td style="padding: 1px; width:15%">Notes</td>
                                                </tr>
                                            </thead>
                                            <tbody>

                                                @foreach($medicines as $med_index)
                                                @if(!empty($med_index->medicine))
                                                <tr>
                                                    <td style="padding: 1px; width:5%">
                                                        {{$loop->index + 1}}</td>
                                                    <td style="padding: 1px; width:20%">
                                                        <p style="margin-bottom:1px;">
                                                            <b>{{isset($med_index->medicine)?$med_index->medicine:''}}</b><span
                                                                style="font-size: 10px; display:block;">
                                                                {{isset($med_index->generic_name)?$med_index->generic_name:''}}</span>
                                                        </p>
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->dosage)?$med_index->dosage:''}}
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->when)?$med_index->when:''}}
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->frequency)?$med_index->frequency:''}}
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->duration)?$med_index->duration:''}}
                                                        </td>
                                                    <td style="padding: 1px; width:15%">
                                                        {{isset($med_index->notes)?$med_index->notes:''}}
                                                    </td>
                                                </tr>
                                                @endif
                                                @endforeach

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                @endif

                              

                                @if(isset($history->report) && $history->report != '') <br>
                                <div class="row mt-2">
                                    <div class="col-md-12 font-weight-bold"><b>Report:</b></div>
                                    <div class="col-md-12">{{$history->report}}</div>
                                </div>
                                @endif

                                @if($history->examination != '') <br>
                                <div class="row mt-2">
                                    <div class="col-md-12 font-weight-bold"><b>Examination:</b>
                                    </div>
                                    <div class="col-md-12">{{$history->examination}}</div>
                                </div>
                                @endif

                                @if($history->tests_requested != '')
                                <div class="row mt-2">
                                    <div class="col-md-12 font-weight-bold"><b>Tests Requested:</b>
                                    </div>
                                    <div class="col-md-12">{{$history->tests_requested}}</div>
                                </div>
                                @endif

                                 @if(isset($history->physiotherapy_adviced) &&
                                $history->physiotherapy_adviced != '')
                                <div class="row mt-2">
                                    <div class="col-md-12 font-weight-bold"><b>Physiotherapy
                                            Advised:</b></div>
                                    <div class="col-md-12">{{$history->physiotherapy_adviced}}</div>
                                </div>
                                @endif
                                @if($history->procedure != '')
                                <div class="row mt-2">
                                    <div class="col-md-12 font-weight-bold"><b>Procedure
                                            Adviced:</b></div>
                                    <div class="col-md-12">{{$history->procedure}}</div>
                                </div>
                                @endif

                                @if($history->advice != '')
                                <div class="row mt-2">
                                    <div class="col-md-12 font-weight-bold"><b>Advice:</b></div>
                                    <div class="col-md-12">{{$history->advice}}</div>
                                </div>
                                @endif
                                @php
                                $ref_to_arr =
                                isset($history->ref_to)?json_decode($history->ref_to):"";
                                @endphp
                                @if($ref_to_arr)
                                <div class="row mt-2">
                                    @foreach($ref_to_arr as $ref_data)  
                                        @if(isset($ref_data->doctor_name))
                                            <div class="col-md-12 font-weight-bold"><b>Referred to:</b>
                                            </div>
                                        @endif    
                                        <div class="col-md-12">
                                         @if(isset($ref_data->doctor_name))  
                                           <b>DR </b>
                                          {{ $ref_data->doctor_name }}

                                         @endif
                                         @if(isset($ref_data->phone_no))
                                            &nbsp;&nbsp;<b>Mob:</b> 
                                             {{ $ref_data->phone_no }}
                                         @endif
                                        </div>
                                    @endforeach
                                </div>
                                @endif
                             
                                @if($history->nv_no_date)
                                <div class="row mt-2">
                                    <div class="col-md-12 font-weight-bold"><b>Next Visit:</b></div>
                                    <div class="col-md-12">{{$history->nv_no_date}}</div>
                                </div>
                                @endif
                            </div>
                        </div>  
                    </div>
                    <div class="col-md-12">
                        <form onsubmit="whatsupmsg(event)" class="">
                            @csrf  
                            <div class="">
                                <input type="hidden" name="booking_id" value="{{$history->appointment_id}}">
                                <div class="form-group send_data_whatsapp">
                                    <label for="whatsapp_number">WhatsApp Number</label>
                                    <input type="number" required placeholder="Enter Number"
                                        name="whatsapp_number" id="whatsapp_number"
                                        class="form-control" value="{{ isset($patient->phone) ? '- ' . $patient->phone : '' }}">
                                </div>
                            </div>
                            <div class="modal-footer">
                                 <button type="button" data-p-id="{{$history->patient_id}}" data-app-id="{{$history->appointment_id}}" class="btn btn-primary mt-1 float-right mr-1 pdf_preview"> <i class="nav-icon fa fa-file-pdf"></i>PDF Preview
                                 </button>

                                <button type="submit"
                                    class="btnWhatsAppHtml btn btn-primary mt-1 float-right mr-1">
                                    <i class="nav-icon i-Email mr-1"></i>Send On WhatsApp
                                </button>
                                <button type="button" class="btn btn-danger"
                                    data-dismiss="modal">Close</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="printView__open" tabindex="-1"
    role="dialog" aria-labelledby="TempModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="">Print View</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="card-body">
                    <div class="card-header bg-white">
                        <h4 class="mt-2">
                            <strong style="font-size: 12px;">{{ \Carbon\Carbon::parse($history->appointment->appointment_date)->format('d-M-Y') }}
                            {{$history->appointment->start_time}}
                            {{ isset($history->appointment->doctor->name)?'By : Dr '.$history->appointment->doctor->name:'' }}</strong>
                        </h4>
                        @if(isset($patient->name))
                        <p class="mb-0 font-weight-bold" style="font-size: 13px !important;color: #000;"> P{{$patient->id}} : {{$patient->name}}
                            (
                            {{ isset($patient->dob_or_age) ? \Carbon\Carbon::parse($patient->dob_or_age)->age : '' }}
                            {{ isset($patient->dob_or_age) && isset($patient->gender) ? ', ' : '' }}
                            {{ isset($patient->gender) ? $patient->gender : '' }}
                            )
                            {{ isset($patient->phone) ? '- ' . $patient->phone : '' }}
                            {{ isset($patient->address) ? '- ' . $patient->address : '' }}

                        </p>
                        @isset($patient->referred_by)
                            <p class="mb-2 mt-1 font-weight-bold" style="font-size: 12px !important;color: #000;"><strong>Referred By:</strong> {{ $patient->referred_by }}</p>
                        @endisset
                        @endif
                        <div class="row">
                            @if(isset($history->complaints) && $history->complaints != '')
                            <div class="col-md-12 font-weight-bold"><b>Chief Complaints:</b>
                            </div>
                            <div class="col-md-12">{{$history->complaints}}</div>
                            @endif
                            <!-- <div class="col-md-12">LBP</div> -->
                        </div>
                        @php
                        $diagnosis =
                        isset($history->diagnosis)?json_decode($history->diagnosis):"";
                        @endphp
                        @if($diagnosis) <br>
                        <div class="row mt-2">
                            <div class="col-md-12 font-weight-bold"><b>Diagnosis:</b></div>

                            @foreach($diagnosis as $diag_index)
                            <div class="col-md-12">
                                {{$diag_index->diagnosis}}{{ isset($diag_index->duration)?" since ".$diag_index->duration:''}}{{isset($diag_index->date)?", From : ".$diag_index->date:''}}
                            </div>
                            @endforeach

                            <!-- <div class="col-md-12">OSTEOPOROSIS since 15 weeks, From : 03-Oct-2024</div> -->
                        </div>
                        @endif

                          @if($history->past_history != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Past History:</b>
                                </div>
                                <div class="col-md-12">{{$history->past_history}}</div>
                                <!-- <div class="col-md-12">Co-Morbidities-</div> -->
                            </div> <br>
                            @endif

                        @php
                        $medicines =
                        isset($history->medicine)?json_decode($history->medicine):"";
                        @endphp
                        @if($medicines)
                        <div class="row mt-2">
                            <div class="col-md-12 font-weight-bold"><b>Rx:</b></div>
                            <div class="col-md-12">
                                <table class="display table">
                                    <thead>
                                        <tr>
                                            <td style="padding: 1px; width:5%">#</td>
                                            <td style="padding: 1px; width:20%">Medicine
                                            </td>
                                            <td style="padding: 1px; width:10%">Dosage</td>
                                            <td style="padding: 1px;width:10%">When</td>
                                            <td style="padding: 1px;width:10%">Frequency
                                            </td>
                                            <td style="padding: 1px; width:10%">Duration
                                            </td>
                                            <td style="padding: 1px; width:15%">Notes</td>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        @foreach($medicines as $med_index)
                                            @if(!empty($med_index->medicine))
                                                <tr>
                                                    <td style="padding: 1px; width:5%">
                                                        {{$loop->index + 1}}</td>
                                                    <td style="padding: 1px; width:20%">
                                                        <p style="margin-bottom:1px;">
                                                            <b>{{isset($med_index->medicine)?$med_index->medicine:''}}</b><span
                                                                style="font-size: 10px; display:block;">
                                                                {{isset($med_index->generic_name)?$med_index->generic_name:''}}</span>
                                                        </p>
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->dosage)?$med_index->dosage:''}}
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->when)?$med_index->when:''}}
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->frequency)?$med_index->frequency:''}}
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->duration)?$med_index->duration:''}}
                                                        </td>
                                                    <td style="padding: 1px; width:15%">
                                                        {{isset($med_index->notes)?$med_index->notes:''}}
                                                    </td>
                                                </tr>
                                            @endif
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @endif

                      

                        @if(isset($history->report) && $history->report != '') <br>
                        <div class="row mt-2">
                            <div class="col-md-12 font-weight-bold"><b>Report:</b></div>
                            <div class="col-md-12">{{$history->report}}</div>
                            <!-- <div class="col-md-12">F/U SOS IN CASE OF WEAKNESS, TINGLING NUMBNESS, BOWEL OR BLADDER DISTURBANCE, ANY NEUROLOGICAL DEFICIT.</div> -->
                        </div>
                        @endif

                        @if($history->examination != '') <br> 
                        <div class="row mt-2">
                            <div class="col-md-12 font-weight-bold"><b>Examination:</b>
                            </div>
                            <div class="col-md-12">{{$history->examination}}</div>
                        </div>
                        @endif

                        @if($history->tests_requested != '')
                        <div class="row mt-2">
                            <div class="col-md-12 font-weight-bold"><b>Tests Requested:</b>
                            </div>
                            <div class="col-md-12">{{$history->tests_requested}}</div>
                        </div>
                        @endif

                         @if(isset($history->physiotherapy_adviced) &&
                        $history->physiotherapy_adviced != '')
                        <div class="row mt-2">
                            <div class="col-md-12 font-weight-bold"><b>Physiotherapy
                                    Advised:</b></div>
                            <div class="col-md-12">{{$history->physiotherapy_adviced}}</div>
                        </div>
                        @endif
                        @if($history->procedure != '')
                        <div class="row mt-2">
                            <div class="col-md-12 font-weight-bold"><b>Procedure
                                    Adviced:</b></div>
                            <div class="col-md-12">{{$history->procedure}}</div>
                        </div>
                        @endif

                        @if($history->advice != '')
                        <div class="row mt-2">
                            <div class="col-md-12 font-weight-bold"><b>Advice:</b></div>
                            <div class="col-md-12">{{$history->advice}}</div>
                            <!-- <div class="col-md-12">F/U SOS IN CASE OF WEAKNESS, TINGLING NUMBNESS, BOWEL OR BLADDER DISTURBANCE, ANY NEUROLOGICAL DEFICIT.</div> -->
                        </div>
                        @endif
                        @php
                        $ref_to_arr =
                        isset($history->ref_to)?json_decode($history->ref_to):"";
                        @endphp
                        @if($ref_to_arr)
                        <div class="row mt-2">
                             @foreach($ref_to_arr as $ref_data)  
                                @if(isset($ref_data->doctor_name))
                                    <div class="col-md-12 font-weight-bold"><b>Referred to:</b>
                                    </div>
                                @endif    
                                <div class="col-md-12">
                                 @if(isset($ref_data->doctor_name))  
                                   <b>DR </b>
                                  {{ $ref_data->doctor_name }}

                                 @endif
                                 @if(isset($ref_data->phone_no))
                                    &nbsp;&nbsp;<b>Mob:</b> 
                                     {{ $ref_data->phone_no }}
                                 @endif
                                </div>
                            @endforeach
                        </div>
                        @endif
                        
                        @if($history->nv_no_date)
                        <div class="row mt-2">
                            <div class="col-md-12 font-weight-bold"><b>Next Visit:</b></div>
                            <div class="col-md-12">{{$history->nv_no_date}}</div>
                        </div>
                        @endif

                        <br>
                        <div class="float-left">
                            <strong>Patient </strong>
                            <div style="border-bottom: 2px solid black;margin-top: 20px;">
                            </div>
                        </div>
                        <div class="float-right">
                            <strong>Staff </strong>
                            <div style="border-bottom: 2px solid black;margin-top: 20px;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <a href="" onclick="printfun('collapse_printView__open')"
                    class="btn btn-primary float-right ml-1 print-scr-{{$history->appointment_id}}"><i
                        class="nav-icon i-Email mr-1"></i>Print</a>
                <button class="btn btn-secondary temp_cancel"
                    data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

<div id="collapse_printView__open" class="collapse " aria-labelledby="headingOne" data-parent="#accordion_printView__open">
    <div class="card-body">
       <div class="card-header">
                            <h4 class="mt-2">
                                {{ \Carbon\Carbon::parse($history->appointment->appointment_date)->format('d-M-Y') }}
                                {{$history->appointment->start_time}}
                                {{ isset($history->appointment->doctor->name)?'By : Dr '.$history->appointment->doctor->name:'' }}
                            </h4>
                            @if(isset($patient->name))
                            <p class="mb-0" style="font-weight: bold;"> P{{$patient->id}} : {{$patient->name}}
                                (
                                {{ isset($patient->dob_or_age) ? \Carbon\Carbon::parse($patient->dob_or_age)->age : '' }}
                                {{ isset($patient->dob_or_age) && isset($patient->gender) ? ', ' : '' }}
                                {{ isset($patient->gender) ? $patient->gender : '' }}
                                )
                                {{ isset($patient->phone) ? '- ' . $patient->phone : '' }}
                                {{ isset($patient->address) ? '- ' . $patient->address : '' }}

                            </p>
                            @isset($patient->referred_by)
                                 <p class="mb-5 font-weight-bold" style="font-weight: bold;"><strong>Referred By:</strong> {{ $patient->referred_by }}</p>
                            @endisset
                            @endif
                            <div class="row">
                                @if(isset($history->complaints) && $history->complaints != '')
                                <div class="col-md-12 font-weight-bold"><b>Chief Complaints:</b>
                                </div>
                                <div class="col-md-12">{{$history->complaints}}</div>
                                @endif
                                <!-- <div class="col-md-12">LBP</div> -->
                            </div>
                            @php
                            $diagnosis =
                            isset($history->diagnosis)?json_decode($history->diagnosis):"";
                            @endphp
                            @if($diagnosis) <br>
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Diagnosis:</b></div>

                                @foreach($diagnosis as $diag_index)
                                <div class="col-md-12">
                                    {{$diag_index->diagnosis}}{{ isset($diag_index->duration)?" since ".$diag_index->duration:''}}{{isset($diag_index->date)?", From : ".$diag_index->date:''}}
                                </div>
                                @endforeach

                                <!-- <div class="col-md-12">OSTEOPOROSIS since 15 weeks, From : 03-Oct-2024</div> -->
                            </div>
                            @endif

                              @if($history->past_history != '')
                                <div class="row mt-2">
                                    <div class="col-md-12 font-weight-bold"><b>Past History:</b>
                                    </div>
                                    <div class="col-md-12">{{$history->past_history}}</div>
                                    <!-- <div class="col-md-12">Co-Morbidities-</div> -->
                                </div>
                                @endif

                            @php
                            $medicines =
                            isset($history->medicine)?json_decode($history->medicine):"";
                            @endphp
                            @if($medicines)
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Rx:</b></div>
                                <div class="col-md-12">
                                    <table class="display table">
                                        <thead>
                                            <tr>
                                                <td style="padding: 1px; width:5%">#</td>
                                                <td style="padding: 1px; width:20%">Medicine
                                                </td>
                                                <td style="padding: 1px; width:10%">Dosage</td>
                                                <td style="padding: 1px;width:10%">When</td>
                                                <td style="padding: 1px;width:10%">Frequency
                                                </td>
                                                <td style="padding: 1px; width:10%">Duration
                                                </td>
                                                <td style="padding: 1px; width:15%">Notes</td>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            @foreach($medicines as $med_index)
                                             @if(!empty($med_index->medicine))
                                                <tr>
                                                    <td style="padding: 1px; width:5%">
                                                        {{$loop->index + 1}}</td>
                                                    <td style="padding: 1px; width:20%">
                                                        <p style="margin-bottom:1px;">
                                                            <b>{{isset($med_index->medicine)?$med_index->medicine:''}}</b><span
                                                                style="font-size: 10px; display:block;">
                                                                {{isset($med_index->generic_name)?$med_index->generic_name:''}}</span>
                                                        </p>
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->dosage)?$med_index->dosage:''}}
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->when)?$med_index->when:''}}
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->frequency)?$med_index->frequency:''}}
                                                    </td>
                                                    <td style="padding: 1px; width:10%">
                                                        {{isset($med_index->duration)?$med_index->duration:''}}
                                                        </td>
                                                    <td style="padding: 1px; width:15%">
                                                        {{isset($med_index->notes)?$med_index->notes:''}}
                                                    </td>
                                                </tr>
                                            @endif
                                            @endforeach

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            @endif

                          

                            @if(isset($history->report) && $history->report != '') <br>
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Report:</b></div>
                                <div class="col-md-12">{{$history->report}}</div>
                            </div>
                            @endif

                            @if($history->examination != '') <br>
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Examination:</b>
                                </div>
                                <div class="col-md-12">{{$history->examination}}</div>
                            </div>
                            @endif

                            @if($history->tests_requested != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Tests Requested:</b>
                                </div>
                                <div class="col-md-12">{{$history->tests_requested}}</div>
                            </div>
                            @endif

                             @if(isset($history->physiotherapy_adviced) &&
                            $history->physiotherapy_adviced != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Physiotherapy
                                        Advised:</b></div>
                                <div class="col-md-12">{{$history->physiotherapy_adviced}}</div>
                            </div>
                            @endif
                            @if($history->procedure != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Procedure
                                        Adviced:</b></div>
                                <div class="col-md-12">{{$history->procedure}}</div>
                            </div>
                            @endif

                            @if($history->advice != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Advice:</b></div>
                                <div class="col-md-12">{{$history->advice}}</div>
                            </div>
                            @endif
                            @php
                            $ref_to_arr =
                            isset($history->ref_to)?json_decode($history->ref_to):"";
                            @endphp
                            @if($ref_to_arr)
                            <div class="row mt-2">
                                 @foreach($ref_to_arr as $ref_data)  
                                    @if(isset($ref_data->doctor_name))
                                        <div class="col-md-12 font-weight-bold"><b>Referred to:</b>
                                        </div>
                                    @endif    
                                    <div class="col-md-12">
                                     @if(isset($ref_data->doctor_name))  
                                       <b>DR </b>
                                      {{ $ref_data->doctor_name }}

                                     @endif
                                     @if(isset($ref_data->phone_no))
                                        &nbsp;&nbsp;<b>Mob:</b> 
                                         {{ $ref_data->phone_no }}
                                     @endif
                                    </div>
                                @endforeach
                            </div>
                            @endif
                            
                            @if($history->nv_no_date)
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Next Visit:</b></div>
                                <div class="col-md-12">{{$history->nv_no_date}}</div>
                            </div>
                            @endif
                        </div>
    </div>
</div>

@php    
    }
@endphp

    <script>

var get_templete_data = '';
 
        document.getElementById("visorformsubmit").addEventListener("click", function() {
            document.getElementById("prescription-form").submit();
        });

        $(document).ready(function () {
            $('.multiSelect').select2({
                placeholder: 'Select options',
                allowClear: true
            });
            $(".add_systemic").on("click",function()
            {
                $(this).addClass("d-none");
                $(".remove_systemic, .systemic_fields").removeClass("d-none");
            });
            $(".remove_systemic").on("click",function()
            {
                $(this).addClass("d-none");
                $(".systemic_fields").addClass("d-none");
                $(".add_systemic").removeClass("d-none");
            });

            $(".add_vitals").on("click",function(){
                $(this).addClass("d-none");
                $(".remove_vitals, .vitals_div").removeClass("d-none");
            });
            $(".remove_vitals").on("click",function(){
                $(this).addClass("d-none");
                $(".vitals_div").addClass("d-none");
                $(".add_vitals").removeClass("d-none");
            });

            $('#diagnosis_table, #medicine_table').DataTable({
                paging: false,
                ordering: false,
                info: false,
                searching: false,
            });

            $(document).on("click", ".ref_to_add_btn", function() {
                $(this).removeClass("i-Add ref_to_add_btn").addClass('i-Remove ref_to_remove_btn');
                var index = $("#ref_table_id tbody").find("tr:last").attr("index");
                index++;
                let newRow = `
                    <tr index="`+index+`">
                        <td>
                            <div class="input-group mb-2">
                                <input type="text" class="form-control doctor_name" id="doctor_name" name="ref_to[`+index+`][doctor_name]" placeholder="Doctor Name" value="">
                                <select class="form-control ref_to_specialty" id="ref_to_specialty" name="ref_to[`+index+`][specialty]">
                                    <option value="" selected disabled hidden>Speciality</option>
                                    @if($specialty)
                                    @foreach($specialty as $s)
                                        <option value="{{$s->id}}">{{$s->name}}</option>
                                    @endforeach
                                    @endif
                                </select>
                            </div>
                        </td>
                        <td>
                            <div class="input-group mb-2">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">+91</div>
                                </div>
                                <input type="number" maxlength="10" class="form-control ref_to_phone_no" id="ref_to_phone_no" name="ref_to[`+index+`][phone_no]" placeholder="Number" value="">
                            </div>
                        </td>
                        <td>
                            <div class="input-group mb-2">
                                <input type="text" class="form-control ref_to_reason" id="ref_to_reason" name="ref_to[`+index+`][ref_to_reason]" placeholder="ref_to_reason" value="">
                            </div>
                        </td>
                        <td><i class="nav-icon i-Add text-20 ref_to_add_btn"></i></td>
                    </tr>
                `;

                $("#ref_table_id tbody").append(newRow);
            });




            $(document).on("click", ".add_medicine_btn", function() {
                let hasNullRow = false;     
                var mindex = 0;
                var iindex = 0;
                $("#medicine_table tbody tr").each(function() {
                    let m = parseInt($(this).attr("m-index")) || 0;
                    let i = parseInt($(this).attr("i-index")) || 0;
                    if (m > mindex) mindex = m;
                    if (i > iindex) iindex = i;
                     const medicine = $(this).find("select.medicine").val();
                    if (!medicine) {
                        hasNullRow = true;
                    }

                });

                if (hasNullRow) {
                   return false;
                } 

                $(this).removeClass("i-Add add_medicine_btn").addClass("i-Remove remove_medicine_btn");


                // increment for new row
                mindex++;
                iindex++;

                const { dosageHTML, dosageHTMLId } = dosageHtmlContent(mindex);
                const { whenHTML, whenHTMLId } = medicineWhenHtmlContent(mindex);
                const { frequencyHTML, frequencyHTMLId } = frequencyHtmlContent(mindex);
                const { durationHTML, durationHTMLId } = durationHtmlContent(mindex);

                let newRow = `
                    <tr m-index="${mindex}" i-index="${iindex}">
                        <td>${iindex}</td>
                        <td>
                            <select class="mySelect2 medicine" name="medicine[${mindex}][medicine]" style="width: 100%; min-width: 120px;"></select>
                            <span></span>
                            <button type="button" class="btn btn-sm medicine_model_bttn" data-toggle="modal" data-target="#myModalMedicine"> <i class="i-Pen-2"></i></button>
                            <input type="hidden" class="form-control generic_name" name="medicine[${mindex}][generic_name]" value="">
                        </td>
                        <td>${dosageHTML}</td>
                        <td>${whenHTML}</td>
                        <td>${frequencyHTML}</td>
                        <td>${durationHTML}</td>
                        <td><input type="text" class="form-control notes" name="medicine[${mindex}][notes]" value=""></td>
                        <td><i class="nav-icon i-Add text-20 add_medicine_btn"></i></td>
                    </tr>
                `;

                $("#medicine_table tbody").append(newRow);
                // $(`#${dosageHTMLId}, #${whenHTMLId}, #${frequencyHTMLId}, #${durationHTMLId}`).select2({
                //     placeholder: 'Select options',
                //     allowClear: true
                // });
                // reinit select2 for the new row
                initSelect2($("#medicine_table tbody tr:last .mySelect2"));
            });


function isRowFilled(row) {
    return $(row).find('input.diagnosis').toArray().every(input => $(input).val().trim() !== '');
}

function addNewDiagnosisRowIfNeeded() {
    let lastRow = $('#diagnosis_table tbody tr').last();
    var delIcon = "{{ asset('img/del.png') }}";

    if (isRowFilled(lastRow)) {
        let newIndex = $('#diagnosis_table tbody tr').length;
        let newRow = `
            <tr d-index="${newIndex}" r-index="${newIndex + 1}">
                <td>${newIndex + 1}</td>
                <td>
                    <input type="text" class="form-control diagnosis" name="diagnosis[${newIndex}][diagnosis]" value="">
                </td>
                <td>
                    <input type="text" class="form-control diag_duration" name="diagnosis[${newIndex}][duration]" value="">
                </td>
                <td>
                    <input type="date" class="form-control diag_date" name="diagnosis[${newIndex}][date]" value="">
                </td>
                <td>
                    <button type="button" class="remove_diagnosis_btn1 btn btn-sm btn-danger">
                        <img src="${delIcon}" width="15" alt="Delete">
                    </button>
                </td>
            </tr>
        `;
        $('#diagnosis_table tbody').append(newRow);
    }
}

$(document).on('keypress', '.diagnosis', function (e) {
    if (e.which === 13) {
        e.preventDefault();
        addNewDiagnosisRowIfNeeded();
        var inputs = $('.diagnosis');
        var idx = inputs.index(this);
        if (idx + 1 < inputs.length) {
            inputs.eq(idx + 1).focus();
        }
    }
});


$(document).on('click', '.remove_diagnosis_btn1', function () {
    let rowCount = $('#diagnosis_table tbody tr').length;
    if (rowCount > 1) {
        $(this).closest('tr').remove();
    }
});

$(document).ready(function () {
    addNewDiagnosisRowIfNeeded();
});
          




            $(document).on("click", ".ref_to_remove_btn, .remove_medicine_btn, .remove_diagnosis_btn", function() {
                var tableId = $(this).parents("table").attr('id');
                $(this).parents("tr").remove();
                updateIndexes(tableId);
            });

            $("#mark_as_nad").on("click",function(){
              if ($(this).is(":checked")) {
                 $("#systemic_general,#systemic_cvs,#systemic_rs,#systemic_cns,#systemic_pa,#systemic_ent").val("NAD");
              }else{
                 $("#systemic_general,#systemic_cvs,#systemic_rs,#systemic_cns,#systemic_pa,#systemic_ent").val("");
              }
            })

            $("#diagnosis_table").on("keyup", ".diagnosis, .diag_duration, .diag_date", function (event) {
                if (event.key && event.key != ' ' && event.key.length === 1) {
                    saveDiagnosis();
                }
            });

            $("#diagnosis_table").on("paste", ".diagnosis, .diag_duration, .diag_date", function (event) {
                setTimeout(function(){
                    saveDiagnosis();
                },200);
            });

            $("#diagnosis_table").on("change", ".diag_date", function (event) {
                saveDiagnosis();
            });

            $("#medicine_table").on("keyup", ".medicine, .dosage, .when, .frequency, .duration, .notes", function (event) {
                if (event.key && event.key != ' ' && event.key.length === 1) {
                    saveMedicine();
                }
            });

            $("#medicine_table").on("paste", ".medicine, .dosage, .when, .frequency, .duration, .notes", function (event) {
                setTimeout(function(){
                    saveMedicine();
                },200);
            });

            $("#systemic_general,#systemic_cvs,#systemic_rs,#systemic_cns,#systemic_pa,#systemic_ent").on("keyup",function(){
                let systemic_examination = get_systemic_data();
                let str = JSON.stringify(systemic_examination);
                saveInputData("systemic_examination",str);
            });

            $("#systemic_general,#systemic_cvs,#systemic_rs,#systemic_cns,#systemic_pa,#systemic_ent").on("paste",function(){
                setTimeout(function(){
                    let systemic_examination = get_systemic_data();
                    let str = JSON.stringify(systemic_examination);
                    saveInputData("systemic_examination",str);
                },200);
            });

            $("#tests_requested,#tests_by_when,#tests_by_specialty").on("keyup",function(event){
                if (event.key && event.key != ' ' && event.key.length === 1) {
                    saveTestReqts();
                }
            });


            $("#tests_requested,#tests_by_when").on("paste", function (event) {
                setTimeout(function(){
                    saveTestReqts();
                },200);
            });

            $("#tests_by_specialty").on("change", function (event) {
                saveTestReqts();
            });

            

            $("#complaints,#past_history,#general_examinations,#examination,#physiotherapy_adviced,#procedure,#advice").on("keyup",function(event){
                if (event.key && event.key != ' ' && event.key.length === 1) {
                    let str = $(this).val();
                    let type = $(this).attr("id");
                    saveInputData(type,str);
                }
            });

            $("#complaints,#past_history,#general_examinations,#examination,#physiotherapy_adviced,#procedure,#advice").on("focus",function(){
                if ($(this).data('initialValue') == undefined) {
                    let str = $(this).val();
                    $(this).data('initialValue', str);
                }
            })

            $("#tests_requested,#tests_by_when,#tests_by_specialty").on("focus",function(){
                $("#tests_requested,#tests_by_when,#tests_by_specialty").each(function(){
                    if ($(this).data('initialValue') == undefined) {
                        let str = $(this).val();
                        if (str == null) {
                            str = "";
                        }
                        $(this).data('initialValue', str);
                    }
                })
            })

            $("#systemic_general,#systemic_cvs,#systemic_rs,#systemic_cns,#systemic_pa,#systemic_ent").on("focus",function(){
                $("#systemic_general,#systemic_cvs,#systemic_rs,#systemic_cns,#systemic_pa,#systemic_ent").each(function(){
                    if ($(this).data('initialValue') == undefined) {
                        let str = $(this).val();
                        if (str == null) {
                            str = "";
                        }
                        $(this).data('initialValue', str);
                    }
                })
            });

            $("#diagnosis_table").on("focus", ".diagnosis, .diag_duration, .diag_date", function (event) {
                if ($("#diagnosis_table").data('initialValue') == undefined) {
                    let obj = get_diagnosis_data();
                    $("#diagnosis_table").data('initialValue', JSON.stringify(obj));
                }
            });

            $("#medicine_table").on("focus", ".medicine, .dosage, .when, .frequency, .duration, .notes", function (event) {
                if ($("#medicine_table").data('initialValue') == undefined) {
                    let obj = get_medicine_data();
                    $("#medicine_table").data('initialValue', JSON.stringify(obj));
                }
            });

            $("#complaints,#past_history,#general_examinations,#examination,#physiotherapy_adviced,#procedure,#advice").on("paste", function (event) {
                let obj = $(this);
                setTimeout(function(){
                    let type = obj.attr("id");
                    let str = obj.val();
                    saveInputData(type,str);
                },200);
            });

            $(".clear_btn").on("click",function(){
                let field = $(this).parent('span').attr("data-id");
                if (field == "vitals") {
                    $("#bp1,#bp2,#pulse,#height,#weight,#temperature,#BMI,#waist,#swelling,#gait,#list,#step_sign,#toe_walking,#heel_walking,#deformity,#tenderness,#ROM,#centralization,#peripheralization,#SLR,#cross_SLR,#nerve_sign,#FST,#FABER").val("");
                }else if(field == "complaints") {
                     $('#complaints').tagsinput('removeAll');
                }else if(field == "report") {
                    $('#report').val("");
                }else if(field == "next_visit") {
                    $("#nv_no_of,#nv_no_date").val("");
                    $("input[name=nv_duration]:checked").val("").parent().removeClass("active");
                }else if(field == "referred_to") {
                    $("#doctor_name,#ref_to_specialty,#ref_to_phone_no,#ref_to_reason").val("");
                }else if(field == "systemic_examination") {
                    $("#systemic_general,#systemic_cvs,#systemic_rs,#systemic_cns,#systemic_pa,#systemic_ent").val("");
                    let systemic_examination = get_systemic_data();
                    let str = JSON.stringify(systemic_examination);
                    saveInputData("systemic_examination",str);
                }else if(field == "diagnosis") {
                    $("#diagnosis_table tbody tr .diagnosis,#diagnosis_table tbody tr .diag_duration,#diagnosis_table tbody tr .diag_date").val("");
                    $("#diagnosis_table tbody tr:not(:first)").remove();
                    let diagnosis = get_diagnosis_data();
                    let str = JSON.stringify(diagnosis);
                    saveInputData("diagnosis",str);
                }else if(field == "medicine_table") {
                    $("#medicine_table tbody tr td select").val(null).trigger('change');
                    $(".notes").val("");
                    $("#medicine_table tbody tr").not(':first').remove();
                    $("#medicine_table tbody tr td i.i-Remove.remove_medicine_btn").each(function() {
                    $(this).removeClass('i-Remove remove_medicine_btn')
                               .addClass('i-Add add_medicine_btn')
                               .attr('title', 'Add medicine');
                    });
                    let medicine = get_medicine_data();
                    let str = JSON.stringify(medicine);
                    saveInputData("medicine_table",str);
                }else if(field == "tests_requested") {
                    $('#tests_requested').tagsinput('removeAll');
                    $('#tests_by_when').val('');
                    let requested_test = get_tests_requested_data();
                    let str = JSON.stringify(requested_test);
                    saveInputData("tests_requested",str);
                }else if(field == "all_template") {
                    /*vitals*/
                    $("#bp1,#bp2,#pulse,#height,#weight,#temperature,#BMI,#waist,#swelling,#gait,#list,#step_sign,#toe_walking,#heel_walking,#deformity,#tenderness,#ROM,#centralization,#peripheralization,#SLR,#cross_SLR,#nerve_sign,#FST,#FABER").val("");
                    $('#doctor_ids').val(null).trigger('change');
                    /*tests_requested*/
                    $("#tests_by_when,#tests_by_specialty").val("");
                    /*next_visit*/
                    $("#nv_no_of,#nv_no_date").val("");
                    $("input[name=nv_duration]:checked").val("").parent().removeClass("active");
                    /*referred_to*/
                    $("#doctor_name,#ref_to_specialty,#ref_to_phone_no,#ref_to_reason").val("");
                    /*systemic_examination*/
                    $("#systemic_general,#systemic_cvs,#systemic_rs,#systemic_cns,#systemic_pa,#systemic_ent").val("");
                    $("#mark_as_nad").prop('checked', false);
                    /*diagnosis*/
                    $("#diagnosis_table tbody tr .diagnosis,#diagnosis_table tbody tr .diag_duration,#diagnosis_table tbody tr .diag_date").val("");
                    $("#diagnosis_table tbody tr:not(:first)").remove();

                    /*medicine_table*/
                    $("#medicine_table tbody tr td select").val(null).trigger('change');
                    $("#medicine_table tbody tr:not(:first)").remove();
                    $(".notes").val("");
                    $("#medicine_table tbody tr").not(':first').remove();
                    $("#medicine_table tbody tr td i.i-Remove.remove_medicine_btn").each(function() {
                        $(this).removeClass('i-Remove remove_medicine_btn')
                               .addClass('i-Add add_medicine_btn')
                               .attr('title', 'Add medicine');
                    });

                     $('#tests_requested').tagsinput('removeAll');
                     $('#complaints').tagsinput('removeAll');
                    $("#past_history,#general_examinations,#examination,#physiotherapy_adviced,#procedure,#advice,#report").each(function(){
                        $(this).val("");
                    });
                    $('.bootstrap-tagsinput span').remove();
                    clear_session_data();
                }else{
                    $('#'+field).val('');
                    saveInputData(field,'');
                }
            });
            $(".undo_btn").on("click",function(){
                let field = $(this).parent('span').attr("data-id");
                undoInputData(field);
            });
            $(".temp_btn").on("click",function(){
                let field = $(this).parent('span').attr("data-id");

           
                showTempData(field);
            });
            
            $(".temp_submit").on("click",function(){
                let temp_type = $("#temp_type").val();
                let temp_name = $("#temp_name").val();
                let temp_description = $("#temp_description").val();
                $(".temp_name").removeClass("d-block").html("This field is required");
                if (temp_name == "") {
                    $(".temp_name").addClass("d-block").html("This field is required");
                }else{
                    $(".temp_name").removeClass("d-block");
                    $.ajax({
                        url: "{{ route('visitor.save_temp', ['id' => $app_id]) }}",  
                        type: 'POST',
                        data: {
                            _token: "{{ csrf_token() }}",
                            type: temp_type,
                            name: temp_name,
                            description: temp_description,
                        },
                        dataType:"JSON",
                        success: function (response) {
                            if (response.status) {
                            let html = `<div class="alert alert-success alert-dismissible fade show mb-3" role="alert" id="success_alert">`+response.message+`
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>`;
                                $(".temp_message").html(html);
                                setTimeout(function(){
                                    $(".temp_message").html("");
                                    $("#TempModal").modal("hide");
                                },1500);
                            }else{
                                $(".temp_name").addClass("d-block").html(response.message);
                            }
                        },
                        error: function (xhr) {
                            $(".temp_name").addClass("d-block").html(xhr.responseJSON.message);
                        }
                    });
                }
            });
            $("#temp_name").on("keyup",function(){
                if ($(this).val()) {
                    $(".temp_name").removeClass("d-block");
                }else{
                    $(".temp_name").addClass("d-block").html("This field is required");
                }
            });
            $(".temp_cancel").on("click",function(){
                $("#TempModal").modal("hide");
            });
            // $(".temp_show_btn").on("click",function(){
            //     let field = $(this).parent('span').attr("data-id");
            //     $("#search_type").val(field);
            //     $("#temp_search_name").val("");
            //     $(".temp_search_option").addClass("d-none").html("");
            //    $("#TempSearchModal").modal("show");
            // })
            $(".search_temp").on("click",function(){
                search_templates();
            });
            $("#TempSearchModal").on("keyup", "#temp_search_name", function(){
                let temp_search_name = $("#temp_search_name").val();
                if (temp_search_name,temp_search_name.length >= 3) {
                    search_templates();
                }
            });
            $(".search_cancel").on("click",function()
            {
                $("#TempSearchModal").modal("hide");
            });
            $(".search_save").on("click",function()
            {
                let desc = $(".temp_search_option").val();
                let type = $("#search_type").val();
                if (desc) {
                    desc = desc.replace(/&quot;/g, '"').replace(/&#39;/g, "'");
                }
                if (type == "diagnosis") {
                    let Obj = JSON.parse(desc);
                    addDiagnoHtml(Obj);
                }else if(type == "tests_requested")
                {
                    let Obj = JSON.parse(desc);
                    Object.entries(Obj).forEach(([key, value]) => {
                        $("#"+key).val(value);
                    });
                }else if(type == "medicine_table")
                {
                    let Obj = JSON.parse(desc);
                    addMedicineHtml(Obj);
                }else if(type == "all_template")
                {
                    let Obj = JSON.parse(desc);
                    Object.entries(Obj).forEach(([key, value]) => {
                        if (key == "diagnosis") {
                            addDiagnoHtml(value);
                        }else if (key == "tests_requested") {
                            Object.entries(value).forEach(([k1, val1]) => {
                                $("#"+k1).val(val1);
                            });
                        }else if (key == "medicine") {
                            addMedicineHtml(value);
                        }else if (key == "systemic_examination") {
                            if (value) {
                                $(".add_systemic").addClass("d-none");
                                $(".remove_systemic, .systemic_fields").removeClass("d-none");
                                Object.entries(value).forEach(([k2, val2]) => {
                                    if (k2 == "mark_as_nad") {
                                        $("#"+k2).attr("checked",val2);
                                    }else{
                                        $("#"+k2).val(val2);
                                    }
                                });
                            }else{
                                $(".remove_systemic, .systemic_fields").addClass("d-none");
                                $(".add_systemic").removeClass("d-none");
                            }
                        }else if (key == "vitals") {
                            Object.entries(value).forEach(([k3, val3]) => {
                                $("#"+k3).val(val3);
                            });
                        }else if (key == "referred_to") {
                            addReferredToHtml(value);
                        }else{
                            if (key == "nv_duration") {
                                $("input[name='nv_duration']").prop("checked", false).parent().removeClass("active");
                                $("input[name='nv_duration'][value='"+value+"']").prop("checked", true).parent().addClass("active");
                            }else{
                                $("#"+key).val(value);
                            }
                        }
                    });
                }else{
                    $("#"+type).val(desc);
                }
                if(type == "all_template")
                {
                    clear_session_data();
                }else{
                    saveInputData(type,desc);
                }
                $("#TempSearchModal").modal("hide");
            });
            $(".print_prescription").on("click", function(){
                let appId = $(this).attr("app-id");
                if (appId) {
                    $(".print-scr-"+appId).click();
                }
            });
            $(".nv_duration_btn").on("click",function(){
                get_next_visit();
            })

            $("#nv_no_of").on("keyup",function(){
                get_next_visit();
            })
            initSelect2($('.mySelect2'));

            
        });

        function get_next_visit() {
            let duration_no = $('#nv_no_of').val();
            if (duration_no == '') {
                $('#nv_no_of').addClass('is-invalid');
                // .after(`<div class="invalid-feedback">The title field is required.</div>`);
            }else{
                setTimeout(function() {
                    let duration_type = $(".nv_duration_btn.active").find('input').val();
                    if (duration_type) {
                        $.ajax({
                            url: "{{ route('booking.check_availability') }}",
                            type: 'POST',
                            data: {
                                _token: "{{ csrf_token() }}",
                                duration_no: duration_no,
                                duration_type: duration_type,
                                app_id: "{{$app_id}}"
                            },
                            dataType:"JSON",
                            success: function (response) {
                                if (response && response.success) {
                                    $("#nv_no_date").val(response.date);
                                }
                            },
                            error: function (xhr) {
                                console.error(xhr.responseText);
                                alert('An error occurred. Please try again.');
                            }
                        });
                    }
                }, 200);
            }
        }

        function initSelect2(el) {
            el.select2({
                tags: true,
                allowClear: true,
                placeholder: 'Search for medicines',
                ajax: {
                    url: '{{route("search-medicines")}}',
                    dataType: 'json',
                    type: 'POST',
                    delay: 250,
                    data: function(params) {
                        return {
                            search: params.term,
                            _token: "{{ csrf_token() }}",
                        };
                    },
                    processResults: function(data) {
                        var formattedData = [];
                        if (data.medicines) {
                            $.each(data.medicines, function(index, item) {
                                formattedData.push({
                                    id: item.name,
                                    text: item.name,
                                    dosage: item.dosage,
                                    when: item.when,
                                    frequency: item.frequency,
                                    duration: item.duration,
                                    notes: item.notes,
                                    generic_name: item.generic_name
                                });
                            });
                            return {
                                results: formattedData
                            };
                        }
                    },
                    cache: true
                },
                minimumInputLength: 3,

                 templateResult: function (data) {
                    if (!data.id) {
                        return data.text;
                    }

        
                    let $container = $(
                        `<div>
                            <div><strong>${data.text}</strong></div>
                            <div style="font-size: 12px; color: #fff;">
                                 ${data.generic_name || ''}
                            </div>
                        </div>`
                    );
                    return $container;
                },

                templateSelection: function (data) {
                if (!data.id) {
                    
                    return data.text;
                }

                 if (!data.generic_name) {
                    data.generic_name = $(data.element).data("generic_name");
                }
                let $selection = $(
                    `<div><div><strong>${data.text}</strong></div>
                            <div class="add_generic_name_text" style="font-size: 12px; color: #000;line-height: 1.2;margin-top: 2px;">
                                 ${data.generic_name || ''}
                            </div>
                        </div>`
                );
                return $selection;
            }
            });

            el.on('select2:select', function (e) {
                var data = e.params.data;
                let obj = $(this).parents("tr");
                obj.find(".dosage").val(data.dosage);
                obj.find(".when").val(data.when);
                obj.find(".frequency").val(data.frequency);
                obj.find(".duration").val(data.duration);
                obj.find(".notes").val(data.notes);
                obj.find(".generic_name").val(data.generic_name);
                $(".add_medicine_btn").click();
            });
        }
        function addDiagnoHtml(Obj)
        {
            // if empty diagnosis value
            let obj_index = 1;
            let d_key = 0;
           $("#diagnosis_table tbody tr").each(function() {
                var diagnosisValue = $(this).find(".diagnosis").val();
                if (!diagnosisValue) {
                    $(this).remove();
                }else{
                    obj_index++;
                    d_key++;
                }
            });

            let html = "";
            Object.entries(Obj).forEach(([key, value]) => {
                let action_btn = `<i class="nav-icon i-Remove text-20 remove_diagnosis_btn"></i>`;
                if (obj_index == Obj.length) {
                    action_btn = `<i class="nav-icon i-Add text-20 add_diagnosis_btn"></i>`;
                }

                if(value['diagnosis']){
                html += `
                    <tr d-index="`+d_key+`" r-index="`+obj_index+`">
                        <td>`+obj_index+`</td>
                        <td>
                            <input type="text" class="form-control diagnosis" id="diagnosis" name="diagnosis[`+d_key+`][diagnosis]" 
                                value="`+value['diagnosis']+`">
                        </td>
                        <td>
                            <input type="text" class="form-control diag_duration" id="diag_duration" name="diagnosis[`+d_key+`][duration]" 
                                value="`+value['duration']+`">
                        </td>
                        <td>
                            <input type="date" class="form-control diag_date" id="diag_date" name="diagnosis[`+d_key+`][date]" 
                                value="`+value['date']+`">
                        </td>
                        <td>`+action_btn+`</td>
                    </tr>`;
                    obj_index++;
                    d_key++;
                }
            });
            $("#diagnosis_table tbody").append(html);
        }

        function addMedicineHtml(Obj) {
            // if empty medicine value
             let obj_index = 1;
             let md_key = 0;
            $("#medicine_table tbody tr").each(function() {
                var medicineValue = $(this).find(".medicine").val();
                if (!medicineValue) {
                    $(this).remove();
                }else{
                    obj_index++;
                    md_key++;
                }
            });


            let html = "";
            Object.entries(Obj).forEach(([key, value]) => {
                let action_btn = `<i class="nav-icon i-Remove text-20 remove_medicine_btn"></i>`;
                if (obj_index == Obj.length) {
                    action_btn = `<i class="nav-icon i-Add text-20 add_medicine_btn"></i>`;
                }

                const { dosageHTML, dosageHTMLId } = dosageHtmlContent(key, value['dosage']);
                const { whenHTML, whenHTMLId } = medicineWhenHtmlContent(key, value['when']);
                const { frequencyHTML, frequencyHTMLId } = frequencyHtmlContent(key, value['frequency']);
                const { durationHTML, durationHTMLId } = durationHtmlContent(key, value['duration']);
                var generic_name = '';
                if (value && typeof value['generic_name'] !== 'undefined' && value['generic_name'] !== null) {
                         generic_name = value['generic_name'];
                    } else {
                        console.log('generic_name is not set');
                    }


             if(value['medicine']){
                html += `
                    <tr m-index="`+md_key+`" i-index="`+obj_index+`">
                        <td>`+obj_index+`</td>
                        <td> 
                            <select class="mySelect2 medicine" name="medicine[`+md_key+`][medicine]" style="width: 100%;min-width: 120px;">
                                <option value="`+value['medicine']+`"  data-generic_name="`+generic_name+`" selected>
                                    `+value['medicine']+`
                                </option>
                            </select>
                            <button type="button" class="btn btn-sm medicine_model_bttn" data-toggle="modal" data-target="#myModalMedicine"> <i class="i-Pen-2"></i></button>
                            <input type="hidden" class="form-control generic_name" id="generic_name" name="medicine[`+md_key+`][generic_name]" value="`+ generic_name +`">
                        </td>
                        <td>${dosageHTML}</td>
                        <td>${whenHTML}</td>
                        <td>${frequencyHTML}</td>
                        <td>${durationHTML}</td>
                        <td>
                            <input type="text" class="form-control notes" id="notes" name="medicine[`+md_key+`][notes]" value="`+value['notes']+`">
                        </td>
                        <td>`+action_btn+`</td>
                    </tr>`;
                    obj_index++;
                    md_key++;
                }
            });
            $("#medicine_table tbody").append(html);
            initSelect2($('.mySelect2'));

            
        }

        function addReferredToHtml(Obj) {
            let html = "";
            let obj_index = 1;
            Object.entries(Obj).forEach(([key, value]) => {
                let action_btn = `<i class="nav-icon i-Remove text-20 ref_to_remove_btn"></i>`;
                if (obj_index == Obj.length) {
                    action_btn = `<i class="nav-icon i-Add text-20 ref_to_add_btn"></i>`;
                }
                html += `
                    <tr index="`+key+`" speciality-id="`+value['ref_to_specialty']+`">
                        <td>
                            <div class="input-group mb-2">
                                <input type="text" class="form-control doctor_name" id="doctor_name" name="ref_to[`+key+`][doctor_name]" placeholder="Doctor Name" value="`+value['doctor_name']+`">
                                <select class="form-control ref_to_specialty" id="ref_to_specialty" name="ref_to[`+key+`][specialty]">
                                    <option value="" selected disabled hidden>Speciality</option>
                                    @if($specialty)
                                    @foreach($specialty as $s)
                                        <option value="{{$s->id}}">{{$s->name}}</option>
                                    @endforeach
                                    @endif
                                </select>
                            </div>
                        </td>
                        <td>
                            <div class="input-group mb-2">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">+91</div>
                                </div>
                                <input type="number" maxlength="10" class="form-control ref_to_phone_no" id="ref_to_phone_no" name="ref_to[`+key+`][phone_no]" placeholder="Number" value="`+value['ref_to_phone_no']+`">
                            </div>
                        </td>
                        <td>
                            <div class="input-group mb-2">
                                
                                <input type="text" class="form-control ref_to_reason" id="ref_to_reason" name="ref_to[`+key+`][ref_to_reason]" placeholder="" value="`+value['ref_to_reason']+`">
                            </div>
                        </td>
                        <td>`+action_btn+`</td>
                    </tr>
                `;
                obj_index++;
            });
            // console.log("--->",html);
            $("#ref_table_id tbody").html(html);
            $("#ref_table_id tbody tr").each(function () {
                let sp_id = $(this).attr("speciality-id");
                $(this).find(".ref_to_specialty").val(sp_id);
            })
        }
        function updateIndexes(tableId) {
                        if (tableId != 'ref_table_id') {
                            var attrName = "";
                            if (tableId == "diagnosis_table") {
                                attrName = "r-index";
                            }
                            if (tableId == "medicine_table") {
                                attrName = "i-index";
                            }
                            $("#"+tableId+" tbody tr").each(function (index) {
                                $(this).attr(attrName,index + 1);
                                $(this).find("td:first").html(index + 1);
                            });
                        }
                    }
        function saveDiagnosis()
                    {
                        let diagnosis = get_diagnosis_data();
                        let str = JSON.stringify(diagnosis);
                        saveInputData("diagnosis",str);
                    };
        function saveMedicine()
                    {
                        let medicine = get_medicine_data();
                        let str = JSON.stringify(medicine);
                        saveInputData("medicine_table",str);
                    };
        function saveTestReqts()
                    {
                        let requested_test = get_tests_requested_data();
                        let str = JSON.stringify(requested_test);
                        saveInputData("tests_requested",str);
                    }
        function saveInputData(type,str){
            $.ajax({
                url: "{{ route('visitor.add_value', ['id' => $app_id]) }}",
                type: 'POST',
                data: {
                    _token: "{{ csrf_token() }}",
                    type: type,
                    str: str,
                },
                dataType:"JSON",
                success: function (response) {
                    // console.log(response);
                },
                error: function (xhr) {
                    console.error(xhr.responseText);
                    alert('An error occurred. Please try again.');
                }
            });
        }
        function undoInputData(type){
            let url = "{{ route('visitor.undo_value', ['type' => ':type','id' => $app_id]) }}".replace(':type', type);
            $.ajax({
                url: url,  
                type: 'GET',
                dataType:"JSON",
                success: function (response) {
                    if (response.status) {
                        if (type == "diagnosis") {
                            if (response.count == 0) {
                                let iniVal = $("#diagnosis_table").data('initialValue');
                                let Obj = JSON.parse(iniVal);
                                addDiagnoHtml(Obj);
                            }else{
                                if (response[type] == "") {
                                    $("#diagnosis_table .diagnosis,#diagnosis_table .diag_duration, #diagnosis_table .diag_date").val("");
                                }else{
                                    let Obj = JSON.parse(response[type]);
                                    addDiagnoHtml(Obj);
                                }
                            }

                        }else if (type == "medicine_table") {
                            if (response.count == 0) {
                                let iniVal = $("#medicine_table").data('initialValue');
                                let Obj = JSON.parse(iniVal);
                                addMedicineHtml(Obj);
                            }else{
                                if (response[type] == "") {
                                    $("#medicine_table .medicine,#medicine_table .dosage, #medicine_table .when, #medicine_table .frequency,#medicine_table .duration, #medicine_table .notes").val("");
                                }else{
                                    let Obj = JSON.parse(response[type]);
                                    addMedicineHtml(Obj);
                                }
                            }
                        }else if (type == "systemic_examination") {
                            if (response.count == 0) {
                                $("#systemic_general,#systemic_cvs,#systemic_rs,#systemic_cns,#systemic_pa,#systemic_ent").each(function(){
                                    let iniVal = $(this).data('initialValue');
                                    $(this).val(iniVal);
                                })
                            }else{
                                if (response[type] == "") {
                                    $("#systemic_general,#systemic_cvs,#systemic_rs,#systemic_cns,#systemic_pa,#systemic_ent").val("");
                                }else{
                                    let Obj = JSON.parse(response[type]);
                                    Object.entries(Obj).forEach(([key, value]) => {
                                        $("#"+key).val(value);
                                    });
                                }
                            }
                        }else if (type == "tests_requested") {
                            if (response.count == 0) {
                                $("#tests_requested,#tests_by_when,#tests_by_specialty").each(function(){
                                    let iniVal = $(this).data('initialValue');
                                    $(this).val(iniVal);
                                })
                            }else{
                                if (response[type] == "") {
                                    $("#tests_requested,#tests_by_when,#tests_by_specialty").val("");
                                }else{
                                    let Obj = JSON.parse(response[type]);
                                    Object.entries(Obj).forEach(([key, value]) => {
                                        $("#"+key).val(value);
                                    });
                                }
                            }
                        }else{
                            if (response.count == 0) {
                                let iniVal = $("#"+type).data('initialValue')
                                console.log("make it disabled",iniVal);
                                $("#"+type).val(iniVal);
                            }else{
                                $("#"+type).val(response[type]);
                            }
                        }
                    }
                },
                error: function (xhr) {
                    // console.error(xhr.responseText);
                    alert('An error occurred. Please try again.');
                }
            });
        }
        function showTempData(field){
            let val = "";
            if (field == "diagnosis") {
                let diagnosis = get_diagnosis_data();
                val = JSON.stringify(diagnosis);
            }else if (field == "medicine_table") {
                let medicine = get_medicine_data();
                val = JSON.stringify(medicine);
            }else if (field == "tests_requested") {
                let requested_test = get_tests_requested_data();
                val = JSON.stringify(requested_test);
            }else if (field == "all_template") {
                let template_data = {};
                template_data["diagnosis"] = get_diagnosis_data();
                template_data["medicine"] = get_medicine_data();
                template_data["tests_requested"] = get_tests_requested_data();
                template_data["systemic_examination"] = get_systemic_data();

                $("#complaints,#past_history,#general_examinations,#examination,#physiotherapy_adviced,#procedure,#advice,#nv_no_of,#nv_no_date,#report, #doctor_ids").each(function () {
                        // let str = $(this).val();
                        let type = $(this).attr("id");
                        template_data[type] = $(this).val();
                });

                template_data["nv_duration"] = $("input[name=nv_duration]:checked").val();

                let vitals = {};
                $("#bp1,#bp2,#pulse,#height,#weight,#temperature,#BMI,#waist,#swelling,#gait,#list,#step_sign,#toe_walking,#heel_walking,#deformity,#tenderness,#ROM,#centralization,#peripheralization,#SLR,#cross_SLR,#nerve_sign,#FST,#FABER").each(function () {
                        // let str = $(this).val();
                        let type = $(this).attr("id");
                        vitals[type] = $(this).val();
                });
                template_data["vitals"] = vitals;

                let referred_to = [];
                $("#ref_table_id tbody tr").each(function () {
                    let arr = {};

                    arr["doctor_name"] = $(this).find(".doctor_name").val();
                    arr["ref_to_specialty"] = $(this).find(".ref_to_specialty").val();
                    arr["ref_to_phone_no"] = $(this).find(".ref_to_phone_no").val();
                    arr["ref_to_reason"] = $(this).find(".ref_to_reason").val();

                    referred_to.push(arr);
                });
                template_data["referred_to"] = referred_to;
                val = JSON.stringify(template_data);
            }else{
                val = $("#" + field).val();
            }
            if (val) {
                $("#temp_type,#temp_description,#temp_name").val("");
                $("#temp_type").val(field);
                $("#temp_description").val(val);
                $("#TempModal").modal("show");
            }else{
                alert("Value is empty!");
            }
        }
        function get_diagnosis_data()
        {
            let diagnosis = [];
            $("#diagnosis_table tbody tr").each(function () {
                let arr = {};

                arr["diagnosis"] = $(this).find(".diagnosis").val();
                arr["diag_duration"] = $(this).find(".diag_duration").val();
                arr["diag_date"] = $(this).find(".diag_date").val();

                diagnosis.push(arr);
            });

            return diagnosis;
        }
        function get_medicine_data()
        {
            let medicine = [];
            $("#medicine_table tbody tr").each(function () {
                let arr = {};

                arr["medicine"] = $(this).find(".medicine").val();
                arr["dosage"] = $(this).find(".dosage").val();
                arr["when"] = $(this).find(".when").val();
                arr["frequency"] = $(this).find(".frequency").val();
                arr["duration"] = $(this).find(".duration").val();
                arr["notes"] = $(this).find(".notes").val();
                arr["generic_name"] = $(this).find(".generic_name").val();

                medicine.push(arr);
            });

            return medicine;
        }
        function get_systemic_data()
        {
            let systemic_examination = {};

            $("#systemic_general,#systemic_cvs,#systemic_rs,#systemic_cns,#systemic_pa,#systemic_ent").each(function() {

                let index_id = $(this).attr("id");
                let index_v = $(this).val();
                systemic_examination[index_id] = index_v;

            });

            systemic_examination["mark_as_nad"] = $("#mark_as_nad").is(":checked");
            return systemic_examination;
        }
        function get_tests_requested_data()
        {
            let requested_test = {};

            $("#tests_requested,#tests_by_when,#tests_by_specialty").each(function() {

                let index_id = $(this).attr("id");
                let index_v = $(this).val();
                requested_test[index_id] = index_v;
            });

            return requested_test;
        }
        function clear_session_data() {
            $.ajax({
                url: "{{ route('visitor.clear_value', ['id' => $app_id]) }}",
                type: 'GET',
                dataType:"JSON",
                success: function (response) {
                },
                error: function (xhr) {
                    console.error(xhr.responseText);
                    alert('An error occurred. Please try again.');
                }
            });
        }
        function search_templates() {
            let temp_search_name = $("#temp_search_name").val();
            if (temp_search_name == "") {
                $(".temp_search_name").addClass("d-block").html("This field is required");
            }else{
                $(".temp_search_name").removeClass("d-block");
                let type = $("#search_type").val();
                $.ajax({
                    url: "{{ route('visitor.get_temp') }}",  
                    type: 'POST',
                    data: {
                        _token: "{{ csrf_token() }}",
                        type: type,
                        temp_search_name: temp_search_name,
                    },
                    dataType:"JSON",
                    success: function (response) {
                        let html = '';
                        if (response.status) {
                            if (response.templates) {
                                response.templates.forEach(function(item, index){
                                    let temp_json = item.description.replace(/"/g, '&quot;').replace(/'/g, '&#39;');
                                    html += `<option value='`+temp_json+`'>${item.name}</option>`;
                                })
                                $(".temp_search_option").removeClass("d-none").html(html);
                                $(".error_message").addClass("d-none");
                            }
                        }else{
                            $(".temp_search_option").addClass("d-none").html("");
                            $(".error_message").removeClass("d-none");
                        }
                    },
                    error: function (xhr) {
                        $(".temp_search_option").addClass("d-none").html("");
                        $(".error_message").removeClass("d-none");
                        // $(".temp_search_name").addClass("d-block").html(xhr.responseJSON.message);
                    }
                });
            }
        }


$(document).on("click", ".emailModel", function () {
    var email = '{{ isset($patient->email) ? $patient->email : '' }}';
    $('.send_title').text('Email');
    $('.send_data_whatsapp').html('<label for="email_address">Email</label>  <input type="email" required placeholder="Enter Email" name="email_address" id="email_address" class="form-control" value=" ' + email + '">');
    $('.btnWhatsAppHtml').html('<i class="nav-icon i-Email mr-1"></i>Send On Email');
});

$(document).on("click", ".whatsModel", function () {
    var phone = '{{ isset($patient->phone) ? $patient->phone : '' }}';
    $('.send_title').text('WhatsApp');
    $('.send_data_whatsapp').html(
            `<label for="whatsapp_number">WhatsApp Number</label>
             <input type="number" required placeholder="Enter Number" name="whatsapp_number" id="whatsapp_number" class="form-control" value="${phone}">`
        );
    $('.btnWhatsAppHtml').html('<i class="nav-icon i-Email mr-1"></i>Send On WhatsApp');
});


function whatsupmsg(event) {
    event.preventDefault();

    const form = event.target;
    const submitButton = form.querySelector('button[type="submit"]');
    submitButton.disabled = true;
    submitButton.innerText = "Sending...";

    const formData = new FormData(form);
    let route = "{{ route('sendPrescriptionData') }}";
    let whatsapp_number = $("#whatsapp_number").val(); 
    let email_address = $("#email_address").val();
    formData.append('p_id', "{{ $p_id }}");

    $.ajax({
        url: route,
        type: 'POST',
        data: Object.fromEntries(formData.entries()),
        headers: {
            'X-CSRF-TOKEN': "{{ csrf_token() }}"
        },
        success: function(response) {
            if (response.success) {
                swal({
                    title: 'Success',
                    text: response.message,
                    icon: 'success',
                    timer: 1000,
                    buttons: false,
                });
                setTimeout(() => {
                    location.reload();
                }, 1000);
            } else {
                swal(response.message);
                submitButton.disabled = false;
                submitButton.innerText = "Submit";
            }
        },
        error: function(xhr, status, error) {
            console.log("Error:", error);
            submitButton.disabled = false;
            submitButton.innerText = "Submit";
        }
    });
}





$(function() {


    // $("#complaints").autocomplete({
    //     source: function(request, response) {
    //         $.ajax({
    //             url: "{{ route('getcomplaints') }}",
    //             data: { term: request.term },
    //             success: function(data) {
    //                 response(data);
    //             }
    //         });
    //     },
    //     minLength: 3, // start search after typing 3 characters
    // });


    //  $("#past_history").autocomplete({
    //     source: function(request, response) {
    //         $.ajax({
    //             url: "{{ route('getpasthistory') }}",
    //             data: { term: request.term },
    //             success: function(data) {
    //                 response(data);
    //             }
    //         });
    //     },
    //     minLength: 3, // start search after typing 3 characters
    // });


    var $complaints = $('#complaints');

    $complaints.tagsinput({
        trimValue: true
    });

    $complaints.tagsinput('input').autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "{{ route('getcomplaints') }}",
                data: { term: request.term },
                success: function (data) {
                    response(data);
                }
            });
        },
        minLength: 2,
        select: function (event, ui) {
            $complaints.tagsinput('add', ui.item.value);
            $complaints.tagsinput('input').val(''); // clear input
            return false;
        }
    });

    var $test_req_auto = $('#tests_requested');

    $test_req_auto.tagsinput({
        trimValue: true
    });

    $test_req_auto.tagsinput('input').autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "{{ route('get_test_req_auto') }}",
                data: { term: request.term },
                success: function (data) {
                    response(data);
                }
            });
        },
        minLength: 2,
        select: function (event, ui) {
            $test_req_auto.tagsinput('add', ui.item.value);
            $test_req_auto.tagsinput('input').val(''); // clear input
            return false;
        }
    });
    


    
});



if ($("#tempSearchPopup").length === 0) {
    $("body").append(`
        <div id="tempSearchPopup" class="popup" style="position:absolute;display:none;background:#fff;border:1px solid #ccc;padding:8px;z-index:999;">
            <input type="text" id="temp_search_name" placeholder="Type to search..." style="width:200px;padding:5px;">
            <div class="temp_search_option" style="max-height:150px;overflow-y:auto;margin-top:5px;border-top:1px solid #eee;"></div>
        </div>
    `);
}

$(document).on('click', function (e) {
    const $popup = $('#tempSearchPopup');
    if (
        $popup.is(':visible') &&
        !$popup.is(e.target) &&
        $popup.has(e.target).length === 0 &&
        !$(e.target).closest('.temp_show_btn').length
    ) {
        $popup.hide();
    }
});

let currentTargetField = null;

$(document).on("click", ".temp_show_btn", function (e) {
    e.stopPropagation();
    currentTargetField = $(this).parent('span').attr("data-id");
    let html = ''; 
    let count = 0;
    var type = $(this).attr('type');  
    getTemplete(type, function(templates) {
        const existingPopup = $('#tempSearchPopup');
        if (existingPopup.length) {
            existingPopup.remove();
        }

        templates.forEach(function (template) {
           if (template.type == type && count < 15) { 
                var safeValue = template.description; 
                if (typeof safeValue === 'object') {
                    safeValue = JSON.stringify(safeValue);
                }
                safeValue = safeValue.replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/</g, '&lt;').replace(/>/g, '&gt;'); 
                var tempDelclass = 'tempDelclass_' + template.id;
                html += `<div class="search-item ${tempDelclass}" data-id="${template.id}" data-value='${safeValue}'>${template.name} <a href="javascript:void(0);" class="float-right text-danger font-weight-bold deleteTemplate" temp_id="${template.id}"> <i class="i-Close"></i></a> </div>`;
                count++;
           }
        });


       setTimeout(() => {
        $('body').append(`
            <div id="tempSearchPopup" class="popup" style="position:absolute;display:none;background:#fff;border:1px solid #ccc;padding:8px;z-index:999;">
                <input type="text" id="temp_search_name" placeholder="Type to search..." style="width:200px;padding:5px;">
                <div class="temp_search_option" style="max-height:150px;overflow-y:auto;margin-top:5px;border-top:1px solid #eee;"></div>
            </div>
        `);

        $("#search_type").val(currentTargetField);
        $("#temp_search_name").val("");
        $(".temp_search_option").html(html);

        const offset = $(e.currentTarget).offset();
        const iconWidth = $(e.currentTarget).outerWidth();
        const popupWidth = $("#tempSearchPopup").outerWidth();
 
        $("#tempSearchPopup").css({
            position: "fixed",   // important change
            top: offset.top - $(window).scrollTop() + $(e.currentTarget).outerHeight(),
            left: offset.left - $(window).scrollLeft() + (iconWidth / 2) - (popupWidth / 2)
        }).show();

        // const rect = e.currentTarget.getBoundingClientRect();
        // const iconWidth = rect.width;
        // const popupWidth = $("#tempSearchPopup").outerWidth();

        // $("#tempSearchPopup").css({
        //     position: "fixed",
        //     top: rect.bottom,  // bottom of the clicked element relative to viewport
        //     left: rect.left + (iconWidth / 2) - (popupWidth / 2)
        // }).show();


    }, 0);
    });
});

// Hide popup on window scroll
$(window).on('scroll', function () {
    $('#tempSearchPopup').remove(); 
});




// $(document).on("click", function(e) {
//     let closestDiv = $(e.target).closest("div"); // get nearest parent div

//     console.log(closestDiv);

//     if (closestDiv.hasClass("templateactionboxclass")) {
//         // do nothing
//         return;
//     }

//     // else close popup
//      let $popup = $('#tempSearchPopup');

//     if ($popup.is(':visible')) {
//         $popup.hide();
//     } else {
//         $popup.show();
//     }
// });

// $(document).on('click', 'i', function() {
//     var parentSpan = $(this).closest('span.templateactionbox');
//     // Now you can use parentSpan
//     console.log(parentSpan);
// });

// $(document).on('click', '.templateactionbox .openPopupIcon', function(e) {
//     e.stopPropagation(); // prevent triggering document click

//     let $popup = $('#tempSearchPopup');

//     if ($popup.is(':visible')) {
//         $popup.hide();
//     } else {
//         $popup.show();
//     }
// });

// $(document).on('click', function(e) {
//     if (!$(e.target).closest('#tempSearchPopup, .templateactionbox').length) {
//         $('#tempSearchPopup').hide();
//     }
// });

// Also stop propagation when clicking *inside* popup 
// (so typing or clicking inputs won’t close it)
// $(document).on('click', '#tempSearchPopup', function(e) {
//     e.stopPropagation();
// });

// t

// Search on input
$(document).on("input", "#temp_search_name", function () {
    let query = $(this).val().trim();
    let type = $("#search_type").val();

    if (query.length < 1) {
        $(".temp_search_option").html("");
        return;
    }

    $.get("{{route('getvisitersearch') }}", { type: type, query: query }, function (data) {
        let html = "";
        if (data.length) {
            data.forEach(item => {
               if (typeof item.description === "object") {
                   
                    safeValue = JSON.stringify(item.description);
                } else if (typeof item.description === "string") {
                 
                    safeValue = item.description.replace(/'/g, "&#39;");
                }

                html += `<div class="search-item" data-id="${item.id}" data-value='${safeValue}'>${item.name} <a href="javascript:void(0);" class="float-right text-danger font-weight-bold deleteTemplate" temp_id="${item.id}"> <i class="i-Close"></i></a></div>`;
            });
        } else {
            html = `<div>No results found</div>`;
        }
        $(".temp_search_option").html(html);
    });
});


$(document).on("click", ".search-item", function () {


    let desc = $(this).attr("data-value"); 

    if (desc) {
       desc = desc.replace(/&quot;/g, '"').replace(/&#39;/g, "'");
    }

    if (currentTargetField == "medicine_table") { 
        let Obj = null;
        try {
            Obj = JSON.parse(desc);   
        } catch (e) {
            console.log("Plain string, not JSON:", desc);
        }
        if (Obj) {
            addMedicineHtml(Obj);  
        } else {
            $("#" + currentTargetField).val(desc); 
        }
    }else if(currentTargetField == "tests_requested"){
        let Obj = null;
        try {
            Obj = JSON.parse(desc);  
        } catch (e) {
            console.log("Plain string, not JSON:", desc);
        }
        var $testreq = $('#tests_requested');
          $testreq.tagsinput({
                trimValue: true
            });
        if (Obj) {
          
            let Obj = JSON.parse(desc);
            Object.entries(Obj).forEach(([key, value]) => {
                if(key == 'tests_requested'){
                    $testreq.tagsinput('add', value);
                }else{
                    $("#"+key).val(value);
                }
            });
        } else {
           // $("#" + currentTargetField).val(desc); 

             //var $testreq = $('#complaints');

          
            $testreq.tagsinput('add', desc);
        }
    }else if (currentTargetField == "diagnosis") {
            let Obj = null;
            try {
                Obj = JSON.parse(desc);  
            } catch (e) {
                console.log("Plain string, not JSON:", desc);
            }

            if (Obj) {
                    addDiagnoHtml(Obj);
            }else {
                $("#" + currentTargetField).val(desc); // fallback for string
            }
    }else if(currentTargetField == "all_template") { 
         $('#complaints').tagsinput('removeAll');
         $('#tests_requested').tagsinput('removeAll');
                let Obj = null;
            try {
                Obj = JSON.parse(desc);  
            } catch (e) {
                console.log("Plain string, not JSON:", desc);
            }
            if (Obj) {
            Object.entries(Obj).forEach(([key, value]) => {   
                if (key == "diagnosis") { 
                    addDiagnoHtml(value);
                }else if(key == "complaints"){  
                    $('.complaintsInput').val(value);
                    var $complaints = $('.complaintsInput');
                    $complaints.tagsinput({
                        trimValue: true
                    });
                    $complaints.tagsinput('add', value);
                
                }else if (key == "tests_requested") { 
                       var $testreq = $('#tests_requested');
                       $testreq.tagsinput({
                            trimValue: true
                        });
                        $testreq.tagsinput('add', value.tests_requested);
                         $('#tests_by_when').val(value.tests_by_when);
                }else if (key == "medicine") {
                    addMedicineHtml(value);
                }else if (key == "systemic_examination") {
                    if (value) {
                        $(".add_systemic").addClass("d-none");
                        $(".remove_systemic, .systemic_fields").removeClass("d-none");
                        Object.entries(value).forEach(([k2, val2]) => {
                            if (k2 == "mark_as_nad") {
                                $("#"+k2).attr("checked",val2);
                            }else{
                                $("#"+k2).val(val2);
                            }
                        });
                    }else{
                        $(".remove_systemic, .systemic_fields").addClass("d-none");
                        $(".add_systemic").removeClass("d-none");
                    }
                }else if (key == "vitals") {
                    Object.entries(value).forEach(([k3, val3]) => {
                        $("#"+k3).val(val3);
                    });
                }else if (key == "referred_to") {
                    addReferredToHtml(value);
                }else{
                    if (key == "nv_duration") {
                        $("input[name='nv_duration']").prop("checked", false).parent().removeClass("active");
                        $("input[name='nv_duration'][value='"+value+"']").prop("checked", true).parent().addClass("active");
                    }else{
                        $("#" + key).val(value); 
                    }
                }

                if(key == 'doctor_ids'){
                    $("#" + key).select2();
                }

                autoResizeTextarea($("#" + key));
            });
        }else { 
            $("#" + currentTargetField).val(desc);
             autoResizeTextarea($("#" + currentTargetField));
             // fallback for string
        }
    
    }else if(currentTargetField == "complaints"){
       var $complaints = $('#complaints');
        $complaints.tagsinput({
            trimValue: true
        });
        $complaints.tagsinput('add', desc);
    }else {
         var oldValue = $("#" + currentTargetField).val();
        $("#" + currentTargetField).val(oldValue + " " + desc); 
    }

    var $el = $("#" + currentTargetField);
    if ($el.is("textarea")) {
      autoResizeTextarea($("#" + currentTargetField));
    }       

    $("#tempSearchPopup").hide();
}); 



$(document).on("click", ".medicine_model_bttn", function (e) {
    e.preventDefault();

    const $td = $(this).closest('td');
    const $infoText = $td.find('.add_generic_name_text');
    const $input = $td.find('input.generic_name');
    const isInputHidden = $input.attr('type') === 'hidden';
    $infoText.toggle(!isInputHidden);
    $input.attr('type', isInputHidden ? 'text' : 'hidden');
    const $icon = $(this).find('i');
    // $icon.toggleClass('i-Pen-2 i-Remove');
    // $(this).toggleClass('btn-primary btn-danger');
});


$(document).on("click", ".show_prev_visit", function (e) {
    e.preventDefault();
    var dateTime = $(this).attr('datetime');
    var p_id = $(this).attr('p_id');
    $.ajax({
        url: "{{ route('show_prev_visit') }}",
        type: 'POST',
        data: {
            _token: "{{ csrf_token() }}",
            dateTime: dateTime,
            p_id: p_id,
        },
        success: function(res) {
           $('.all_template_clear').click();
           if(res.success){
              var visitor_history = res.data; console.log(visitor_history)
              if (visitor_history) {
                if(visitor_history.complaints){
                    var $complaints = $('#complaints');
                    $complaints.tagsinput({
                        trimValue: true
                    });
                    $complaints.tagsinput('add', visitor_history.complaints);
                }
                if(visitor_history.tests_requested){
                    var $tests_requested = $('#tests_requested');
                    $tests_requested.tagsinput({
                        trimValue: true
                    });
                    $tests_requested.tagsinput('add', visitor_history.tests_requested);
                }

                    $('#past_history').val(visitor_history.past_history || '');
                    $('#report').val(visitor_history.report || '');
                    $('#general_examinations').val(visitor_history.general_examinations || '');
                    $('#examination').val(visitor_history.examination || '');
                    $('#tests_by_when').val(visitor_history.tests_by_when || '');
                    $('#physiotherapy_adviced').val(visitor_history.physiotherapy_adviced || '');
                    $('#procedure').val(visitor_history.procedure || '');
                    $('#advice').val(visitor_history.advice || '');

                    if (visitor_history.doctor_ids) {
                        let selectedValues = visitor_history.doctor_ids.split(',');
                        $('#doctor_ids').val(visitor_history.doctor_ids);
                        $('#doctor_ids').select2();
                    }

                    if(visitor_history.diagnosis){
                        var diagnosis = JSON.parse(visitor_history.diagnosis);
                        addDiagnoHtml(diagnosis);
                    }

                    if(visitor_history.medicine){
                        var medicine = JSON.parse(visitor_history.medicine); 
                        addMedicineHtml(medicine);
                    }
                    
                    if(visitor_history.systemic){
                        var systemic = visitor_history.systemic;
                        $('#systemic_general').val(systemic.general);
                        $('#systemic_cvs').val(systemic.CVS);
                        $('#systemic_rs').val(systemic.RS);
                        $('#systemic_cns').val(systemic.CNS);
                        $('#systemic_pa').val(systemic.PA);
                        $('#systemic_ent').val(systemic.ENT);
                        $('.systemic_fields').show();
                    }
                }
           }
        },
        error: function(xhr, status, error) {
            console.log("Error:", error);
        }
    });    
});


function generateSpecialtyOptions(selectedValue = '') {
    const specialties = @json($specialty);
    let options = '<option value="" disabled hidden>Select Specialty</option>';
    specialties.forEach(function (item) {
        const isSelected = item.id == selectedValue ? 'selected' : '';
        options += `<option value="${item.id}" ${isSelected}>${item.name}</option>`;
    });
    return options;
}



function dosageHtmlContent(index, val = '') {
  const dosageOptions = [
    "1-0-0", "1-0-1", "0-0-1", "0-1-1", "1-1-1", "0-0-0",
    "1-1-0", "0.5-0-0.5", "1-1-1-1", "2-0-2", "0-0-0.5",
    "0.5-0-0", "2-2-2", "2.5-0-2.5", "0-0.5-0", "1/2-0-1",
    "1/2-1/2-1/2", "1-0-2", "1-0-0-1", "0-1/2-0"
  ];
  const selectName = `medicine[${index}][dosage]`;
  const selectId = `dosage-${index}`;
  let dosageOptionsHTML = '';
  if (!val) {
    dosageOptionsHTML += '<option value="" disabled selected hidden>Select dosage</option>';
  } else {
    dosageOptionsHTML += '<option value="" disabled hidden>Select dosage</option>';
  }
  dosageOptions.forEach(function (optionVal) {
    const selected = (val === optionVal) ? ' selected' : '';
    dosageOptionsHTML += `<option value="${optionVal}"${selected}>${optionVal}</option>`;
  });
  const dosageHTML = `<select class="form-control dosage" name="${selectName}" id="${selectId}">
    ${dosageOptionsHTML}
  </select>`;
  return { dosageHTML: dosageHTML, dosageHTMLId: selectId };
}



function medicineWhenHtmlContent(index, val = '') {
  const whenOptions = [
    "Before Food", "After Food", "Before Breakfast", "After Breakfast",
    "Before Lunch", "After Lunch", "Before Dinner", "After Dinner",
    "Empty Stomach", "Bed Time", "SoS"
  ];

  const selectName = `medicine[${index}][when]`;
  const selectId = `when-${index}`;

  let whenOptionsHTML = '';
  if (!val) {
    whenOptionsHTML += '<option value="" disabled selected hidden>Select When</option>';
  } else {
    whenOptionsHTML += '<option value="" disabled hidden>Select When</option>';
  }

  whenOptions.forEach(function (optionVal) {
    const selected = (val === optionVal) ? ' selected' : '';
    whenOptionsHTML += `<option value="${optionVal}"${selected}>${optionVal}</option>`;
  });

  const whenHTML = `<select class="form-control when" name="${selectName}" id="${selectId}">
    ${whenOptionsHTML}
  </select>`;

  return { whenHTML: whenHTML, whenHTMLId: selectId };
}



function frequencyHtmlContent(index, val = '') {
  const frequencyOptions = [
    "daily",
    "alternate day",
    "weekly",
    "fort night",
    "monthly"
  ];
  const selectName = `medicine[${index}][frequency]`;
  const selectId = `frequency-${index}`;

  let optionsHTML = '';
  if (!val) {
    optionsHTML += '<option value="" disabled selected hidden>Select frequency</option>';
  } else {
    optionsHTML += '<option value="" disabled hidden>Select frequency</option>';
  }
  frequencyOptions.forEach(function (optionVal) {
    const selected = (val === optionVal) ? ' selected' : '';
    optionsHTML += `<option value="${optionVal}"${selected}>${optionVal}</option>`;
  });
  const frequencyHTML = `<select class="form-control frequency" name="${selectName}" id="${selectId}">
    ${optionsHTML}
  </select>`;
  return { frequencyHTML: frequencyHTML, frequencyHTMLId: selectId };
}


function durationHtmlContent(index, val = '') {
  const durationOptions = [
    "1 day",
    "1 week",
    "1 month",
    "1 year"
  ];
  const selectName = `medicine[${index}][duration]`;
  const selectId = `duration-${index}`;
  let optionsHTML = '';
  const valExists = durationOptions.includes(val);
  if (!val) {
    optionsHTML += '<option value="" disabled selected hidden>Select duration</option>';
  } else {
    optionsHTML += '<option value="" disabled hidden>Select duration</option>';
  }
  durationOptions.forEach(function (optionVal) {
    const selected = (val === optionVal) ? ' selected' : '';
    optionsHTML += `<option value="${optionVal}"${selected}>${optionVal}</option>`;
  });

  if (val && !valExists) {
    optionsHTML += `<option value="${val}" selected>${val}</option>`;
  }
  const durationHTML = `<select class="form-control duration" name="${selectName}" id="${selectId}"> ${optionsHTML} </select>`;
  return {
    durationHTML: durationHTML,
    durationHTMLId: selectId
  };
}





$(document).on("click", ".pdf_preview", function (e) {
  //  e.preventDefault();
    var route = "{{ route('sendPrescriptionData') }}";
    var patientId = $(this).data('p-id'); 
    var appId = $(this).data('app-id');  
    $.ajax({
        url: route,
        type: 'POST',
        data: {
            _token: "{{ csrf_token() }}",
            booking_id: appId,
            p_id: patientId,
            pdf_preview: 'pdf_preview',
        },
        success: function(res) {
           if(res.success){
             window.open(res.pdf_url, '_blank');
           }

        },
        error: function(xhr, status, error) {
            console.log("Error:", error);
        }
    });
});

function getVisitSuffix(number) {
    const suffixes = ['th', 'st', 'nd', 'rd', 'th', 'th', 'th', 'th', 'th', 'th'];
    const value = number % 100;
    if (value >= 11 && value <= 13) {
        return number + 'th';
    }
    return number + suffixes[number % 10];
}

$(document).ready(function () {
    const $visibleLabels = $('.visit_label').filter(function() {
        return $(this).attr('show_visit') !== 'd-none';
    });
    const total = $visibleLabels.length;
    $visibleLabels.each(function(index) {
        const visitNumber = total - index;
        const labelText = getVisitSuffix(visitNumber) + ' Visit';
        $(this).text(labelText);
    });
});



 function autoResizeTextarea($el) {
        $el.css('height', 'auto');
        $el.css('height', $el.prop('scrollHeight') + 'px');
    }

$(document).ready(function () {
   

    $('textarea').each(function () {
        if(!$(this).val()){
             $(this).css('height', 'auto');
         }else{
            autoResizeTextarea($(this));
        }
    });

    $('textarea').on('input', function () {
        autoResizeTextarea($(this));
    });
});

$(document).on("change", "select.duration", function () {
    const nameAttr = $(this).attr('name');
    const match = nameAttr.match(/medicine\[(\d+)\]\[duration\]/);
    if (match) {
        const index = match[1];
        if (!$(this).next(`input[name="duration_name[${index}]"]`).length) {
            const inputHtml = `<input type="text" class="form-control" name="duration_name[${index}]" value="${$(this).val()}" />`;
            $(this).after(inputHtml);
        } else {
            $(this).next(`input[name="duration_name[${index}]"]`).val($(this).val());
        }
        $(this).remove();
    } else {
        console.log('Index not found');
    }
});





$(document).on("click", ".deleteTemplate", function () {
    var temp_id = $(this).attr('temp_id');
    var $button = $(this);

    swal({
        title: "Are you sure?",
        text: "This will delete the template.",
        icon: "warning",
        buttons: true,
        dangerMode: true,
    }).then((willDelete) => {
        if (willDelete) {
            $.ajax({
                url: "{{route('delete_templete')}}" ,
                type: 'POST',
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    'temp_id': temp_id
                },
                success: function(response) {
                    if(response.success){
                        $('.tempDelclass_' + temp_id).remove();
                        swal({
                            text: "Template has been deleted!",
                            icon: "success",
                            buttons: false,
                            timer: 1500
                        });

                    }
                },
                error: function(xhr) {
                    swal("Error deleting template.", {
                        icon: "error",
                    });
                }
            });
        }
    });
});

function getTemplete(type, callback){
    $.ajax({
        url: "{{ route('getTemplete') }}",
        type: 'POST',
        data: {
            _token: $('meta[name="csrf-token"]').attr('content'),
            'temp_type': type
        },
        success: function(response) {
            if (callback) callback(response.templates);
        },
        error: function(xhr) {
            console.log('Something went wrong');
        }
    });
}



</script>

@endsection