@extends('layouts.app')
@section('title', 'FBR Invoices')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>FBR Invoices
        <small>View all FBR invoice submissions</small>
    </h1>
</section>

<!-- Main content -->
<section class="content">
    @component('components.widget', ['class' => 'box-primary', 'title' => 'All FBR Invoices'])
        <div class="table-responsive">
            <table class="table table-bordered table-striped" id="fbr_invoices_table">
                <thead>
                    <tr>
                        <th>Invoice No</th>
                        <th>Location</th>
                        <th>Date</th>
                        <th>Amount</th>
                        <th>Status</th>
                        <th>FBR UUID</th>
                        <th>FBR IRN</th>
                        <th>Submitted At</th>
                        <th>Action</th>
                    </tr>
                </thead>
            </table>
        </div>
    @endcomponent

    <div class="modal fade view_modal" tabindex="-1" role="dialog" 
        aria-labelledby="gridSystemModalLabel">
    </div>

</section>
<!-- /.content -->
@stop

@section('javascript')
<script type="text/javascript">
    $(document).ready( function(){
        var fbr_invoices_table = $('#fbr_invoices_table').DataTable({
            processing: true,
            serverSide: true,
            ajax: '/fbr/invoices',
            columnDefs: [{
                "targets": [3, 8],
                "orderable": false,
                "searchable": false
            }],
            columns: [
                { data: 'invoice_no', name: 't.invoice_no' },
                { data: 'location_name', name: 'bl.name' },
                { data: 'transaction_date', name: 't.transaction_date' },
                { data: 'final_total', name: 't.final_total' },
                { data: 'status', name: 'fbr_invoices.status' },
                { data: 'fbr_uuid', name: 'fbr_invoices.fbr_uuid' },
                { data: 'fbr_irn', name: 'fbr_invoices.fbr_irn' },
                { data: 'created_at', name: 'fbr_invoices.created_at' },
                { data: 'action', name: 'action' }
            ]
        });

        // Retry failed invoice
        $(document).on('click', '.retry-fbr-invoice', function(e){
            e.preventDefault();
            var url = $(this).data('href');
            
            swal({
                title: LANG.sure,
                icon: "warning",
                buttons: true,
                dangerMode: true,
            }).then((confirmed) => {
                if (confirmed) {
                    $.ajax({
                        method: "POST",
                        url: url,
                        dataType: "json",
                        data: { _token: $('meta[name="csrf-token"]').attr('content') },
                        success: function(result){
                            if(result.success == true){
                                toastr.success(result.msg);
                                fbr_invoices_table.ajax.reload();
                            } else {
                                toastr.error(result.msg);
                            }
                        }
                    });
                }
            });
        });
    });
</script>
@endsection