@if($get_next_appt_data)
    
        <ul>
            <input type="hidden" name="appointment_id" id="appointment_id" value="{{ $get_next_appt_data['appointment_id']}}">
            <input type="hidden" name="loc_salon_id" id="loc_salon_id" value="{{ $get_next_appt_data['salon_id']}}">
            <li><span>Date:</span><strong>{{ date('M j, Y',strtotime($get_next_appt_data['appt_date'])) }}</strong></li>
            <li><span>Time:</span><strong>{{ date('h:i A',strtotime($get_next_appt_data['start_time'])) }}</strong></li>
            <li><span>Services:</span><strong>{{$get_next_appt_data['service_name']}}</strong></li>
            <li><span>Provider:</span><strong>{{ $get_next_appt_data['staff_name'] }}</strong></li>
            <li><span>Studio:</span><strong>{{ $salon['salon_name'] }}</strong>
            </li>
            <li><span>Phone:</span><strong>{{ formatPhoneNumber($client->phone) }}</strong></li>
        </ul>
        @if($salon['show_cancel_appt']==1)
        <div class="text-start">

            <button onclick="cancel_appt();" {{$hoursDifference <= 24?"disabled":""}} id="cancel_btn" class="btn  {{$hoursDifference <= 24?"btn-secondary":"btn-info"}} py-1 line-height-1 w-100">Cancel</button>

        </div>
        @endif
        <div class="invalid-feedback" id="error_cancel" style="display: block;"></div>
        <div class="alert alert-success" id="error_cancel_success" style="display: none;"></div>
    </div>
    @else
    
     <p>No Appointment found</p>
   
    @endif