@extends('layouts.app')

@section('content')
<style>
div.dataTables_wrapper div.dataTables_filter {
    position: absolute;
    right: 140px;
    top: 15px;
}

@media (max-width: 575px){
	div.dataTables_wrapper div.dataTables_filter {
    position: absolute;
    right: 10px;
    top: 5px;
}
}
</style>
<div class="container-fluid default-dashboard"> 
            
            <div class="page-body pt-4">
            <div class="row">
             
             
             <div class="col-xl-4 proorders-xl-1">
               <a href="{{ route('home') }}#lists">
                 <div class="card ">
                   <div class="card-body selling-card alert alert-success mb-0">
                     <div class="row">
                       <div class="col-12">
                         <div class="sale-card ">
                           <h2 class="text-white text-center">Enrolled Doctors ({{ $enrolldoctorcount }})</h2>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </a>
             </div>
             
             <div class="col-xl-4 proorders-xl-1">
               <a href="{{ route('admin.ViewPredictions') }}">
                 <div class="card ">
                   <div class="card-body selling-card alert alert-warning mb-0">
                     <div class="row">
                       <div class="col-12">
                         <div class="sale-card ">
                           <h2 class="text-black text-center">View Predictions</h2>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 </a>
             </div>
             
             <div class="col-xl-4 proorders-xl-1">
             <a href="{{ route('admin.ViewWeekly') }}">
                 <div class="card ">
                   <div class="card-body selling-card alert alert-secondary mb-0">
                     <div class="row">
                       <div class="col-12">
                         <div class="sale-card ">
                           <h2 class="text-black text-center">View weekly</h2>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 </a>
             </div>
            
             
           </div>
         @if(session('success'))
    <div class="alert alert-success dark alert-dismissible fade show border-left-wrapper" role="alert">
        <p class="txt-light">{{ session('success') }}</p>
		<button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
@endif
         <div class="row" id="lists">
           <div class="col-sm-12">
                   <div class="card">
                     <div class="card-header pb-0 card-no-border d-flex justify-content-between align-items-center">
    
    <h4 class="mb-0">Enrolled Doctors</h4>
    
    <a href="{{ route('add.doctor') }}" class="btn btn-primary btn-sm">
        <i class="fa fa-plus"></i> Add Doctor
    </a>

</div>
                     <div class="card-body">
                       <div class="table-responsive custom-scrollbar">
                         <table class="display" id="basic-1">
                           <thead>
                             <tr>
                               <th>Doctor Name</th>
                               <th>VCS Code</th>
                               <th>Mobile No.</th>
                               <th>Speciality</th>
                               <th>HQ</th>
                               <th>Action</th>
                             </tr>
                           </thead>
                           <tbody>
                           @foreach($enrolldoctors as $doctor)
                                <tr>
                                    <td>{{ $doctor->doctorname }}</td>
                                    <td>{{ $doctor->vcscode }}</td>
                                    <td>{{ $doctor->mobileno }}</td>
                                    <td>{{ $doctor->speciality }}</td>
                                    <td>{{ $doctor->hq }}</td>
                                    
                                    <td>
    <a href="{{ route('edit.doctor', $doctor->id) }}" class="btn btn-sm btn-primary"><i class="fa fa-pencil"></i></a>
    <!--<button type="button" class="btn btn-sm btn-danger delete-btn" data-id="{{ $doctor->id }}">
        <i class="fa fa-trash"></i>
    </button>

    <form id="delete-form-{{ $doctor->id }}" action="{{ route('delete.doctor', $doctor->id) }}" method="POST" style="display:none;">
        @csrf
        @method('DELETE')
    </form></a>-->
                                    </td>
                                    
                                </tr>
                                @endforeach
                             
                           </tbody>
                         </table>
                       </div>
                     </div>
                   </div>
                 </div>
                 
           
           
         
                 
               </div>
             </div>
             <!-- Container-fluid Ends-->
           </div>
@endsection
@section('footer')
<!--<script>
    setInterval(function() {
        location.reload();
    }, 60000); 
</script>-->
<script>
document.addEventListener("DOMContentLoaded", function() {
    document.querySelectorAll(".delete-btn").forEach(button => {
        button.addEventListener("click", function() {
            let doctorId = this.getAttribute("data-id");
            Swal.fire({
                title: "Are you sure?",
                text: "You won't be able to revert this!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#d33",
                cancelButtonColor: "#3085d6",
                confirmButtonText: "Yes, delete it!"
            }).then((result) => {
                if (result.isConfirmed) {
                    document.getElementById("delete-form-" + doctorId).submit();
                }
            });
        });
    });
});
</script>

@endsection