@extends('template_pages.session')

@section('page_title', 'Gestão de NF')
@section('page_icon', 'file-text')
@section('navbar', 'finance.navbar')

@push('styles')
<link rel="stylesheet" href="{{ asset('assets/inspinia/plugins/choices/choices.min.css') }}">
@endpush

@section('content_page')
<div class="card-body pb-0" style="flex: none;">
    <div class="row mt-3 d-flex justify-content-center">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Mês referência: {{ ucfirst(\Carbon\Carbon::now()->subMonth()->locale('pt_BR')->isoFormat('MMMM Y')) }}</h4>
                </div>
                <div class="card-body row">
                    <div class="col-md-6 border-end border-dashed" dir="ltr">
                        <div class="d-flex h-100 flex-column">
                            <div id="chart-ring-gauge" style="min-height:300px"></div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="col">
                            <div class="col mb-2">
                                <div class="bg-primary text-bg-primary p-2 rounded-2">
                                    <h5 class="m-0"><span>NFs Recebidas:</span> <span id="top-summary-received-count">0</span></h5>
                                </div>
                            </div>
                            <div class="col">
                                <div class="bg-light text-bg-light p-2 rounded-2">
                                    <h5 class="m-0"><span>NFs Esperadas:</span> <span id="top-summary-expected-count">0</span></h5>
                                </div>
                            </div>                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="border-top border-dashed my-3"></div>
<div class="card-body pb-0" style="flex: none;">
    <div class="d-flex align-items-center gap-1">
        <i data-lucide="funnel" class="fs-4"></i>
        <h4 class="mb-0">Filtros</h4>
    </div>
    <div class="row mt-3">
        <div class="col-md-4">
            <label class="form-label">Tipo de Contrato</label>
            <select class="form-control" id="filter-contract-type" data-choices data-choices-removeItem name="filter-contract-type" multiple>
                <option value="PJ" selected>PJ</option>
                <option value="Estágio/PJ" selected>Estágio/PJ</option>
            </select>
        </div>
        <div class="col-md-4">
            <label class="form-label">Tipo de NFs</label>
            <select class="form-control" id="filter-invoice-type" data-choices data-choices-removeItem name="filter-invoice-type" multiple>
                <option value="Serviço Prestado" selected>Serviço Prestado</option>
                <option value="Prêmio" selected>Prêmio</option>
            </select>
        </div>
        <div class="col-md-4">
            <label class="form-label">Status</label>
            <select class="form-control" id="filter-status" data-choices data-choices-removeItem name="filter-status" multiple>
                <option value="Recebida">Recebida</option>
                <option value="Pendente">Pendente</option>
                <option value="Inválida">Inválida</option>
                <option value="Rejeitada">Rejeitada</option>
            </select>
        </div>
    </div>
    <div class="row mt-3">
        <div class="d-flex gap-2 col-12 col-lg-auto">
            <a href="javascript:void(0);" id="filter-apply" class="btn btn-light">Aplicar Filtros</a>
            <a href="javascript:void(0);" id="filter-clear" class="btn btn-dark">Limpar Filtros</a>
        </div>
    </div>
</div>
<div class="border-top border-dashed my-3"></div>
<div class="card-body pt-0" style="flex: none;">
    <div class="d-flex align-items-center gap-1">
        <i data-lucide="chart-column-big" class="fs-4"></i>
        <h4 class="mb-0">Resumo</h4>
    </div>
</div>

