@section('externalcss')
    <style>
        table,
        th,
        td {
            /* border: 1px solid black !important; */
            border-collapse: collapse;
        }
    </style>
@endsection

@if (\Illuminate\Support\Facades\Auth::user()->isAbleTo('reports-read'))

    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <div id="kt_content_container" class="container-fluid">

            <div class="card card-flush mt-5" style="box-shadow: 0px 5px 5px #1a1a1a;">

                <div class="card-header mt-6">

                    <div class="col-md-12 fv-row mb-7">
                        <div class="row">
                            <div class="col-md-4" style="padding-left: 2em">
                                <label class="fs-6 fw-bold form-label mb-2">
                                    <span>From Date</span>
                                </label>
                                <input type="date" class="form-control form-control-solid" placeholder="Enter a From Date"
                                    name="start_date" wire:model.defer="start_date" id="from-date-input" />
                            </div>


                            <div class="col-md-4">
                                <label class="fs-6 fw-bold form-label mb-2">
                                    <span>To Date</span>
                                </label>
                                <input type="date" class="form-control form-control-solid" placeholder="Enter a To Date"
                                    name="end_date" wire:model.defer="end_date" id="to-date-input" />
                            </div>
                            <div class="col-md-4" ></div>
                            <br><br>
                            <div class="col-md-3 fv-row mb-6">
                                <label class="fs-6 fw-bold form-label mb-2">
                                    <span class="">State</span>
                                </label>
                                <select class="form-control form-control-solid custominput" name="state_id" wire:model="state_id">
                                    <option value="">Select State</option>
                                    @foreach ($states as $state)
                                        <option value="{{ $state->id }}">{{ $state->state_name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-3 fv-row mb-6">
                                <label class="fs-6 fw-bold form-label mb-2">
                                    <span class="">District</span>
                                </label>
                                <select class="form-control form-control-solid custominput" name="district_id" wire:model="district_id">
                                    <option value="">Select District</option>
                                    @foreach ($districts as $district)
                                        <option value="{{ $district->id }}">{{ $district->district_name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-3 fv-row mb-6">
                                <label class="fs-6 fw-bold form-label mb-2">
                                    <span class="">Diagnosis</span>
                                </label>
                                <input class="form-control form-control-solid" placeholder="Enter Diagnosis" name="diagnosis"
                                    wire:model.defer="diagnosis" list="diagnosis" autocomplete="off" />
                                <datalist id="diagnosis">
                                    @foreach ($diagnosises as $diagnosis)
                                        <option wire:key="diagnosis-{{ $diagnosis['id'] }}"
                                            value="{{ $diagnosis['diagnosis_name'] }}">
                                    @endforeach
                                </datalist>
                            </div>

                            <div class="col-md-1 py-8" style="padding-left: 1em">
                                <a href="#" wire:click="show" class="btn btn-info btn-hover-scale me-5">Show</a>
                            </div>

                            <div class="col-md-1 py-8 float-right">
                                <a href="#" class="btn btn-danger btn-hover-scale me-5"  wire:click="downloadPDF" >Download</a>
                                {{-- <a href="#" class="btn btn-danger btn-hover-scale me-5" @if($status==1) wire:click="downloadPDF"  @else disabled>Download</a> --}}
                            </div>

                            <div class="col-md-12 px-2">
                                <div class="row">
                                    {{--<div class="col-md-2 p-6">
                                        <center>
                                            @if($orginfo)
                                                @if($orginfo->getOrganization->logo)
                                                    <img class="mt-2" src="{{\Illuminate\Support\Facades\Storage::url($orginfo->getOrganization->logo)}}"
                                                         style="width: 80%;"/>
                                                @endif
                                            @endif
                                        </center>
                                    </div>--}}

                                        <center>
                                            <div class="col-md-8 pt-8 fw-bold text-center" style="color: darkgreen; width: 70%;">
                                                @if($orginfo)
                                                    <span class="fw-bolder" style="font-size: 20px;">{{$orginfo->unit_name}}</span><br/>
                                                    <span class="fs-5">{{$orginfo->address}}, {{$orginfo->city}}, {{$orginfo->state}}, {{$orginfo->country}} - {{$orginfo->pincode}} </span>
                                                @endif
                                            </div>
                                        </center>

                                </div>
                            </div>
                            <div class="row">

                                <table
                                    class="table align-middle table-row-bordered text-center rounded-circle fs-8 gy-5 mb-0"
                                    id="kt_table">
                                    <thead>
                                        <tr class="text-center text-gray-400 fw-bolder fs-8 text-uppercase gs-0">
                                            <th class="text-black">Serial No.</th>
                                            <th class="text-black">State </th>
                                            <th class="text-black">District </th>
                                            <th class="text-black">Patient Name</th>
                                            <th class="text-black">Disease</th>
                                            <th class="text-black">Mobile No.</th>
                                            <th class="text-black">Email</th>
                                        </tr>
                                    </thead>
                                    <tbody class="fw-bold fs-8 text-dark-600">
                                        @if (sizeof($diagnosis_report) > 0)
                                            @foreach ($diagnosis_report as $key=>$row)
                                                <tr>
                                                    <td class="fs-7">{{ $key+1 }}</td>
                                                    <td class="fs-7 ">{{ $row['state'] }}</td>
                                                    <td class="fs-7">{{ $row['district'] }}</td>
                                                    <td class="fs-7">{{ $row['patient_name'] }}</td>
                                                    <td class="fs-7">{{ $row['disease'] }}</td>
                                                    <td class="fs-7">{{ $row['phone_no'] }}</td>
                                                    <td class="fs-7">{{ $row['email_id'] }}</td>

                                                </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <td colspan="6" class="text-center fs-2 text-danger">No Data
                                                    Available</td>
                                            </tr>
                                        @endif
                                    </tbody>

                                </table>

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

            </div>
        </div>
    </div>
@else
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">
            <div class="card card-flush">
                <div class="card-body">
                    <h1 class=" text-center text-bold" style="font-size: 25px; font-weight: bold; color: red;">Sorry
                        !!!
                        Unauthorized
                        Access</h1>
                </div>
            </div>
        </div>
    </div>
@endif

@section('externaljs')

    <script>
        $("#invoice_date").flatpickr({
            maxDate: "today"
        });

        function popupmodal() {
            Swal.fire({
                text: "Are you sure you would like to close?",
                icon: "warning",
                showCancelButton: !0,
                buttonsStyling: !1,
                confirmButtonText: "Yes, close it!",
                cancelButtonText: "No, return",
                customClass: {
                    confirmButton: "btn btn-info",
                    cancelButton: "btn btn-active-light"
                }
            }).then((function(result) {

                if (result.isConfirmed) {
                    closemodal();
                } else if (
                    /* Read more about handling dismissals below */
                    result.dismiss === Swal.DismissReason.cancel
                ) {
                    swalWithBootstrapButtons.fire(
                        'Cancelled',
                        'Your imaginary file is safe :)',
                        'error'
                    )
                }


            }))
        }

        function showsuccessmsg($msg) {
            Swal.fire({
                text: $msg,
                icon: "success",
                buttonsStyling: false,
                confirmButtonText: "Ok, got it!",
                customClass: {
                    confirmButton: "btn btn-success"
                }
            });
        }

        function showerrorsmsg($msg) {
            Swal.fire({
                text: $msg,
                icon: "error",
                buttonsStyling: false,
                confirmButtonText: "Ok, got it!",
                customClass: {
                    confirmButton: "btn btn-danger"
                }
            });
        }

        function closemodal() {
            $('.modal').modal('hide');
        }

        window.addEventListener('closemodal', event => {
            closemodal();
        });

        window.addEventListener('showsuccessmsg', event => {
            if (event.detail.type == "success") {
                showsuccessmsg(event.detail.message);
            } else {
                showerrorsmsg(event.detail.message);
            }
            //showsuccessmsg();
        });
    </script>
@endsection