@extends('authenticated')

@section('title', 'Claims')

@section('content')
            <!-- Main Content -->
            <div id="content">

                @include('commons.topbar')

                                <!-- Begin Page Content -->
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12">
                            <h1 class="h3 mb-2 text-gray-800">Claims</h1>
                            <p class="mb-4">Check list of all promo claims made.</p>
                        </div>
                    </div>
                    <div id="claims-table-container">
                        <div class="table-responsive">
                            <table class="table table-bordered" id="claims-table-list">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Cashier</th>
                                        <th>Promo</th>
                                        <th>Points Spent</th>
                                        <th>Date</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td colspan="5">Fetching data...</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>


                </div>
                <!-- /.container-fluid -->

            </div>
            <!-- End of Main Content -->
            @include('commons.modal', ['modal_id'=>'user-modal', 'save_btn_classes' => 'save-user'])

@endsection
@section('modulescript')
    @parent
    <script type="text/javascript" src="{{ mix('/js/jquery.dataTables.min.js') }}?ver{{env('APP_ASSETS')}}"></script>
    <script type="text/javascript" src="{{ mix('/js/dataTables.buttons.min.js') }}?ver{{env('APP_ASSETS')}}"></script>
    <script type="text/javascript" src="{{ mix('/js/dataTables.bootstrap4.min.js') }}?ver{{env('APP_ASSETS')}}"></script>
    <script type="text/javascript" src="{{ mix('/js/modules/claims.js') }}?ver{{env('APP_ASSETS')}}"></script>
@endsection