<div class="card-body pt-0 pb-0" style="flex: none;">
    <div class="row">
        <div class="col-md-3">
            <div class="card bg-success bg-opacity-10 mb-0">
                <div class="card-header d-flex border-dashed align-items-center">
                    <h5 class="card-title">NFs Recebidas</h5>
                </div>
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="avatar fs-60 avatar-img-size flex-shrink-0">
                            <span class="avatar-title text-bg-success bg-opacity-90 rounded-circle fs-32">
                                <i data-lucide="badge-check"></i>
                            </span>
                        </div>
                        <div class="text-end">
                            <h3 class="mb-2 fw-normal" id="summary-received-amount">R$ 0,00</h3>
                            <p class="mb-0 text-muted" id="summary-received-count">NFs Recebidas</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-warning bg-opacity-10 mb-0">
                <div class="card-header d-flex border-dashed align-items-center">
                    <h5 class="card-title">NFs Pendentes</h5>
                </div>
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="avatar fs-60 avatar-img-size flex-shrink-0">
                            <span class="avatar-title text-bg-warning bg-opacity-90 rounded-circle fs-32">
                                <i data-lucide="badge-alert"></i>
                            </span>
                        </div>
                        <div class="text-end">
                            <h3 class="mb-2 fw-normal" id="summary-pending-amount">R$ 0,00</h3>
                            <p class="mb-0 text-muted" id="summary-pending-count">1 NFs Pendentes</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-light bg-opacity-10 mb-0">
                <div class="card-header d-flex border-dashed align-items-center">
                    <h5 class="card-title">NFs Inválidas</h5>
                </div>
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="avatar fs-60 avatar-img-size flex-shrink-0">
                            <span class="avatar-title text-bg-dark bg-opacity-90 rounded-circle fs-32">
                                <i data-lucide="badge-dollar-sign"></i>
                            </span>
                        </div>
                        <div class="text-end">
                            <h3 class="mb-2 fw-normal" id="summary-invalid-amount">R$ 0,00</h3>
                            <p class="mb-0 text-muted" id="summary-invalid-count">0 NFs Inválidas</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-danger bg-opacity-10 mb-0">
                <div class="card-header d-flex border-dashed align-items-center">
                    <h5 class="card-title">NFs Rejeitadas</h5>
                </div>
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="avatar fs-60 avatar-img-size flex-shrink-0">
                            <span class="avatar-title text-bg-danger bg-opacity-90 rounded-circle fs-32">
                                <i data-lucide="badge-minus"></i>
                            </span>
                        </div>
                        <div class="text-end">
                            <h3 class="mb-2 fw-normal" id="summary-rejected-amount">R$ 0,00</h3>
                            <p class="mb-0 text-muted" id="summary-rejected-count">0 NFs Rejeitadas</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="border-top border-dashed my-3"></div>
<div class="card-body pt-0" style="flex: none;">
    <div class="d-flex align-items-center gap-1">
        <i data-lucide="chart-no-axes-combined" class="fs-4"></i>
        <h4 class="mb-0">Resultados</h4>
    </div>
</div>
<div class="card-body">
    <table id="invoice-ajax-table" class="table table-custom table-centered table-select table-hover w-100 mb-0">
        <thead class="bg-light align-middle bg-opacity-25 thead-sm">
            <tr class="text-uppercase fs-xxs">
                <th class="text-center" style="width: 1%;"></th>
                <th data-table-sort>Colaborador</th>
                <th data-table-sort>Tipo NF</th>
                <th data-table-sort>Nota Fiscal</th>  
                <th data-table-sort>Valor</th>
                <th data-table-sort>Valor reconhecido (IA)</th>
                <th data-table-sort>Mês Referência</th>
                <th data-table-sort>Recebimento</th>
                <th data-table-sort>Status</th>
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>
<div class="card-footer border-0">
    <div class="d-flex justify-content-between align-items-center">
        <div data-table-pagination-info=""></div>
        <div data-table-pagination></div>
    </div>
</div>
@endsection

