@extends('backend.superadmin.index')
@section('body')

    <!-- Main Container -->
    <main id="main-container">

        <!-- Hero -->
        <div class="bg-body-light">
            <div class="content content-full">
                <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                    <h1 class="flex-sm-fill font-size-h2 font-w400 mt-2 mb-0 mb-sm-2">List Claim {{$nature->name}}</h1>
                </div>
            </div>
        </div>
        <!-- END Hero -->
        <!-- Page Content -->
        <div class="content">
            @include('frontend.layouts.message')

        <!-- Full Table -->
            <div class="block block-rounded block-bordered">
                <div class="block-content">
                    <div class="row">
                        <div class="col-sm-12">
                            <label for=""><strong><i class="fa fa-search"></i> Filter {{$nature->name}} || </strong> <i>{{count($claims)}} {{$nature->name}} Found</i></label>
                            <form action="" method="get">
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <strong>{{$nature->name}} Name</strong>
                                                    </span>
                                                </div>
                                                <input type="text" name="company_name" value="{{request('company_name')}}" class="form-control" onchange="javascript:this.form.submit();">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <strong>Status</strong>
                                                    </span>
                                                </div>
                                                <select name="status" class="form-control" id="status"  onchange="javascript:this.form.submit();">
                                                    <option value="pending" @if(request('status')=='pending') selected @endif>Pending</option>
                                                    <option value="approved" @if(request('status')=='approved') selected @endif>Approved</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="table-responsive">
                        <table class="table table-md table-striped table-vcenter">
                            <thead class="bg-light">
                            <tr>
                                <th class="text-center" rowspan="2">SN</th>
                                <th rowspan="2">{{$nature->name}}</th>
                                <th class="text-center" colspan="3">Claimed By</th>
                                <th class="text-center" colspan="3">{{$nature->name}} Record</th>
                                <th class="text-center" rowspan="2">Action</th>
                            </tr>
                            <tr>
                                <th class="text-center" >Contact Person</th>
                                <th class="text-center" >Email</th>
                                <th class="text-center" >Mobile</th>
                                <th class="text-center" >Registered Person</th>
                                <th class="text-center" >Registered Email</th>
                                <th class="text-center" >Registered Mobile</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($claims as $key=>$claim)
                                <tr>
                                    <td class="text-center" >{{++$key}}</td>
                                    <td>{{$claim->client->company_name}}</td>
                                    <td class="text-center" >{{$claim->contact_person}}</td>
                                    <td class="text-center" >{{$claim->company_email}}</td>
                                    <td class="text-center" >{{$claim->contact_number}}</td>
                                    <td class="text-center" >@if(isset($claim->client->contact_person)){{$claim->client->contact_person}}@endif</td>
                                    <td class="text-center" >@if(isset($claim->client->email_address)){{$claim->client->email_address}}@endif</td>
                                    <td class="text-center" >@if(isset($claim->client->mobile)){{$claim->client->mobile}}@endif</td>
                                    <td class="text-center">
                                        <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-check-circle"></i></a>
                                        <a href="#" class="btn btn-danger btn-sm"><i class="fa fa-times-circle"></i></a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- END Full Table -->
        </div>
        <!-- END Page Content -->

    </main>
    <!-- END Main Container -->


@endsection