@php use \App\Traits\CommonTrait @endphp
@include('admin.header')

<!-- Begin Wrapper -->
<div class="main-wrapper">

    <!-- Topbar Start -->
    @include('admin.topbar')
    <!-- Topbar End -->

    <!-- Sidenav Menu Start -->
    @include('admin.leftbar')
    <!-- Sidenav Menu End -->

    <!-- ========================
			Start Page Content
		========================= -->

    <div class="page-wrapper">

        <!-- Start Content -->
        <div class="content">

            <!-- Start Page Header -->
            <div class="d-flex align-items-sm-center flex-sm-row flex-column gap-2 mb-3 pb-3 border-bottom">
                <div class="flex-grow-1">
                    <h4 class="fw-bold mb-0"> Clinic List
                    </h4>
                </div>
                <div class="text-end d-flex">
                    <!-- dropdown-->

                    <a href="{{route('clinic.add')}}" class="btn btn-primary ms-2 fs-13 btn-md"><i class="ti ti-plus me-1"></i>New Clinic</a>

                </div>
            </div>
            <!-- End Page Header -->
            <div class="card shadow-sm">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">Clinic Management</h5>
                    <form method="GET" class="d-flex gap-2" style="width: 600px;">
                        <input type="search" name="search" class="form-control form-control-sm" placeholder="Search clinic..." value="{{ $search ?? '' }}">
                        <select name="status" class="form-select form-select-sm" style="max-width: 150px;">
                            <option value="all" {{ ($status ?? 'all') === 'all' ? 'selected' : '' }}>All Status</option>
                            <option value="1" {{ ($status ?? 'all') === '1' ? 'selected' : '' }}>Active</option>
                            <option value="0" {{ ($status ?? 'all') === '0' ? 'selected' : '' }}>Inactive</option>
                        </select>
                        <button type="submit" class="btn btn-sm btn-outline-primary">
                            <i class="ti ti-search"></i> Filter
                        </button>
                    </form>
                </div>

                <div class="table-responsive">
                    <table class="table table-nowrap align-middle">
                        <thead class="thead-light">
                            <tr>
                                <th>#</th>
                                <th style="width:220px; min-width:220px;">Clinic</th>
                                <th >Practic Type</th>
                                <th >Clinic/Hospital Type</th>
                                <th>Assign Dr.</th>
                                <th>Address</th>
                                <!-- <th>Registration</th> -->
                                <th>Timings</th>
                                <th>Status</th>
                                <th class="text-end">Actions</th>
                            </tr>
                        </thead>

                        <tbody>
                            @php $i=1; @endphp
                            @foreach($clinic_array as $list_data)
                            <tr>
                                <td>{{$i}}</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="avatar me-2">
                                            @if($list_data->clinic_logo)
                                                <img src="{{$list_data->clinic_logo}}" class="rounded-circle" width="42" height="42">
                                            @else
                                                <img src="{{ asset('admin/assets/img/clinic/2975235.png') }}" class="rounded-circle" width="42" height="42">
                                            @endif
                                            
                                        </div>
                                        <div>
                                            <h6 class="mb-1 fw-semibold"
                                                 title="{{ strip_tags($list_data->clinic_name) }}">
                                                {{$list_data->clinic_name}}
                                            </h6>
                                            <small class="text-muted" title="{{ strip_tags($list_data->clinic_email) }}">
                                                {{$list_data->clinic_email}}
                                            </small>
                                        </div>
                                    </div>
                                </td>
                                <td>{{$list_data->organization_type}}</td>
                                 <td>{{$list_data->clinic_hospital_type}}</td>
                                    @if($list_data->doctors->isNotEmpty())
                                <td class="small"> 
                                    @foreach($list_data->doctors as $doc)
                                        @php
                                            $doctorDetail = CommonTrait::getDoctordetails($doc->doctor_user_id);
                                            $clinicTiming = CommonTrait::getClinictiming($list_data->id,$doc->doctor_user_id);
                                        @endphp
                                        <div><strong>Phone:</strong> +91 {{$doctorDetail?->phone}}</div>
                                        <div><strong>Contact:</strong> Dr. {{$doctorDetail?->first_name}} {{$doctorDetail?->last_name}}</div>
                                        <div><strong>Email:</strong> {{$doctorDetail?->email}}</div> <br>
                                    @endforeach
                                </td>
                                @else
                                <td>No doctor assign</td>
                                @endif

                                <td class="text-wrap" style="max-width: 200px;">{{$list_data->address}}, {{$list_data->city}}, {{$list_data->state}}</td>
                                <!-- <td class="small">
                                    <div><strong>Reg No:</strong> REG-UP-45872</div>
                                    <div><strong>Est. No:</strong> EST-2009-DEL</div>
                                </td> -->
                                <td class="small">
                                    @if($list_data->working_days)
                                    <div class="text-muted">{{$list_data->working_days}}</div>
                                    <div>
                                        {{$list_data->timings}}
                                    </div>
                                    @else
                                    <span class="text-muted">No Schedule Available</span>
                                    @endif
                                    
                                </td>

                                <td>
                                    <a href="javascript:showhide('','TBL_CLINIC');" class="iconbut">
                                        <div id="hide">
                                                                                            <img src="{{ asset('admin/assets/images/red.png') }}" border="0" title="Click to Active" alt="">
                                            
                                        </div>
                                    </a>
                                </td>
                                <td class="text-end">
                                    <div class="d-flex justify-content-end gap-3">
                                        <a href="{{route('clinic.edit_clinic',$list_data->id)}}" class="text-primary"><i class="ti ti-edit fs-5"></i></a>
                                        <a href="#" class="text-danger" onclick="deleteClinic('{{ route('clinic.delete', $list_data->id) }}');">
                                            <i class="ti ti-trash"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>
                            @php $i++; @endphp
                            @endforeach
                        </tbody>
                    </table>
                    <div class="d-flex justify-content-end mt-3">
                        {{ $clinic_list->links('pagination::bootstrap-5') }}
                    </div>
                </div>
            </div>
            <!-- Footer Start -->
            @include('admin.footer')
            <!-- Footer End -->
        </div>
        <!-- ========================
			End Page Content
		========================= -->
    </div>
    <!-- End Wrapper -->

    <!-- Start Delete Modal  -->
    <div class="modal fade" id="deleteClinicModal" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content border-0 shadow-lg rounded-4">
                <form id="deleteClinicForm" method="POST">
                    @csrf
                    @method('DELETE')
                    <div class="modal-body text-center p-5">
                        <div class="mb-4">
                            <div class="d-inline-flex align-items-center justify-content-center rounded-circle bg-danger-subtle"
                                style="width:80px;height:80px;">
                                <i class="ti ti-trash text-danger fs-2"></i>
                            </div>
                        </div>
                        <h5 class="fw-semibold mb-2">Delete Clinic?</h5>
                        <p class="text-muted mb-4">
                            Are you sure you want to delete this clinic?
                        </p>
                        <div class="d-flex justify-content-center gap-3">
                            <button type="button" class="btn btn-light px-4"
                                data-bs-dismiss="modal">
                                Cancel
                            </button>
                            <button type="submit" class="btn btn-danger px-4"
                                id="confirmDeleteClinicBtn">
                                Yes, Delete
                            </button>
                        </div>

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

    @include('admin.scripts')
    <script>
        function deleteClinic(url) {
            document.getElementById('deleteClinicForm').action = url;
            var modal = new bootstrap.Modal(document.getElementById('deleteClinicModal'));
            modal.show();
        }
    </script>
    </body>
    </html>