@push('scripts')
<!-- Custom table -->
<script src="{{ asset('assets/inspinia/js/pages/custom-table.js') }}"></script>
<!-- Choices Plugin Js -->
<script src="{{ asset('assets/inspinia/plugins/choices/choices.min.js') }}"></script>
<!-- Choices Demo Js-->
<script src="{{ asset('assets/inspinia/js/pages/form-choice.js') }}"></script>
<!-- Datatables js -->
<script src="{{ asset('assets/inspinia/plugins/datatables/dataTables.min.js') }}"></script>
<script src="{{ asset('assets/inspinia/plugins/datatables/dataTables.bootstrap5.min.js') }}"></script>
<!-- E Charts js -->
<script src="{{ asset('assets/inspinia/plugins/echarts/echarts.min.js') }}"></script>
<script>
var ringChart = null;
function initRingChart() {
    if (typeof echarts === 'undefined') return;
    var el = document.getElementById('chart-ring-gauge');
    if (!el) return;

    ringChart = echarts.init(el);
    ringChart.setOption({
        tooltip: {
            show: false
        },
        series: [{
            name: 'Recebidas',
            type: 'gauge',
            radius: '100%',
            startAngle: 90,
            endAngle: -270,
            silent: true,
            pointer: { show: false },
            progress: {
                show: true,
                overlap: false,
                roundCap: true,
                clip: false,
                itemStyle: {
                    color: ins('primary'),
                    borderWidth: 1,
                    borderColor: ins('border-color')
                }
            },
            axisLine: {
                lineStyle: {
                    width: 30,
                    color: [[1, ins('light')]]
                }
            },
            splitLine: { show: false, distance: 0, length: 10 },
            axisTick: { show: false },
            axisLabel: { show: false, distance: 50 },
            data: [{
                value: 0,
                name: 'Recebidas',
                title: { offsetCenter: ['0%', '0%'] },
                detail: { offsetCenter: ['0%', '0%'] },
                itemStyle: { color: ins('primary') }
            }],
            title: { fontSize: 14 },
            detail: {
                width: 50,
                height: 14,
                fontSize: 28,
                color: ins('primary'),
                offsetCenter: ['0%', '0%'],
                formatter: '{value}%'
            }
        }]
    });
    window.addEventListener('resize', function () {
        if (ringChart) ringChart.resize();
    });
}
function updateRingChart(received, expected) {
    if (!ringChart) return;
    var r = Number(received) || 0;
    var e = Number(expected) || 0;
    var percent = e > 0 ? Math.round((r / e) * 100) : 0;
    ringChart.setOption({
        series: [{
            data: [{
                value: percent
            }]
        }]
    });
}
document.addEventListener('DOMContentLoaded', initRingChart);

var table = $('#invoice-ajax-table').DataTable({
    processing: true,
    serverSide: false,
    ajax: {
        url: "{{ route('finance.invoices.list.ajax') }}",
        type: 'POST',
        headers: {
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        },
        data: function (d) {
            d.contract_types = $('#filter-contract-type').val() || [];
            d.invoice_types = $('#filter-invoice-type').val() || [];
            d.statuses = $('#filter-status').val() || [];
        },
        dataSrc: 'data'
    },
    columns: [
        { data: 'expand', name: 'expand', orderable: false, searchable: false, className: 'text-center' },
        { data: 'collaborator', name: 'collaborator' },
        { data: 'invoice_type', name: 'invoice_type' },
        { data: 'filename', name: 'filename' },
        { data: 'value', name: 'value' },
        { data: 'value_ia', name: 'value_ia' },
        { data: 'month_range', name: 'month_range' },
        { data: 'received_at', name: 'received_at' },
        { data: 'status', name: 'status' },
        { data: 'timestamp_month_range' },
        { data: 'timestamp_received_at' }
    ],
    order: [[1, 'desc']],
    pageLength: 50,
    lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
    language: {
        url: '{{ asset('assets/inspinia/plugins/datatables/pt_br.json') }}',
        paginate: {
            first: '<i class="ti ti-chevrons-left"></i>',
            previous: '<i class="ti ti-chevron-left"></i>',
            next: '<i class="ti ti-chevron-right"></i>',
            last: '<i class="ti ti-chevrons-right"></i>'
        },
        processing: '',
    },
    columnDefs: [
        { targets: [9, 10], visible: false, searchable: false },
        { targets: 6, orderData: [9] },
        { targets: 7, orderData: [10] }
    ],
    drawCallback: function(settings) {
        if (typeof lucide !== 'undefined') {
            lucide.createIcons();
        }
    }
});

