@extends('Admin.layout')

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">

        <div class="d-flex justify-content-between align-items-center mb-4">

            <div>

                <h4 class="fw-bold mb-1">
                    Bill Report
                </h4>

            </div>


            <a href="{{ route('billing') }}" class="btn btn-primary">

                <i class="icon-base ti tabler-plus me-1"></i>

                Create Bill

            </a>

        </div>


        <div class="card">

            <div class="table-responsive">

                <table id="billReportTable" class="table table-hover">

                    <thead>

                        <tr>

                            <th>S.No</th>

                            <th>Bill No</th>

                            <th>Customer</th>

                            <th>Phone</th>

                            <th>Total</th>

                            <th>Payment</th>

                            <th>Date</th>

                            <th>Action</th>

                        </tr>

                    </thead>

                </table>

            </div>

        </div>

    </div>


    <script>
        document.addEventListener('DOMContentLoaded', function() {

            $('#billReportTable').DataTable({

                processing: true,

                serverSide: true,

                ajax: "{{ route('bill_report_data') }}",

                pageLength: 10,

                lengthMenu: [10, 25, 50, 100],

                language: {
                    lengthMenu: "_MENU_",

                    search: "",

                    searchPlaceholder: "Search..."
                },

                columnDefs: [{
                    targets: '_all',
                    className: 'text-nowrap'
                }],

                columns: [

                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        orderable: false,
                        searchable: false
                    },

                    {
                        data: 'bill_no',
                        name: 'bill_no'
                    },

                    {
                        data: 'customer_name',
                        name: 'customer_name'
                    },

                    {
                        data: 'phone_no',
                        name: 'phone_no'
                    },

                    {
                        data: 'total',
                        name: 'total'
                    },

                    {
                        data: 'payment_status',
                        name: 'payment_status',
                        orderable: false
                    },

                    {
                        data: 'created_at',
                        name: 'created_at'
                    },

                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    }

                ]


            });

        });
        document.addEventListener('click', async function(event) {

            const button = event.target.closest('.share-bill-btn');

            if (!button) {
                return;
            }

            const billId = button.dataset.billId;
            const billNo = button.dataset.billNo;
            const customer = button.dataset.customer;
            const total = button.dataset.total;
            const pdfUrl = button.dataset.pdfUrl;

            try {

                button.disabled = true;

                const icon = button.querySelector('i');

                if (icon) {
                    icon.className = 'icon-base ti tabler-loader';
                }

                /*
                |--------------------------------------------------------------------------
                | Get PDF
                |--------------------------------------------------------------------------
                */

                const response = await fetch(pdfUrl, {
                    method: 'GET',
                    credentials: 'same-origin'
                });

                if (!response.ok) {

                    throw new Error(
                        'Unable to generate bill PDF.'
                    );
                }

                const blob = await response.blob();

                /*
                |--------------------------------------------------------------------------
                | Create PDF File
                |--------------------------------------------------------------------------
                */

                const pdfFile = new File(
                    [blob],
                    billNo + '.pdf', {
                        type: 'application/pdf'
                    }
                );

                /*
                |--------------------------------------------------------------------------
                | WhatsApp Message
                |--------------------------------------------------------------------------
                */

                const message =
                    '🧾 *INVOICE DETAILS*\n\n' +

                    'Hello *' + customer + '*,\n' +

                    'Thank you for your business with JS Speaker!\n\n' +

                    '📄 *Bill No:* ' + billNo + '\n' +

                    '💰 *Total Amount:* ₹' + total + '\n\n' +

                    'Please find your invoice PDF attached.\n\n' +

                    'Thank you!';

                /*
                |--------------------------------------------------------------------------
                | Check Native Share Support
                |--------------------------------------------------------------------------
                */

                if (
                    navigator.share &&
                    navigator.canShare &&
                    navigator.canShare({
                        files: [pdfFile]
                    })
                ) {

                    await navigator.share({

                        title: 'Invoice ' + billNo,

                        text: message,

                        files: [pdfFile]

                    });

                } else {

                    /*
                    |--------------------------------------------------------------------------
                    | Browser does not support PDF sharing
                    |--------------------------------------------------------------------------
                    */

                    const downloadUrl =
                        URL.createObjectURL(blob);

                    const link =
                        document.createElement('a');

                    link.href = downloadUrl;

                    link.download =
                        billNo + '.pdf';

                    document.body.appendChild(link);

                    link.click();

                    link.remove();

                    URL.revokeObjectURL(downloadUrl);

                    alert(
                        'PDF sharing is not supported in this browser. The bill PDF has been downloaded. You can attach it manually in WhatsApp.'
                    );
                }

            } catch (error) {

                console.error(
                    'Bill sharing failed:',
                    error
                );

                /*
                |--------------------------------------------------------------------------
                | User cancelled share
                |--------------------------------------------------------------------------
                */

                if (
                    error.name !== 'AbortError'
                ) {

                    alert(
                        'Unable to share the bill. Please try again.'
                    );
                }

            } finally {

                button.disabled = false;

                const icon =
                    button.querySelector('i');

                if (icon) {

                    icon.className =
                        'icon-base ti tabler-brand-whatsapp';

                }

            }

        });
    </script>
@endsection