@extends('layouts.app')
@section('title', 'Invoices')
@section('content')
    <div class="container-fluid mt-5 pt-1">
        <div class="row pr-2 pl-2 pt-2 pb-0">
            <div class="col-lg-12 col-md-12 col-xl-12 col-sm-12">
                <h6>Settings - Invoices</h6>
                <div class="card">
                    <div class="card-body pt-0">
                        <table id="users_table" class="table table-bordered nowrap table-striped mb-0 mt-2"
                            style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                            <thead>
                                <tr>
                                    <th>Sl.No</th>
                                    <th>Client</th>
                                    <th>Year</th>
                                    <th>Month</th>
                                    <th>Loans</th>
                                    <th>Total Amount</th>
                                    <th>Invoice No</th>
                                    <th>Invoice</th>
                                    <th>Created By</th>
                                    <th>Created On</th>
                                </tr>
                            </thead>
                            <tbody>
                                                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('page_css')
    <style>
        .dataTables_filter .form-control {
            padding: 8px !important;
            border-radius: 5px !important;
            height: 10px !important;
        }

        div.dt-buttons {
            float: right !important;
            margin-top: -1px;
            margin-left: 11px;
        }

        .form-control,
        .form-select {
            font-size: 13px !important;
            border-radius: 5px !important;
            height: auto;
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            padding-right: 8px !important;
            padding-left: 8px !important;
        }

        .parsley-required,
        .parsley-custom-error-message {
            color: red;
            font-size: 12px;
            margin-top: 4px;
            list-style-type: none;
            margin-left: -25px;
        }

        .parsley-length,
        .parsley-type {
            color: red;
            font-size: 12px;
            margin-top: 4px;
            list-style-type: none;
            margin-left: -25px;
        }

        .modal-header {
            background: #57B492;
        }

        .modal-title {
            color: white;
        }

        .dataTables_length .form-select {
            width: 45% !important;
        }

        .form-switch.form-switch-sm .form-check-input {
            height: 1.25rem;
            width: calc(1.25rem + 1rem);
            border-radius: 2rem;
        }
    </style>
@endsection

@section('page_script')
<script>
    $('#users_table').DataTable({
        scrollX: true,
        dom: '<"mt-2"<"row"<"col-md-6"l><"col-md-6"<B><"float-end"f>>><"mb-1"<t>><"row"<"col"i><"col"p>>>',
        buttons: [],
    });
    function viewinvoicedoc(docid) {
        $.ajax({
            type: 'POST',
            url: "{{ route('viewinvoice') }}",
            data: {
                "_token": "{{ csrf_token() }}",
                "docid": docid
            },
            success: function(data) {
                if (data.pdfUrl) {
                    window.open(data.pdfUrl, '_blank');
                } else if (data.error) {
                    Swal.fire({
                        position: 'middle',
                        icon: 'error',
                        title: data.error,
                        showConfirmButton: false,
                        timer: 2000
                    });
                    setTimeout(function() {
                        location.reload(); 
                    }, 2000);
                }
            },
            error: function(xhr) {
                Swal.fire({
                    position: 'middle',
                    icon: 'error',
                    title: 'Failed to load invoice. Please try again later.',
                    showConfirmButton: false,
                    timer: 2000
                });
            }
        });
    }

    function viewloans(lenid, month, year, invId)
    {
        let url = "{{ route('getloans') }}";
        url += `?lenid=${lenid}&month=${month}&year=${year}&invId=${invId}`;

        // Open in new tab
        window.open(url, '_blank');
    }

</script>
@endsection