// Atualiza resumo após cada resposta AJAX
table.on('xhr.dt', function (e, settings, json, xhr) {
    var summary = json && json.summary ? json.summary : null;
    if (!summary) return;

    var totalReceived = summary.received && summary.received.count ? summary.received.count : 0;
    var totalPending = summary.pending && summary.pending.count ? summary.pending.count : 0;

    // Atualiza legendas do card superior (Recebidas/Esperadas)
    var totalExpected = (summary.expected && typeof summary.expected.count === 'number')
        ? summary.expected.count
        : (totalPending + totalReceived);
    $('#top-summary-received-count').text(totalReceived);
    $('#top-summary-expected-count').text(totalExpected);

    // Atualiza valores e contagens
    $('#summary-received-amount').text((summary.received && summary.received.amount) || 'R$ 0,00');
    $('#summary-received-count').text((totalReceived) + ' NFs Recebidas');

    $('#summary-pending-amount').text((summary.pending && summary.pending.amount) || 'R$ 0,00');
    $('#summary-pending-count').text((totalPending) + ' NFs Pendentes');

    $('#summary-invalid-amount').text((summary.invalid && summary.invalid.amount) || 'R$ 0,00');
    $('#summary-invalid-count').text(((summary.invalid && summary.invalid.count) || 0) + ' NFs Inválidas');

    $('#summary-rejected-amount').text((summary.rejected && summary.rejected.amount) || 'R$ 0,00');
    $('#summary-rejected-count').text(((summary.rejected && summary.rejected.count) || 0) + ' NFs Rejeitadas');

    updateRingChart(totalReceived, totalExpected);
});

// Aplicar filtros
$('#filter-apply').on('click', function () {
    table.ajax.reload();
});

// Limpar filtros
$('#filter-clear').on('click', function () {
    // Limpa seleção dos selects (Choices mantém a UI)
    $('#filter-contract-type').val([]).trigger('change');
    $('#filter-invoice-type').val([]).trigger('change');
    $('#filter-status').val([]).trigger('change');

    table.ajax.reload();
});

