@extends('admin.layouts.app')

@php $routePrefix = request()->segment(1) ? request()->segment(1) . '.' : ''; @endphp

@section('content')
    <div class="content-body">
        <div class="page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Lab Reports</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">List</a></li>
            </ol>
        </div>

        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-12">
                    <div class="card">
                        <div class="card-body p-0">
                            <div class="table-responsive active-projects style-1">
                                <div class="tbl-caption">
                                    <h4 class="heading mb-0">Lab Reports</h4>
                                    <div class="row">
                                        <div class="col-md-12">
                                            @can('report-add')
                                                <a class="btn btn-success btn-sm" href="{{ route($routePrefix . 'lab-patient-report.create') }}">
                                                    <i class="fa fa-plus"></i> Upload Report
                                                </a>    
                                            @endcan
                                            
                                            <button class="btn btn-primary btn-sm" data-bs-toggle="offcanvas" href="#form-filter" role="button" aria-controls="form-filter">
                                                <i class="fa fa-sliders"></i>
                                                <i class="fa fa-circle filter-icon"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>

                                <div class="offcanvas offcanvas-end" tabindex="-1" id="form-filter">
                                    <div class="offcanvas-header">
                                        <h5 class="modal-title">Apply Filters</h5>
                                        <button type="button" class="btn btn-danger light btn-sm" data-bs-dismiss="offcanvas" aria-label="Close">
                                            <i class="fa-solid fa-xmark"></i>
                                        </button>
                                    </div>

                                    <div class="offcanvas-body">
                                        {!! Form::open(['route' => $routePrefix . 'lab-patient-report.index', 'method' => 'get', 'id' => 'form-search']) !!}
                                        <div class="row">
                                            <div class="col-md-12 mb-3">
                                                {!! Form::label('search', __('Search by Patient Name/Code')) !!}
                                                {!! Form::text('search', request('search'), ['class' => 'form-control', 'placeholder' => 'Search patient...']) !!}
                                            </div>

                                            <div class="col-md-12 mb-3">
                                                {!! Form::label('doctor_id', __('Doctor')) !!}
                                                {!! Form::select('doctor_id', ['' => 'All Doctors'] + $doctors->pluck('name', 'id')->toArray(), request('doctor_id'), ['class' => 'form-control select2']) !!}
                                            </div>

                                             <div class="col-md-12 mb-3">
                                                {!! Form::label('report_type', __('Report Type')) !!}
                                                
                                                {!! Form::select('report_type', $reportTypesList->prepend('- Select Report Type -', ''), null, ['class' => 'form-control select2', 'data-required' => 'true']) !!}
                                                <span class="text-danger">{{ $errors->first('report_type') }}</span>
                                            </div>

                                            {{-- <div class="col-md-12 mb-3">
                                                {!! Form::label('report_type', __('Report Type')) !!}
                                                {!! Form::select('report_type', ['' => 'All Report Types'] + $reportTypes->toArray(), request('report_type'), ['class' => 'form-control']) !!}
                                            </div> --}}

                                            <div class="col-md-12 mb-3">
                                                {!! Form::label('status', __('Status')) !!}
                                                {!! Form::select('status', ['' => 'All', 1 => 'Active', 0 => 'Inactive'], request('status'), ['class' => 'form-control']) !!}
                                            </div>

                                            <div class="col-md-12 text-center">
                                                {!! Form::submit(__('Search'), ['class' => 'btn btn-primary btn-sm']) !!}
                                                <a href="{{ route($routePrefix . 'lab-patient-report.index') }}" class="btn btn-danger btn-sm">Reset</a>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>

                                {{-- <div id="report-table-container"> --}}
                                <div class="row" id="pagination" data-url="{!! $url !!}">
                                    @include('lab.lab-patient-report.pagination')
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('bottom_js')
    <script>
        function loadTableData(page = 1, sortEntity = 'created_at', sortOrder = 'DESC') {
            const searchParams = new URLSearchParams(window.location.search);
            
            $.ajax({
                url: '{{ route($routePrefix . 'lab-patient-report.index') }}',
                type: 'GET',
                data: {
                    ajax: true,
                    page: page,
                    search: searchParams.get('search') || '',
                    status: searchParams.get('status') || '',
                    doctor_id: searchParams.get('doctor_id') || '',
                    report_type: searchParams.get('report_type') || '',
                    sortEntity: sortEntity,
                    sortOrder: sortOrder
                },
                success: function(response) {
                    $('#report-table-container').html(response);
                }
            });
        }

        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();
            }
        }

        // Load data on page load
        $(document).ready(function() {
            // Don't load if we already have the table rendered
            if ($('#report-table-container table').length === 0) {
                loadTableData();
            }
        });
    </script>
@endsection