@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="card card-flush mt-5" style="box-shadow: 0px 5px 5px #1a1a1a;">

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

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


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


                            <div class="col-md-3">
                                <label class="fs-6 fw-bold form-label mb-2">
                                    <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="fs-6 fw-bold form-label mb-2">
                                    <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 py-6">
                                <a href="javascript:void(0)" wire:click="show"
                                   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($datatables)>0)



                    <div  class="card-body  pt-0" style="width:100%; min-height: 500px;">
                        <div class="row" id="billdiv">
                            <div class="col-md-9 p-4">
                                <div class="row">
                                    <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::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="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">@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="col-md-12  text-center">
                                        <h4 class=" fw-bolder " style="font-size: 16px;">Transaction 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 table-bordered p-6" 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-start text-gray-400 fw-bolder fs-8 text-uppercase gs-0">
                                                <th class="min-w-20px text-black p-2 fs-9 text-center">Serial No.</th>
                                                <th class="min-w-150px text-black p-2 fs-9">Regd. No.</th>
                                                <th class="min-w-30px text-black text-start p-2 fs-9">Patient name</th>
                                                <th class="min-w-50px text-black text-end p-2 fs-9">Paid amount</th>
                                                <th class="min-w-30px text-black text-center p-2 fs-9">Mode of payment</th>

                                            </tr>
                                            <!--end::Table row-->
                                            </thead>
                                            <!--end::Table head-->
                                            <tbody class="text-black fs-8 p-0">
                                            @if(sizeof($datatables)>0)
                                                                                                @foreach($datatables as $key => $report)
                                                                                                        <tr style="padding:0px;">
                                                        <td class="text-center p-0">

                                                            <span>{{$key+1}}</span>
                                                        </td>
                                                        <td class="text-start p-0 px-1 py-0">
                                                            <span>{{$report['reg_no']}} </span>
                                                        </td>
                                                        <td class="text-start p-0 px-1 py-0">
                                                            <span
                                                                class="text-start">{{$report['patient_name']}}</span>
                                                        </td>
                                                        <td class="text-end p-0 px-1 py-0">
                                                            <span>₹{{$report['paid_amount']}}</span>
                                                        </td>
                                                        <td class="text-center p-1">

                                                            @if(sizeof($report['mode_of_payment'])>0)
                                                                <table class="table table-sm border-0 p-0" style="margin-bottom: 1px;">
                                                                    <thead>
                                                                    <tr style="border:#000 solid 1px;border-bottom: #000 solid 1px !important;">
                                                                        @foreach($report['mode_of_payment'] as $payment_mode)
                                                                            @foreach($payment_mode as $key=>$val)
                                                                                @if($key == 'cash')
                                                                                <th class="p-0">Cash</th>
                                                                                @elseif($key == 'debit_card')
                                                                                <th class="p-0">Debit Card</th>
                                                                                @elseif($key == 'credit_card')
                                                                                <th class="p-0">Credit Card</th>
                                                                                @elseif($key == 'upi')
                                                                                    <th class="p-0">UPI</th>
                                                                                @endif
                                                                            @endforeach
                                                                        @endforeach
                                                                    </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                    <tr style="border:#000 solid 1px;border-bottom: #000 solid 1px !important;">
                                                                        @foreach($report['mode_of_payment'] as $payment_mode)
                                                                            @foreach($payment_mode as $key=>$val)
                                                                                <td class="p-0">₹ {{number_format((float)$val, 2, '.', '')}}</td>
                                                                            @endforeach
                                                                        @endforeach
                                                                    </tr>
                                                                    </tbody>

                                                                </table>
                                                            @endif

                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else

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


                                            @endif


                                            </tbody>
                                            <tfoot class=" text-dark fs-6">
                                            @if($total_cash>0)
                                            <tr>
                                                <td colspan="4" class="text-end">
                                                    Total Cash
                                                </td>
                                                <td class="text-black text-right p-2 fs-6">

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

                                            </tr>
                                            @endif
                                            @if($total_debitcard_amt>0)
                                            <tr>
                                                <td colspan="4" class="text-end">
                                                    Total Debit Card
                                                </td>
                                                <td class="  text-right p-2 fs-6">₹  {{number_format((float)$total_debitcard_amt, 2, '.', '')}}</td>

                                            </tr>
                                            @endif
                                            @if($total_creditcard_amt>0)
                                            <tr>
                                                <td colspan="4" class="text-end">
                                                    Total Credit Card
                                                </td>
                                                <td class=" text-black text-right p-2 fs-6">
                                                    ₹ {{number_format((float)$total_creditcard_amt, 2, '.', '')}}

                                                </td>

                                            </tr>
                                            @endif
                                            @if($total_upi_amt>0)
                                            <tr>
                                                <td colspan="4" class="text-end ">
                                                    Total UPI
                                                </td>
                                                <td class=" text-black text-right p-2 fs-6">
                                                    ₹ {{number_format((float)($total_upi_amt), 2, '.', '')}}
                                                </td>

                                            </tr>
                                            @endif
                                            <tr class="fw-boldest">
                                                <td colspan="4" class="text-end fs-4">
                                                    Grand Total
                                                </td>
                                                <td class=" text-black text-right p-2 fs-4">
                                                    ₹ {{number_format((float)($total_cash+$total_debitcard_amt+$total_creditcard_amt+$total_upi_amt), 2, '.', '')}}
                                                </td>

                                            </tr>

                                            </tfoot>


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

                        </div>


                    </div>





                    <div class="col-md-12 mb-5">
                        <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="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                            </button>

{{--                            <button class="btn btn-primary" onclick="downloadCsv()">--}}
{{--                                <span class="indicator-label">CSV</span>--}}
{{--                                <span class="indicator-progress">Please wait...--}}
{{--														<span--}}
{{--                                                            class="spinner-border spinner-border-sm align-middle ms-2"></span></span>--}}
{{--                            </button>--}}


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

                @else
                    <div  class="card-body  pt-0">
                        <div class="col-md-12 text-center">
                            <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();
        });

        function downloadCsv() {
            var csv = [];
            var rows = $('#kt_table tr');

            rows.each(function () {
                var row = [];
                $(this).find('th, td').each(function () {
                    var text = $(this).text().trim();
                    text = text.replace(/(\r\n|\n|\r)/gm, '').replace(/(\s\s+)/gm, ' ').trim();
                    text = text.replace(/"/g, '""');
                    row.push('"' + text + '"');
                });
                csv.push(row.join(','));
            });

            var csv_string = csv.join('\n');
            var blob = new Blob(["\ufeff" + csv_string], {type: 'text/csv;charset=utf-8;'});
            var link = document.createElement('a');
            link.href = URL.createObjectURL(blob);
            link.download = 'table.csv';
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
        }

    </script>
@endsection