@extends('layout')
@section('content')
@php
$UserType = Session::get('UserType');
@endphp
<input type="hidden" id="UserType" value="{{$UserType}}">
@if(!isOpticalUserType($UserType))
<div class="container-fluid flex-grow-1 container-p-y"
    style="background-image: url({{url('dashboard.jpg')}});width: 1300px;">

    <div class="modal fade" id="modal-report" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" style="max-width: 70rem; ">
            <div class="modal-content">


                <div class="modal-header">
                    <h5 class="modal-title">Today Appointment</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="table-responsive" id="custresult">

                </div>
                </div>
            </div>
        </div>
    </div>

</div>
@else
<div class="container-fluid flex-grow-1 container-p-y p-0">
@include('optical.optical-dashboard', ['opticalStats' => $opticalStats])
</div>
@endif

@endsection
<script src="{{url('assets/js/jquery-3.6.0.min.js')}}"></script>
<script type="text/javascript">
function checkAppointment() {
    $.ajax({
        url: "{{ url('checkAppointment') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}'
        },
        success: function(data) {
           // console.log(data);
           if(data == 0){
            $('#modal-report').modal("hide"); 
           }
           else{
            $('#custresult').html(data);
            
            
           }
           
        }
    });
}
$(document).ready(function() {
    var UserType = $('#UserType').val();
    if(UserType == 'Consultant' || UserType == 'Admin' || UserType == 'Adreceptionmin'){
        // Performance: defer appointment AJAX so dashboard paints first
        setTimeout(function() {
            $('#modal-report').modal("show");
            checkAppointment();
        }, 400);
    }
    
});
</script>