@extends('admin.master')

@section('content')
<div>
    <!-- widget grid -->
    <section id="widget-grid" class="">
        <!-- row -->
        <div class="row">
            <!-- NEW WIDGET START -->
            <article class="col-12">
                <!-- Widget ID (each widget will need unique ID)-->
                <div class="jarviswidget jarviswidget-color-darken no-padding" id="wid-id-0" data-widget-editbutton="false">
                    <header>
                        <div class="widget-header">
                            <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                            <h2>Claim</h2>
                        </div>
                        <div class="widget-toolbar">
                            <!-- add: non-hidden - to disable auto hide -->
                        </div>
                    </header>
                    <div>
                        <!-- widget edit box -->
                        <div class="jarviswidget-editbox">
                            <!-- This area used as dropdown edit box -->
                        </div>
                        <!-- end widget edit box -->

                        <!-- widget content -->
                        <div class="widget-body p-0">
                            @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                            @endif
                            <table id="dt_claims" class="table table-striped table-bordered table-hover" width="100%">
                                <thead>
                                <tr>
                                    <th>Claim ID</th>
                                    <th>Customer Name</th>
                                    <th>Agent</th>
                                    <th>Company</th>
                                    <th>Date Sumtited</th>
                                    <th>Action Date</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                                </thead>
                                @php
                                    $status = [
                                                "Draft" => "warning",
                                                "New" => "warning",
                                                "Awaiting Defence Submission" => "success",
                                                "Awaiting Claimant’s Final Comments" => "danger",
                                                "Awaiting Respondent’s Final Comments" => "info",
                                                "Awaiting Determination" => "info",
                                                "Determination Published" => "info",
                                                "Closed" => "success",
                                                "Awaiting Review Determination" => "warning",
                                                "Awaiting Review Determination" => "warning",
                                                "Review Determination Published" => "warning",
                                              ]
                                @endphp
                                @foreach( $claims as $claim )
                                    <tr>
                                        <td>{{ $claim->id }}</td>
                                        <td>{{ $claim->customer ? $claim->customer->first_name." ".$claim->customer->last_name : ""}}</td>
                                        <td>{{ $claim->admin ? $claim->admin->first_name." ".$claim->admin->last_name : ""}}</td>
                                        <td>{{ $claim->retailer ? $claim->retailer->name : ''}}</td>
                                        <td>{{ date('d-m-Y', strtotime($claim->created_at)) }}</td>
                                        <td>{{ date('d-m-Y', strtotime($claim->last_date)) }}</td>
                                        <td><span class="label label-{{$status[$claim->claim_status ? $claim->claim_status->name :'success']}}">{{ $claim->claim_status ? $claim->claim_status->name : '' }}</span></td>
                                        <td><a href="edit/{{ $claim->id }}"
                                               class="btn btn-sm btn-link">
                                                <i class="fa fa-edit"></i> Edit
                                            </a>
                                            <a href="view/{{$claim->id}}"
                                               class="btn btn-sm btn-link">
                                                <i class="fa fa-eye"></i>
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                                <tfoot>
                                <tr>
                                    <th>Claim ID</th>
                                    <th>Customer Name</th>
                                    <th>Agent</th>
                                    <th>Company</th>
                                    <th>Date Sumtited</th>
                                    <th>Action Date</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </article>
        </div>
    </section>
</div>


@endsection
@section('scripts')
<script src="{{ asset ("js/datatable/jquery.dataTables/1.10.20/jquery.dataTables.min.js") }}"></script>
<script src="{{ asset ("js/datatable/buttons/1.6.0/dataTables.buttons.min.js") }}"></script>
<script src="{{ asset ("js/datatable/select/1.3.1/dataTables.select.min.js") }}"></script>
<script src="{{ asset ("js/datatable/buttons.print/1.2.1/buttons.print.min.js") }}"></script>
<script src="{{ asset ("js/datatable_editor_1.9.1/dataTables.editor.min.js") }}"></script>
<script>
// use a global for the submit and return data rendering in the examples

$(document).ready(function() {
    $('#claim-menu, #new-claim-menu').addClass('active');
    var claimTable = $('#dt_claims').DataTable( {
        dom: "Bfrtip",
    });
} );
</script>
@stop
@section ('css')
<link rel="stylesheet" href="{{ asset ("css/datatables/jquery.dataTables/1.10.20/jquery.dataTables.min.css") }}">
<link rel="stylesheet" href="{{ asset ("css/datatables/buttons.dataTables/1.6.0/buttons.dataTables.min.css") }}">
<link rel="stylesheet" href="{{ asset ("css/datatables/select/1.3.1/select.dataTables.min.css") }}">
<link rel="stylesheet" href="{{ asset ("css/datatable_editor_1.9.1/editor.dataTables.min.css") }}">
@stop