@extends('layouts.app')
@section('title', __('lang_v1.zatca.zatca-failure-log'))

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>@lang('Zatca Failure Logs')
            <small>@lang('Manage Zatca Failure Logs')</small>
        </h1>
        <!-- <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
            <li class="active">Here</li>
        </ol> -->
    </section>

    <!-- Main content -->
    <section class="content">
        @component('components.widget', ['class' => 'box-primary', 'title' => __('All Zatca Failure Logs')])
           
                <table class="table table-bordered table-striped" id="logs_table">
                    <thead>
                        <tr>
                            <th>@lang('Transaction')</th>
                            <th>@lang('Date')</th>
                            <th>@lang('Error Message')</th>
                            <th>@lang('action')</th>
                        </tr>
                    </thead>
                </table>
           
        @endcomponent

    </section>
    <!-- /.content -->
@stop
@section('javascript')
    <script type="text/javascript">

        function e_invoice(id)
        {
            $.ajax({
            method: 'GET',
            url: '/zatca',
            data: {id:id},
            success: function(data) {
                
            },
            });
        }
        $(document).ready(function() {
            var logs_table = $('#logs_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: '/zatca-failure-log',
                buttons: [],
                columnDefs: [{
                    "targets": 1,
                    "orderable": false,
                    "searchable": false
                }],
                columns: [ 
                    {
                        data: 'invoice_no'
                    },
                    {
                        data: 'date'
                    },
                    {
                        data: 'error_message'
                    },
                    {
                        data: 'action'
                    },

                ]
            });

        });
    </script>
@endsection