@extends('layouts.admin')
@section('title', 'Quotation | Mintavia Admin')

@section('content')
<style>
    .dt-buttons{
        display: none;
    }
</style>
    <div class="row">
        <div class="col-12">
            <x-admin-notify></x-admin-notify>
            <div class="card card-primary">
                <div class="card-header d-flex align-items-center">
                    <h3 class="card-title"> Quotation List</h3>
                    <div class="ml-auto">
                        <a href="{{route('admin.sale.order-new')}}">
                            <button class="btn btn-sm btn-block btn-flat btn-light rounded-0 shadow "><i class="fa fa-plus"></i> </button>
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <form id="dataTableSearchForm">
                        <div class="row">
                            <div class="col-2">
                                <input type="date" name="from_date" class="search-query form-control"
                                    placeholder="From Date" />
                            </div>
                            <div class="col-2">
                                <input type="date" name="to_date" class="search-query form-control"
                                    placeholder="To Date" />
                            </div>
                            <div class="col-2">
                                <input type="text" name="account_id" class="search-query form-control"
                                    placeholder="Account Name" />
                            </div>
                            <div class="col-2">
                                <input type="text" name="mobile" class="search-query form-control"
                                    placeholder="Mobile" />
                            </div>
                            <div class="col-2">
                                <input type="text" name="bill_no" class="search-query form-control"
                                    placeholder="Bill No" />
                            </div>
                            <div class="col-2 d-flex align-items-center">
                                <label class="me-2">Terms:</label>
                                <div class="form-check me-2">
                                    <input class="form-check-input search-query" type="checkbox" name="terms[]"
                                        value="1">
                                    <label class="form-check-label" for="terms_cash">Cash</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input search-query" type="checkbox" name="terms[]"
                                        value="2">
                                    <label class="form-check-label" for="terms_credit">Credit</label>
                                </div>
                            </div>
                        </div>
                    </form>
                        {!! $dataTable->table() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('plugins.Toastr', true)

@section('js')
    {{$dataTable->scripts()}}
    <script>
        let typingTimer;
        const doneTypingInterval = 300;

        function filterDataTable(dataTableId) {
            if (window.LaravelDataTables && LaravelDataTables[dataTableId]) {
                LaravelDataTables[dataTableId].draw();
            }
        }
        $(document).on('change', 'input[name="terms[]"]', function() {
            filterDataTable('purchase-table');
        });
        $(document).on('input', '.search-query', function() {
            clearTimeout(typingTimer);
            typingTimer = setTimeout(function() {
                filterDataTable('purchase-table');
            }, doneTypingInterval);
            
        });

        $(document).on('input', '.search-query', function() {
            clearTimeout(typingTimer);
            typingTimer = setTimeout(function() {
                filterDataTable('purchase-table');
            }, doneTypingInterval);
        });
    </script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    @if (session('invoice_saved') && session('invoice_id'))
        <script>
            $(document).ready(function() {
                Swal.fire({
                    title: 'Do you want to print the invoice?',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonText: 'Yes',
                    cancelButtonText: 'No',
                }).then((result) => {
                    if (result.isConfirmed) {
                        showInvoiceOptions();
                    }
                });
            });

            function showInvoiceOptions() {
                Swal.fire({
                    title: 'Select Invoice Type',
                    html: `
                            <select id="invoiceType" class="swal2-select" style="width: 100%; padding: 8px; font-size: 16px;">
                                <option value="invoice">Tax Invoice</option>
                                <option value="composite">Composite Invoice</option>
                            </select>
                            <div style="margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;">
                                <button onclick="handleAction('preview')" class="swal2-confirm swal2-styled">👁️ Preview</button>
                                <button onclick="handleAction('print')" class="swal2-confirm swal2-styled">🖨️ Print</button>
                                <button onclick="handleAction('email')" class="swal2-confirm swal2-styled">📧 Email</button>
                                <button onclick="handleAction('whatsapp')" class="swal2-confirm swal2-styled">🟢 WhatsApp</button>
                                <button onclick="handleAction('excel')" class="swal2-confirm swal2-styled">📊 Excel</button>
                            </div>`,
                    showConfirmButton: false,
                    showCancelButton: true,
                    cancelButtonText: "Close"
                });
            }

            function handleAction(action) {
                const invoiceType = $('#invoiceType').val();
                const invoiceId = "{{ session('invoice_id', 39) }}";

                let AjaxDtata = {
                    "action": action,
                    "invoice_type": invoiceType,
                    "invoice_id": invoiceId,
                    "email": ""
                }

                if (action === 'email') {
                    handleEmailAction(action, AjaxDtata);

                } else if (action === 'preview') {
                    CallActionAjax(AjaxDtata);
                } else if (action === 'preview') {
                    CallActionAjax(AjaxDtata);
                } else if (action === 'print') {
                    CallActionAjax(AjaxDtata);
                } else if (action === 'whatsapp') {
                    handleWhatsAppAction(AjaxDtata);
                } else if (action === 'excel') {
                    handleExcelAction(AjaxDtata);
                } else {
                    CallActionAjax(AjaxDtata);
                }

                let baseUrl = '';
            }

            function handleExcelAction(AjaxDtata) {
                let  excelUrl = '{{ route('admin.sale.order-invoiceExcelExport') }}';
                excelUrl = excelUrl+"?invoice_id=" + AjaxDtata.invoice_id + "&invoice_type=" + AjaxDtata.invoice_type;
                window.open(excelUrl, '_blank');
            }

            function handleWhatsAppAction(AjaxDtata) {
                Swal.fire({
                    title: 'WhatsApp Number Missing',
                    text: 'Enter number to send invoice via WhatsApp',
                    input: 'text',
                    inputLabel: 'Enter WhatsApp Number',
                    inputPlaceholder: 'e.g. 91XXXXXXXXXX',
                    showCancelButton: true,
                    confirmButtonText: 'Send',
                    cancelButtonText: 'Cancel',
                    inputValidator: (value) => {
                        if (!value || value.length < 10) {
                            return 'Please enter a valid number';
                        }
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        let number = result.value.replace(/\D/g, '');
                        if (number.length === 10) {
                            number = '91' + number;
                        }
                        AjaxDtata['number'] = number;
                        CallActionAjax(AjaxDtata);
                    }
                });
            }

            function handleEmailAction(action, AjaxDtata) {
                const customerEmail = @json(optional(optional(session('invoice_sale'))->customerDetails)->gmail_address);

                AjaxDtata['email'] = customerEmail;
                if (!customerEmail) {
                    Swal.fire({
                        title: 'Enter Email Address',
                        input: 'email',
                        inputLabel: 'Customer Email',
                        inputPlaceholder: 'example@gmail.com',
                        showCancelButton: true,
                        confirmButtonText: 'Send Email',
                    }).then((result) => {
                        if (result.isConfirmed && result.value) {
                            AjaxDtata['email'] = result.value;
                            CallActionAjax(AjaxDtata);
                        }
                    });
                } else {
                    CallActionAjax(AjaxDtata);
                }



            }

            function CallActionAjax(data) {
                $.ajax({
                    url: "{{ route('admin.sale.order-sendEmail') }}",
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    type: "POST",
                    data: data,
                    success: function(response) {
                        if (response.status === 'success') {
                            if (data.action === 'preview' || data.action === 'print') {
                                Swal.fire({
                                    title: 'Success',
                                    text: response.message,
                                    icon: 'success',
                                    confirmButtonText: 'OK',
                                    didClose: () => {
                                        window.open(response.data.invoice_url, '_blank');
                                    }
                                });
                            } else if (data.action === 'email') {
                                Swal.fire({
                                    title: 'Success',
                                    text: response.message,
                                    icon: 'success',
                                    confirmButtonText: 'OK'
                                });
                            } else if (data.action === 'whatsapp') {
                                Swal.fire({
                                    title: 'Success',
                                    text: response.message,
                                    icon: 'success',
                                    confirmButtonText: 'OK',
                                    didClose: () => {
                                        window.open(response.data.whatsapp_url, '_blank');
                                    }
                                });
                            } else {
                                Swal.fire({
                                    title: 'Success',
                                    text: response.message,
                                    icon: 'success',
                                    confirmButtonText: 'OK'
                                });
                            }
                        } else {
                            Swal.fire({
                                title: 'Error',
                                text: response.message,
                                icon: 'error',
                                confirmButtonText: 'OK'
                            });
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        alert(errorThrown);
                    }
                });

            }
        </script>
    @endif
@endsection