$('#invoice-ajax-table tbody').on('click', '.toggle-row', function (e) {
    e.preventDefault();

    var $btn = $(this);
    var tr = $btn.closest('tr');
    var row = table.row(tr);

    if (row.child.isShown()) {
        row.child.hide();
        tr.removeClass('shown');
        $btn.find('i').attr('data-lucide', 'plus');
    } else {
        table.rows().every(function() {
            if (this.child.isShown()) {
                this.child.hide();
                $(this.node()).removeClass('shown');
            }
        });
        $('.toggle-row i').attr('data-lucide', 'plus');

        var data = row.data();
        var invoiceId = $btn.data('id');

        $.ajax({
            url: "{{ route('finance.invoices.details.ajax') }}",
            type: 'POST',
            headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
            data: { invoice_id: invoiceId },
            success: function(response) {
                var expandedContent = createInvoiceDetailedInfoBox({
                    invoiceId: invoiceId,
                    filepath: data.filepath || response.filepath || '',
                    collaborator: data.collaborator || response.collaborator || '-',
                    invoiceType: data.invoice_type || response.invoice_type || '-',
                    filename: data.filename || response.filename || '-',
                    value: data.value || response.expected_amount || 'R$ 0,00',
                    valueIa: data.value_ia || response.received_amount || '-',
                    monthRange: data.month_range || response.reference_month || '-',
                    receivedAt: data.received_at || response.received_at || '-',
                    statusHtml: data.status || '',
                    statusKey: data.status_key || null,
                    contractType: response.contract_type || '',
                    notificationStage: response.notification_stage ?? 0,
                    notes: response.notes || '',
                    originType: (response.origin && response.origin.type) || '',
                    originReferenceDescription: (response.origin && response.origin.reference_description) || '',
                    originValue: (response.origin && response.origin.value) || ''
                });

                row.child('<div class="accordion-row" style="padding: 0; width: 100%;">' + expandedContent + '</div>').show();
                tr.addClass('shown');
                $btn.find('i').attr('data-lucide', 'minus');
                if (typeof lucide !== 'undefined') {
                    lucide.createIcons();
                }

                // Carrega o iframe da NF apenas ao abrir os detalhes
                var $childRow = $(tr).next('tr');
                $childRow.find('iframe.nf-iframe[data-src]').each(function() {
                    var $ifr = $(this);
                    if (!$ifr.attr('src')) {
                        $ifr.attr('src', $ifr.data('src'));
                    }
                });
            },
            error: function() {
                var errorContent = createInvoiceErrorBox();
                row.child('<div class="accordion-row" style="padding: 0; width: 100%;">' + errorContent + '</div>').show();
                tr.addClass('shown');
                $btn.find('i').attr('data-lucide', 'minus');
                if (typeof lucide !== 'undefined') {
                    lucide.createIcons();
                }
            }
        });
    }

    if (typeof lucide !== 'undefined') {
        lucide.createIcons();
    }
});
function createInvoiceDetailedInfoBox(options) {
    var defaults = {
        invoiceId: '',
        filename: '-',
        filepath: '',
        value: 'R$ 0,00',
        valueIa: '-',
        monthRange: '-',
        receivedAt: '-',
        statusHtml: '',
        contractType: '',
        notificationStage: 0,
        notes: '',
        originType: '',
        originReferenceDescription: '',
        originValue: ''
    };
    var s = Object.assign({}, defaults, options);

    var hasFile = s.filename && s.filename !== '-' && s.filename.toString().trim() !== '';
    var fileViewerBaseUrl = "{{ url('/file_google') }}";
    var update_nf = "{{ route('finance.invoices.upload') }}/" + s.invoiceId;
    var edit_nf = "{{ route('finance.invoices.edit') }}/" + s.invoiceId;

    var stageText = {
        0: 'Não enviado',
        1: 'Notificação enviada',
        2: 'Lembrete para envio da nota fiscal enviado',
        3: 'Aviso de prazo final para envio da nota fiscal enviado'
    }[s.notificationStage] || 'Não enviado';

    // NOVO: regras de exibição por status
    var statusKey = s.statusKey || null;
    var canForceApprove = statusKey === 'rejected' && hasFile;
    var canReject = ['rejected','received'].includes(statusKey) && hasFile;
    var canReplaceNF = ['rejected','received','cancelled'].includes(statusKey);

    var actionButtons = [];
    if (canForceApprove) {
        actionButtons.push(`<button type="button" class="btn btn-success btn-sm" id="approve_nf" data-id="${s.invoiceId}" data-name="${s.collaborator}">Forçar aprovação</button>`);
    }
    if (canReject) {
        actionButtons.push(`<button type="button" class="btn btn-danger btn-sm" id="reject_nf" data-id="${s.invoiceId}" data-name="${s.collaborator}">Rejeitar</button>`);
    }
    if (canReplaceNF) {
        actionButtons.push(`<a href="${update_nf}" class="btn btn-dark btn-sm">Substituir NF</a>`);
    }
    var buttonsHtml = actionButtons.join('\n');

    var fileSection = `
        <div class="p-3 border rounded bg-light h-100">
            <div class="d-flex align-items-center mb-2">
                <i data-lucide="${hasFile ? 'file-check' : 'file-x'}" class="me-2 text-primary"></i>
                <label class="col-form-label fw-bold mb-0">Nota Fiscal</label>
            </div>
            <div class="row">
                ${hasFile || canReplaceNF ? `
                <div class="d-flex flex-wrap gap-2">
                    ${buttonsHtml}
                </div>` : `<div>Aguardando envio da Nota Fiscal.</div>`}
                ${hasFile ? `
                <div class="mt-2">
                    <iframe
                        class="nf-iframe w-100"
                        height="600"
                        style="width:100%;height:600px;border:1px solid #dee2e6;border-radius:.25rem;"
                        data-src="${fileViewerBaseUrl}/${s.filepath}"
                    ></iframe>
                </div>` : ``}
            </div>
        </div>
    `;

    return `
    <div class="container-fluid p-3">
        <div class="row g-2">
            <div class="col-12">
                ${fileSection}
            </div>
        </div>
        <div class="row g-2 mt-2">
            <div class="col-md-6">
                <div class="p-3 border rounded bg-light">
                    <div class="d-flex align-items-center mb-2">
                        <i data-lucide="sticky-note" class="me-2 text-primary"></i>
                        <label class="col-form-label fw-bold mb-0">Notas</label>
                    </div>
                    <div>${s.notes || '-'}</div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="p-3 border rounded bg-light h-100">
                    <div class="d-flex align-items-center mb-2">
                        <i data-lucide="bell" class="me-2 text-primary"></i>
                        <label class="col-form-label fw-bold mb-0">Notificações</label>
                    </div>
                    <small class="text-muted">Status atual:</small>
                    <span class="ms-2 badge bg-primary">${stageText}</span>
                </div>
            </div>
        </div>
    </div>`;
}

