@extends('retailer.master')
@section('main')
<main id="js-page-content" role="main" class="page-content">
    <ol class="breadcrumb page-breadcrumb">
        <li class="breadcrumb-item"><a href="javascript:void(0);">Cases</a></li>
        <li class="breadcrumb-item">{{$title}}</li>
        <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
    </ol>
    <div class="subheader">
        <h1 class="subheader-title">
            <i class='subheader-icon fal fa-table'></i>{{ $title }}</span>
            {{--<small>
                Here you can see all of your new claims.
            </small>--}}
        </h1>
    </div>
    <div class="row">
        <div class="col-xl-12">
            <div id="panel-1" class="panel">
                <div class="panel-hdr">
                    <h2>
                        Cases
                    </h2>
                    <div class="panel-toolbar">
                        <button class="btn btn-panel" data-action="panel-collapse" data-toggle="tooltip" data-offset="0,10" data-original-title="Collapse"></button>
                        <button class="btn btn-panel" data-action="panel-fullscreen" data-toggle="tooltip" data-offset="0,10" data-original-title="Fullscreen"></button>
                        <button class="btn btn-panel" data-action="panel-close" data-toggle="tooltip" data-offset="0,10" data-original-title="Close"></button>
                    </div>
                </div>
                <div class="panel-container show">
                    <div class="panel-content">
                        <!-- datatable start -->
                        <table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
                            <thead class="thead-dark">
                            <tr>
                                <th>Case ID</th>
                                <th>Customer Name</th>
                                <th>ADR Admin</th>
                                <th>Retailer </th>
                                <th>Retailer User</th>
                                <th>Status</th>
                                <th>Action Date</th>
                                <th>Category</th>
                                <th>Sub Category</th>
                                <th>Defence Creation Date</th>
                                <th>Reference Number</th>
                                <th>Decision Awarded To</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <!-- <tfoot>
                            <tr>
                                <th>Case ID</th>
                                <th>Customer Name</th>
                                <th>ADR Admin</th>
                                <th>Retailer </th>
                                <th>Retailer User</th>
                                <th>Status</th>
                                <th>Category</th>
                                <th>Sub Category</th>
                                <th>Action</th>
                            </tr>
                            </tfoot> -->
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection
@section ('script')
    <script>
        var claimsUrl = "jsonNewClaims/{{ collect(request()->segments())->last() }}";
    </script>
    <script src="{{asset('js/retailer/claims.js')}}"></script>
@endsection