@extends('admin.layouts.app')

@section('top_css')
    <link href="{{ asset('admins/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet">
@endsection

@section('content')

    <div class="content-body">
        <!-- row -->
        <div class="page-titles">
            <ol class="breadcrumb">
                <li>
                    <h5 class="bc-title">Lab Dashboard</h5>
                </li>
            </ol>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12 wid-100">
                    <div class="row">
                        <!-- Total Patients Card -->
                        <div class="col-xl-3 col-sm-6 same-card">
                            <div class="card">
                                <div class="card-body depostit-card">
                                    <div class="depostit-card-media d-flex justify-content-between style-1">
                                        <div>
                                            <h6>Total Patients</h6>
                                            <h3>{{ $totalPatients }}</h3>
                                        </div>
                                        <div class="icon-box bg-primary-light">
                                            <i class="fa fa-users" style="font-size: 24px; color: #007bff;"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Total Reports Card -->
                        <div class="col-xl-3 col-sm-6 same-card">
                            <div class="card">
                                <div class="card-body depostit-card">
                                    <div class="depostit-card-media d-flex justify-content-between style-1">
                                        <div>
                                            <h6>Total Reports</h6>
                                            <h3>{{ $totalReports }}</h3>
                                        </div>
                                        <div class="icon-box bg-success-light">
                                            <i class="fa fa-file-pdf-o" style="font-size: 24px; color: #28a745;"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Pending Reports Card -->
                        <div class="col-xl-3 col-sm-6 same-card">
                            <div class="card">
                                <div class="card-body depostit-card">
                                    <div class="depostit-card-media d-flex justify-content-between style-1">
                                        <div>
                                            <h6>Pending Reports</h6>
                                            <h3>{{ $pendingReports }}</h3>
                                        </div>
                                        <div class="icon-box bg-warning-light">
                                            <i class="fa fa-clock-o" style="font-size: 24px; color: #ffc107;"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Recent Reports Card -->
                        <div class="col-xl-3 col-sm-6 same-card">
                            <div class="card">
                                <div class="card-body depostit-card">
                                    <div class="depostit-card-media d-flex justify-content-between style-1">
                                        <div>
                                            <h6>Recent Reports</h6>
                                            <h3>{{ $recentReports->count() }}</h3>
                                        </div>
                                        <div class="icon-box bg-info-light">
                                            <i class="fa fa-refresh" style="font-size: 24px; color: #17a2b8;"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Recent Reports Table -->
                    <div class="row mt-4">
                        <div class="col-xl-12">
                            <div class="card">
                                <div class="card-header border-0 pb-2">
                                    <h4 class="card-title">Recent Lab Reports</h4>
                                    <a href="{{ route('lab.lab-patient-report.create') }}" class="btn btn-success btn-sm float-end">
                                        <i class="fa fa-plus"></i> Upload New Report
                                    </a>
                                </div>
                                <div class="card-body p-0">
                                    <div class="table-responsive">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr class="table-header">
                                                    <th class="w-5">S.No.</th>
                                                    <th class="w-20">Patient Name</th>
                                                    <th class="w-20">Report Name</th>
                                                    <th class="w-15">Test Date</th>
                                                    <th class="w-15">Status</th>
                                                    <th class="w-15">Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                             
                                                @forelse($recentReports as $key => $report)
                                              
                                                    <tr>
                                                        <td class="w-5">{{ $key + 1 }}</td>
                                                        <td class="w-20">
                                                            {{ $report->patient->name ?? 'N/A' }}
                                                            <small class="d-block text-muted">{{ $report->patient->patient_code ?? '' }}</small>
                                                        </td>
                                                        <td class="w-20">{{ $report->report_name }}</td>
                                                        <td class="w-15">{{ date('d-M-Y', strtotime($report->test_date)) }}</td>
                                                        <td class="w-15">
                                                            @if($report->status == 1)
                                                                <span class="badge badge-success">Active</span>
                                                            @else
                                                                <span class="badge badge-danger">Inactive</span>
                                                            @endif
                                                        </td>
                                                        <td class="w-15">
                                                            <a href="{{ route('lab.lab-patient-report.show', $report->id) }}" class="btn btn-primary btn-sm" title="View">
                                                                <i class="fa fa-eye"></i>
                                                            </a>
                                                            <a href="{{ route('lab.lab-patient-report.edit', $report->id) }}" class="btn btn-warning btn-sm" title="Edit">
                                                                <i class="fa fa-pencil"></i>
                                                            </a>
                                                            <button type="button" class="btn btn-danger btn-sm" onclick="deleteRecord('{{ route('lab.lab-patient-report.destroy', $report->id) }}')" title="Delete">
                                                                <i class="fa fa-trash"></i>
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @empty
                                                    
                                                    <tr>
                                                        <td colspan="6" class="text-center py-4">No lab reports found</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('bottom_js')
    <script src="{{ asset('admins/vendor/bootstrap-datetimepicker/js/moment.min.js') }}"></script>
    <script src="{{ asset('admins/vendor/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js') }}"></script>
    <script>
        function deleteRecord(url) {
            if (confirm('Are you sure you want to delete this report?')) {
                const form = document.createElement('form');
                form.method = 'POST';
                form.action = url;
                form.innerHTML = '<input type="hidden" name="_method" value="DELETE">' +
                    '<input type="hidden" name="_token" value="{{ csrf_token() }}">';
                document.body.appendChild(form);
                form.submit();
            }
        }
    </script>
@endsection