@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"> Doctor List 
                    </h4>
                </div>
                <div class="text-end d-flex">
                    <!-- dropdown-->                 

                    <a href="{{route('doctor.add')}}" class="btn btn-primary ms-2 fs-13 btn-md"><i class="ti ti-plus me-1"></i>New Doctor</a>
                    <button type="button" class="btn btn-secondary ms-2 fs-13 btn-md" data-bs-toggle="offcanvas" data-bs-target="#add_bulk_doctor" aria-controls="add_bulk_doctor">
                        <i class="ti ti-upload me-1"></i>
                        Bulk Upload
                    </button>
                </div>
            </div>
            <!-- End Page Header -->

        @php
        function formatGrowth($growth) {
            $percentage = $growth['percentage'] ?? 0;
            $trend = $growth['trend'] ?? 'up';

            // Cap extreme values
            if ($percentage > 999) {
                $display = '999%+';
            } else {
                $display = round($percentage) . '%';
            }

            return [
                'display' => $display,
                'badgeClass' => $trend === 'up' ? 'bg-success' : 'bg-danger'
            ];
        }

        $totalDoctorGrowth = formatGrowth($doctor_graph_data['doctorGrowth']);
        $totalActiveGrowth = formatGrowth($doctor_graph_data['activeGrowth']);
        $totalInactiveGrowth = formatGrowth($doctor_graph_data['inactiveGrowth']);
        $totalVerifiedGrowth = formatGrowth($doctor_graph_data['verifiedGrowth']);
        @endphp
            <!-- Doctor Summary Cards -->
                <div class="row">
                    <!-- Total Doctors -->
                    <div class="col-xl-3 col-md-6">
                        <div class="position-relative border card rounded-2 shadow-sm">
                            <img src="{{ asset('admin/assets/img/bg/bg-01.svg')}}" alt="img" class="position-absolute start-0 top-0" />
                            <div class="card-body">
                                <div class="d-flex align-items-center mb-2 justify-content-between">
                                    <span class="avatar bg-primary rounded-circle"><i
                                            class="ti ti-stethoscope fs-24"></i></span>
                                    <div class="text-end">
                                        <span
                                            class="badge px-2 py-1 fs-12 fw-medium d-inline-flex mb-1 {{ $totalDoctorGrowth['badgeClass'] }}">{{ $totalDoctorGrowth['display'] }}</span>
                                        <p class="fs-13 mb-0">vs last month</p>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <div>
                                        <p class="mb-1">Total Doctors</p>
                                        <h3 class="fw-bold mb-0">{{ $doctor_graph_data['totalDoctors'] }}</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /Total Doctors -->

                    <!-- Total Verified -->
                    <div class="col-xl-3 col-md-6">
                        <div class="position-relative border card rounded-2 shadow-sm">
                            <img src="{{ asset('admin/assets/img/bg/bg-02.svg')}}" alt="img" class="position-absolute start-0 top-0" />
                            <div class="card-body">
                                <div class="d-flex align-items-center mb-2 justify-content-between">
                                    <span class="avatar bg-success rounded-circle"><i
                                            class="ti ti-user-check fs-24"></i></span>
                                    <div class="text-end">
                                        <span
                                            class="badge px-2 py-1 fs-12 fw-medium d-inline-flex mb-1 {{ $totalVerifiedGrowth['badgeClass'] }}"> {{ $totalVerifiedGrowth['display'] }}</span>
                                        <p class="fs-13 mb-0">vs last month</p>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <div>
                                        <p class="mb-1">Total Verified</p>
                                        <h3 class="fw-bold mb-0">{{ $doctor_graph_data['totalVerified'] }}</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /Total Verified -->

                    <!-- Total Active -->
                    <div class="col-xl-3 col-md-6">
                        <div class="position-relative border card rounded-2 shadow-sm">
                            <img src="{{ asset('admin/assets/img/bg/bg-03.svg') }}" alt="img" class="position-absolute start-0 top-0" />
                            <div class="card-body">
                                <div class="d-flex align-items-center mb-2 justify-content-between">
                                    <span class="avatar bg-info rounded-circle"><i
                                            class="ti ti-activity fs-24"></i></span>
                                    <div class="text-end">
                                        <span
                                            class="badge px-2 py-1 fs-12 fw-medium d-inline-flex mb-1 {{ $totalActiveGrowth['badgeClass'] }}">{{ $totalActiveGrowth['display'] }}</span>
                                        <p class="fs-13 mb-0">vs last month</p>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <div>
                                        <p class="mb-1">Total Active</p>
                                        <h3 class="fw-bold mb-0"> {{ $doctor_graph_data['totalActive'] }}</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /Total Active -->

                    <!-- Total Inactive -->
                    <div class="col-xl-3 col-md-6">
                        <div class="position-relative border card rounded-2 shadow-sm">
                            <img src="{{ asset('admin/assets/img/bg/bg-01.svg')}}" alt="img" class="position-absolute start-0 top-0" />
                            <div class="card-body">
                                <div class="d-flex align-items-center mb-2 justify-content-between">
                                    <span class="avatar bg-warning rounded-circle"><i
                                            class="ti ti-user-off fs-24"></i></span>
                                    <div class="text-end">
                                        <span
                                            class="badge px-2 py-1 fs-12 fw-medium d-inline-flex mb-1 {{ $totalInactiveGrowth['badgeClass'] }}">{{ $totalInactiveGrowth['display'] }}</span>
                                        <p class="fs-13 mb-0">vs last month</p>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <div>
                                        <p class="mb-1">Total Inactive</p>
                                        <h3 class="fw-bold mb-0">{{ $doctor_graph_data['totalInactive'] }}</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /Total Inactive -->
                </div>

    <div class="card shadow-sm">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Doctors Management</h5>
            <form method="GET" class="d-flex gap-2" style="width: 1000px;">
                <input type="search" name="search" class="form-control form-control-sm" placeholder="Search doctors..." value="{{ $search ?? '' }}">
                <select name="status" class="form-select form-select-sm select2" style="max-width: 150px;">
                    <option value="all" {{ ($status ?? 'all') === 'all' ? 'selected' : '' }}>All Status</option>
                    <option value="active" {{ ($status ?? 'all') === 'active' ? 'selected' : '' }}>Active</option>
                    <option value="inactive" {{ ($status ?? 'all') === 'inactive' ? 'selected' : '' }}>Inactive</option>
                    <option value="pending" {{ ($status ?? 'all') === 'pending' ? 'selected' : '' }}>Pending</option>
                </select>
                <select name="state" class="form-select form-select-sm select2" style="max-width: 150px;">
                    <option value="">Select State</option>
                    @foreach($state_list as $state)
                        <option value="{{$state->id}}" {{ ($state_id ) == $state->id ? 'selected' : '' }}>{{$state->name}}</option>
                    @endforeach
                </select>

                <select name="city" class="form-select form-select-sm select2" style="max-width: 150px;">
                    <option value="">Select City</option>
                    @foreach($city_list as $city)
                        <option value="{{$city->id}}" {{ ($city_id ) == $city->id ? 'selected' : '' }}>{{$city->name}}</option>
                    @endforeach
                </select>

                <button type="submit" class="btn btn-sm btn-outline-primary">
                    <i class="ti ti-search"></i> Filter
                </button>
                <button type="button" class="btn btn-sm btn-outline-danger" onclick="clearFilters()">
                    <i class="ti ti-x"></i> Clear
                </button>
            </form>
        </div>

  <div class="card-body p-0">
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead class="table-light">
          <tr>
            <th style="width:25px;"><input type="checkbox" id="selectAll"></th>
            <th style="width:25px;">#</th>
            <th style="min-width: 320px;width:320px">Doctor</th>
            <th style="width:220px; min-width:220px">Status</th>
            <th style="width:130px;">Performance</th>
            <th style="width:170px;">State/City</th>
            <th style="width:130px;">Fees / Earnings</th>
            <th style="width:140px;">Activity</th>
            <th class="text-end" style="width:50px;">Actions</th>
          </tr>
        </thead>
       
        @if(!empty($doctor_array))
        <tbody>
            <!-- Doctor List -->
                @php
                    $i=1;
                @endphp
                    @foreach($doctor_array as $key => $list_data)
                
                    @php
                        $totalPatients = CommonTrait::getTotalPatientsByDoctor($list_data->id);
                        $totalEarning = CommonTrait::getTotalearningByDoctor($list_data->id);
                        $doctorFees = CommonTrait::getDoctorConsultationFees($list_data->id,$list_data->clinic_id);
                        $specilitiesName = CommonTrait::getSpecilitiesName($list_data->id); 
                        $verifiedStatus = CommonTrait::getVerifyiedStatus($list_data->id);
                        $checklist = CommonTrait::getDoctorProfileChecklist($list_data->id);
                        $profileData = CommonTrait::getDoctorProfileCompletion($list_data->id);
                        $profilePercent = $profileData['percent'];
                        $checkVerification = CommonTrait::getVerificationStatus($list_data->doctor_id,$list_data->id);
                        $getCityName = CommonTrait::getCity($list_data->city_id);
                        $getStateName = CommonTrait::getState($list_data->state_id);
                        $profileUpdateRequest = DB::table('doctor_profile_update_requests')
                                ->where('doctor_user_id', $list_data->id)
                                ->whereIn('status', ['pending', 'partial'])
                                ->latest()
                                ->first();

                        $requestData = [];
                        $approvalStatus = [];

                        if ($profileUpdateRequest) {
                            $requestData = json_decode($profileUpdateRequest->request_data, true) ?? [];
                            $approvalStatus = json_decode($profileUpdateRequest->approval_status, true) ?? [];
                        }

                        $pendingFields = [];

                        foreach ($approvalStatus as $field => $status) {
                            if ($status == 'pending') {
                                $pendingFields[] = ucwords(str_replace('_', ' ', $field));
                            }else if($status == 'rejected') {
                                $pendingFields[] = ucwords(str_replace('_', ' ', $field)) . ' (Rejected)';
                            }
                        }
                    @endphp              
            <tr>
                <td><input type="checkbox" class="row-checkbox"></td>
                <td>{{$i}}</td>
                <td>
                <div class="d-flex align-items-start gap-2">
                                    <img src="{{ 
                        !empty($list_data->profile_image_url) 
                            ? $list_data->profile_image_url 
                            : ($list_data->gender === 'female' 
                                ? 'https://b2c-jivocare.s3.ap-south-1.amazonaws.com/miscellaneous/no-doctor-female.png' 
                                : 'https://b2c-jivocare.s3.ap-south-1.amazonaws.com/miscellaneous/no-doctor-male.png')
                    }}" 
                    class="rounded-circle" 
                    width="36" 
                    height="36">

                    <div>
                        <div class="fw-semibold">
                            {{$list_data->salutation}} {{$list_data->first_name}} {{$list_data->last_name}}
                            @if($list_data->recommendation_status == 1)
                                <span class="badge bg-warning badge-xs ms-1">Top Rated</span>
                            @endif
                            @if(!empty($pendingFields))
                                <div class="mt-1">
                                    <span class="badge bg-danger text-light">
                                        Update Pending Approval
                                    </span>

                                    <div class="mt-1">
                                        @foreach($pendingFields as $field)
                                            <span class="badge bg-light text-dark border me-1 mb-1">
                                                {{ $field }}
                                            </span>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                        </div>
                        <div class="specialties">
                            <span class="specialty-tag">{{$specilitiesName}}</span>
                        </div>
                        <small class="text-muted">{{$list_data->doctor_qualifications}}</small><br>
                        <small class="text-muted"><strong>Reg:</strong> {{$list_data->registration_number ?? 'N/A'}}</small><br>
                        <small class="text-muted">{{$list_data->clinic_name}}, {{$list_data->clinic_address}}, {{$list_data->state}}</small><br>
                        <small class="text-muted">{{$list_data->email}} | +91 {{$list_data->phone}}</small> <br>
                        <div class="appointment-availability available-next-week">
                            Profile Completation : {{$profilePercent}}% 
                            <i class="ti ti-info-circle text-muted ms-1" onclick="openProfileModal('{{$list_data->id}}')" style="cursor:pointer;"></i>
                            <!-- <i class="ti ti-info-circle text-muted ms-1" data-bs-toggle="modal" data-bs-target="#profileInfo_modal"></i> -->
                        </div>
                    </div>
                </div>
                </td>

                <td> 
                    <span class="badge text-white 
                        @if($list_data->status == 'active') bg-success 
                        @else bg-secondary 
                        @endif"
                        style="display:inline-block; text-align:center;">
                        {{ ucwords($list_data->status) }}
                    </span>

                    <span class="badge text-white 
                        @if($list_data->doctor_live_web_app == 'Yes') bg-success 
                        @else bg-danger 
                        @endif"
                        style=" display:inline-block; text-align:center;">
                        @if($list_data->doctor_live_web_app == 'Yes')
                            Live on Web App
                        @else
                            Web App Not Active
                        @endif
                    </span>

                    <span class="badge text-white 
                        @if($verifiedStatus == 'Docs Verified') bg-success 
                        @else bg-warning 
                        @endif"
                        style="display:inline-block; text-align:center;">
                        {{ $verifiedStatus }}
                    </span>


                    <span class="badge text-white 
                        @if($list_data->CMS_access == 'Yes') bg-primary 
                        @else bg-secondary 
                        @endif"
                        style="display:inline-block; text-align:center;">
                        @if($list_data->CMS_access == 'Yes')
                            CMS Enabled
                        @else
                            No CMS
                        @endif
                    </span>

                    <span class="badge text-white 
                        @if($checkVerification->final_verification_status == 'approved') bg-success 
                        @else bg-danger 
                        @endif"
                        style="display:inline-block; text-align:center;">
                        
                        @if($checkVerification->final_verification_status == 'approved')
                            Verified
                        @else
                            Verification Pending
                        @endif
                    </span>
                </td>

                <td>
                <small>Patients: <strong>{{ $totalPatients > 0 ? '(' . number_format($totalPatients) . ')' : 0 }}</strong></small><br>
                <small>Rating: ⭐ {{ number_format($list_data->avg_rating ?? 0, 1) }} {{$list_data->total_reviews > 0 ? '(' . number_format($list_data->total_reviews) . ')' : '' }} </small><br>
                <small>Exp: {{$list_data->years_of_experience}} years </small>
                </td>

                <td>
                    <small><i class="ti ti-map-pin"></i> State :  {{ $getStateName }}</small><br>
                    <small><i class="ti ti-map-pin"></i> City : {{ $getCityName }}</small>
                </td>

                <td>
                    <small><i class="ti ti-video text-success"></i> Video: ₹{{ number_format($doctorFees['online']) }}</small><br>
                    <small><i class="ti ti-building-hospital text-muted"></i> Clinic: ₹{{ number_format($doctorFees['clinic']) }}</small><br>
                    <small>Total Earned: <strong>₹{{ \App\Helpers\CommonHealper::formatIndianCurrency($totalEarning ?? 0) }}</strong></small>
                </td>

                <td>
                <small>Registered: {{$list_data->registered_date}}</small><br>
                <small>Last Login: {{$list_data->last_login_at ?? 'N/A'}}</small><br>
                </td>

                <td class="text-end">
                    <div class="dropdown">
                            <button class="btn btn-sm btn-light" data-bs-toggle="dropdown">
                            <i class="ti ti-dots-vertical"></i>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-end">
                                <li><a class="dropdown-item" href="