function createInvoiceErrorBox() {
    return `
    <div class="p-3 border rounded bg-light">
        <div class="alert alert-danger py-2 mb-0">
            <i data-lucide="alert-triangle" class="me-2"></i>
            <small>Não foi possível carregar os detalhes desta NF.</small>
        </div>
    </div>`;
}
$(document).on('click', '#approve_nf', function (e) {
    e.preventDefault();
    var id = $(this).data('id');
    var name = $(this).data('name');

    Swal.fire({
        title: 'Atenção',
        html: "Tem certeza que deseja forçar a aprovação da NFS-e de <strong>" + name + "</strong>?",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Sim',
        cancelButtonText: 'Cancelar',
        customClass: {
            confirmButton: 'btn btn-success',
            cancelButton: 'btn btn-default',
        }
    }).then(function (result) {
        if (result.isConfirmed) {
            $.ajax({
                url: "{{ route('finance.invoices.aprove.nfs') }}",
                type: 'POST',
                headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                data: { idinvoice: id },
                success: function (resp) {
                    Swal.fire({
                        icon: 'success',
                        title: 'Sucesso',
                        text: (resp && resp.message) ? resp.message : 'Nota fiscal aprovada com sucesso.',
                        confirmButtonText: 'OK',
                        customClass: { confirmButton: 'btn btn-success' }
                    });
                    if (typeof table !== 'undefined') {
                        table.ajax.reload(null, false);
                    }
                },
                error: function () {
                    Swal.fire({
                        icon: 'error',
                        title: 'Erro',
                        text: 'Não foi possível aprovar a NF.',
                        confirmButtonText: 'OK',
                        customClass: { confirmButton: 'btn btn-danger' }
                    });
                }
            });
        }
    });
});

// jQuery click handler: #reject_nf
$(document).on('click', '#reject_nf', function (e) {
    e.preventDefault();
    var id = $(this).data('id');
    var name = $(this).data('name');

    Swal.fire({
        title: 'Rejeitar NF',
        html: "Informe o motivo da rejeição da NFS-e de <strong>" + name + "</strong>:",
        input: 'textarea',
        inputPlaceholder: 'Descreva o motivo...',
        inputAttributes: { 'aria-label': 'Motivo da rejeição' },
        showCancelButton: true,
        confirmButtonText: 'Rejeitar',
        cancelButtonText: 'Cancelar',
        customClass: {
            confirmButton: 'btn btn-danger',
            cancelButton: 'btn btn-default',
        },
        showLoaderOnConfirm: true,
        allowOutsideClick: () => !Swal.isLoading(),
        footer: '',
        preConfirm: (value) => {
            if (!value || value.trim() === '') {
                Swal.showValidationMessage('Informe o motivo da reprovação.');
                return false;
            }

            Swal.update({ footer: 'Enviando solicitação. Aguarde...' });

            return new Promise(function (resolve, reject) {
                $.ajax({
                    url: "{{ route('finance.invoices.reject.nfs') }}",
                    type: 'POST',
                    headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                    data: { idinvoice: id, reason: value },
                    success: function (resp) {
                        resolve(resp);
                    },
                    error: function (xhr) {
                        var msg = (xhr && xhr.responseJSON && xhr.responseJSON.message)
                            ? xhr.responseJSON.message
                            : 'Não foi possível rejeitar a NF.';
                        Swal.update({ footer: '' });
                        Swal.showValidationMessage(msg);
                        reject(new Error(msg));
                    }
                });
            });
        }
    }).then(function (result) {
        if (result.isConfirmed) {
            var resp = result.value;
            Swal.fire({
                icon: 'success',
                title: 'Sucesso',
                text: (resp && resp.message) ? resp.message : 'Nota fiscal rejeitada com sucesso.',
                confirmButtonText: 'OK',
                customClass: { confirmButton: 'btn btn-success' }
            });
            if (typeof table !== 'undefined') {
                table.ajax.reload(null, false);
            }
        }
    });
});
</script>
@endpush