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

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>@lang('Zatca Success Logs')
            <small>@lang('Manage Zatca Success 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 Success Logs')])
           
                <table class="table table-bordered table-striped" id="logs_table">
                    <thead>
                        <tr>
                            <th>@lang('Transaction')</th>
                            <th>@lang('Date')</th>
                            <th>@lang('Success Message')</th>
                            
                        </tr>
                    </thead>
                </table>
           
        @endcomponent

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

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

        });
    </script>
@endsection