@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">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">

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

                <!--begin::Card header-->
                <div class="mt-6 card-header">

                    <!--begin::Card title-->


                    <div class="col-md-12 fv-row mb-7">
                        <div class="row">


                            <div class="col-md-3">
                                <label class="mb-2 fs-6 fw-bold form-label">
                                    <span>From Date</span>

                                </label>
                                <!--end::Label-->
                                <!--begin::Input-->
                                <input type="date" class="form-control form-control-solid"
                                       placeholder="Enter a From Date" name="start_date" wire:model.defer="start_date"/>
                                <!--end::Input-->
                                @error('start_date') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>

                            <div class="col-md-3">
                                <label class="mb-2 fs-6 fw-bold form-label">
                                    <span>To Date</span>

                                </label>
                                <!--end::Label-->
                                <!--begin::Input-->
                                <input type="date" class="form-control form-control-solid"
                                       placeholder="Enter a To Date" name="end_date" wire:model.defer="end_date"/>
                                <!--end::Input-->
                                @error('end_date') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>

                            <div class="col-md-3" wire:ignore>
                                <label class="mb-2 fs-6 fw-bold form-label">
                                    <span >Select Service</span>
                                </label>

                                <select class="form-control form-control-solid" multiple id="testdropdown"
                                        name="diagnosis_id" {{--wire:model.defer="service_id"--}} >
                                    <option value="">Select</option>
                                    @if(sizeof($diagnosis)>0)
                                    @foreach($diagnosis as $diagnos)
                                        <option value="{{$diagnos->id}}">{{$diagnos->diagnosis_name}}</option>
                                    @endforeach
                                        @endif
                                </select>
{{--                                <select multiple id="testdropdown" style="height: 200px;"--}}
{{--                                        class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default" @if($tender_status >=4) disabled @endif>--}}
{{--                                    @foreach($services as $service)--}}
{{--                                        <option value="{{$service->id}}">{{$service->service_name}}</option>--}}
{{--                                    @endforeach--}}
{{--                                </select>--}}

                                @error('service_id') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>

{{--                            <div  @if($tender_assign) class="mb-4 md:w-1/2" @else class="hidden" @endif>--}}
{{--                                <div wire:ignore>--}}
{{--                                    <label for="exampleFormControlInputfirst"--}}
{{--                                           class="form-label">Assign To</label>--}}
{{--                                    <select multiple id="testdropdown" style="height: 200px;"--}}
{{--                                            class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default" @if($tender_status >=4) disabled @endif>--}}
{{--                                        @foreach($users as $user)--}}
{{--                                            <option--}}
{{--                                                value="{{$user->id}}">{{$user->name}}--}}
{{--                                            </option>--}}
{{--                                        @endforeach--}}
{{--                                    </select>--}}
{{--                                </div>--}}
{{--                            </div>--}}

                            <div class="py-6 col-md-3">
                                <a href="javascript:void(0)" wire:click="showservicereportdetails"
                                   class="btn btn-info btn-hover-scale me-5">Show</a>
                            </div>


                        </div>
                        <!--begin::Label-->


                    </div>

                    <!--end::Card title-->

                </div>
                <!--end::Card header-->
                <!--begin::Card body-->
                @if(sizeof($reportarray)>0)



                    <div  class="pt-0 card-body" style="width:100%; min-height: 500px;">
                        <div class="row" id="billdiv">
                            <div class="p-4 col-md-9">
                                <div class="row">
                                    <div class="px-2 col-md-12">
                                        <div class="row">
                                            <div class="p-6 col-md-2">
                                                <center>
                                                    @if($orginfo)
                                                        @if($orginfo->getOrganization->logo)
                                                            <img class="mt-2" src="{{\Illuminate\Support\Facades\Storage::disk('s3')->url($orginfo->getOrganization->logo)}}"
                                                                 style="width: 80%;"/>
                                                            {{--                                                    @else--}}
                                                            {{--                                                <img class="mt-2" src="{{global_asset('assets\media\logos\alokmantri_logo.png')}}"--}}
                                                            {{--                                                     style="width: 80%;"/>--}}
                                                        @endif
                                                    @endif
                                                </center>
                                            </div>

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

                                        </div>
                                    </div>
                                    <div class="text-center col-md-12">
                                        <h4 class=" fw-bolder" style="font-size: 16px;">Collection Report
                                            : @if(strtotime($start_date) == strtotime($end_date)) {{Carbon\Carbon::parse($start_date)->format('d F, Y')}} @else
                                                From {{Carbon\Carbon::parse($start_date)->format('d F, Y')}}
                                                To {{Carbon\Carbon::parse($end_date)->format('d F, Y')}} @endif</h4>
                                    </div>
                                    <div class="col-md-12">
                                        <table class="table p-6 table-bordered" id="kt_table" style="font-family: arial, sans-serif; border-collapse: collapse; width: 100%;">
                                            <!--begin::Table head-->
                                            <thead class="bg-light-success">
                                            <!--begin::Table row-->
                                            <tr class="text-gray-400 text-start fw-bolder fs-8 text-uppercase gs-0">
                                                <th class="p-2 text-black min-w-20px fs-9">Serial No.</th>
                                                <th class="p-2 text-black min-w-150px fs-9">Activity Details</th>
                                                <th class="p-2 text-black min-w-150px fs-9">Patient Name & Age</th>
                                                <th class="p-2 text-black min-w-150px fs-9">Date</th>
                                                @if(\Illuminate\Support\Facades\Auth::user()->hasRole('admin') || \Illuminate\Support\Facades\Auth::user()->hasRole('doctors'))
                                                <th class="p-2 text-black min-w-100px text-end fs-9">Dr. Disc(INR)</th>
                                                <th class="p-2 text-black min-w-100px text-end fs-9">Amount(INR)</th>
                                                @endif

                                            </tr>
                                            <!--end::Table row-->
                                            </thead>
                                            <!--end::Table head-->
                                            <tbody class="text-black fs-8">
                                            @if(sizeof($reportarray)>0)

                                                @foreach($reportarray as $key => $report)

                                                    <tr>
                                                        <td class="p-2 text-start">

                                                            <div>{{$key+1}}</div>
                                                        </td>
                                                        <td class="p-2 text-start">
                                                            <div>{{$report['diagnosis_name']}} </div>
                                                        </td>
                                                        <td class="p-2 text-start">
                                                            <div>
                                                                {{$report['patient_name']}} (Age : {{$report['age']}})<br/>
                                                                @if($report['city_name'] != null || $report['area_name'] != null) ( @if($report['city_name'] != null){{ $report['city_name'] }}, @endif @if($report['area_name'] != null) {{ $report['area_name'] }} @endif ) @endif
                                                            </div>
                                                        </td>
                                                        <td class="p-2 text-start">
                                                            <div>{{\Carbon\Carbon::parse($report['created_at'])->format('d-m-Y h:i A')}} </div>
                                                        </td>
                                                        @if(\Illuminate\Support\Facades\Auth::user()->hasRole('admin') || \Illuminate\Support\Facades\Auth::user()->hasRole('doctors'))
                                                        <td class="p-2 text-end">
                                                            <div class="w-full text-end">

                                                            <span class="text-end">

                                           ₹ {{number_format((float)$report['dr_disc_amount'], 2, '.', '')}}</span>
                                                            </div>
                                                        </td>

                                                        <td class="p-2 text-end">
                                                            <div class="w-full text-end">

                                                            <span class="text-end">
                                                                ₹ {{number_format((float)$report['amount'], 2, '.', '')}}</span>
                                                            </div>
                                                        </td>
                                                        @endif

                                                    </tr>
                                                @endforeach
                                            @else

                                                <tr>
                                                    <td class="p-2 text-center">
                                                        <span class="text-danger">No Data Available</span>
                                                    </td>
                                                </tr>


                                            @endif


                                            </tbody>
                                            @if(\Illuminate\Support\Facades\Auth::user()->hasRole('admin') || \Illuminate\Support\Facades\Auth::user()->hasRole('doctors'))
                                            <tfoot class=" text-dark fs-6">
                                            <tr>
                                                <td colspan="5" class="text-end">
                                                    Sub-Total Amount
                                                </td>
                                                <td class="p-2 text-right text-black fs-6">

                                                    ₹  {{number_format((float)$subtotal_amount, 2, '.', '')}}
                                                </td>

                                            </tr>
                                            <tr class="fw-boldest">
                                                <td colspan="5" class="text-end">
                                                    Total Patient Count
                                                </td>
                                                <td class="p-2 text-right text-black fs-6">{{$patient_count}}</td>

                                            </tr>
                                            <tr>
                                                <td colspan="5" class="text-end">
                                                    Total Dr Discount Applied
                                                </td>
                                                <td class="p-2 text-right text-black fs-6">
                                                    ₹ {{number_format((float)$total_dr_discount, 2, '.', '')}}
                                                </td>

                                            </tr><tr>
                                                <td colspan="5" class="text-end">
                                                    Total Discount Applied
                                                </td>
                                                <td class="p-2 text-right text-black fs-6">
                                                    ₹ {{number_format((float)$total_discount, 2, '.', '')}}
                                                </td>

                                            </tr>


                                            <tr class="fw-boldest">
                                                <td colspan="5" class="text-end ">
                                                    Fee Collection Total Amount
                                                </td>
                                                <td class="p-2 text-right text-black fs-6">
                                                    ₹ {{number_format((float)($net_amount), 2, '.', '')}}
                                                </td>

                                            </tr>
                                            </tfoot>
                                            @endif
                                        </table>
                                    </div>
                                </div>
                            </div>

                        </div>


                    </div>





                    <div class="mb-5 col-md-12">
                        <div class="text-center pt-15">

                            <button type="button" onclick="printDiv('billdiv','001')" class="btn btn-info">
                                <span class="indicator-label">Print</span>
                                <span class="indicator-progress">Please wait...
														<span
                                                            class="align-middle spinner-border spinner-border-sm ms-2"></span></span>
                            </button>


                        </div>
                    </div>
                    <!--end::Card body-->

                @else
                    <div  class="pt-0 card-body">
                        <div class="text-center col-md-12">
                            <h1 class="fs-2 text-danger">No Data Available</h1>
                        </div>
                    </div>

                @endif

            </div>
            <!--end::Card-->


        </div>

        <!--end::Container-->
    </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>

         function printDiv(divName,dino) {
             document.title=dino;
             var printContents = document.getElementById(divName).innerHTML;
             var originalContents = document.body.innerHTML;

             document.body.innerHTML = printContents;

             window.print();

             document.body.innerHTML = originalContents;
         }
     </script>--}}


    <script>


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

        /* $("#mfg_date").flatpickr({
             altInput: true,
             altFormat: "d-m-Y",
             dateFormat: "Y-m-d",
         });
         $("#expiry_date").flatpickr({
             altInput: true,
             altFormat: "Y-m-d",
             dateFormat: "Y-m-d",
         });*/
        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();
        });

        $(document).ready(function () {
            $('#testdropdown').select2();
            $('#testdropdown').on('change', function () {
                let data = $(this).val();
            @this.diagnosis_id = data;
            });
        });
        // window.addEventListener('setUser', event=>{
        //     var data=event.detail.users;
        //     $('#testdropdown').select2({
        //         data: data
        //     });
        // });
        // window.addEventListener('loadUser', event=>{
        //     $('#testdropdown').select2();
        // });
        // window.addEventListener('reloadPage', event=>{
        //     location.reload();
        // });

    </script>
@endsection