@extends('layouts.template')
@section('content')
<style>
    .page-adjust{
        position: relative;
        min-height: calc(100vh - 100px);
    }
</style> 
<div class="page-adjust"> 
<div class="row page-titles">
    <div class="col-md-5 col-12 align-self-center">
        <h3 class="text-themecolor mb-0">Search  @if(isset($searchValue)) Result @endif</h3>
        <ol class="breadcrumb mb-0 p-0 bg-transparent">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
            <li class="breadcrumb-item active">Search @if(isset($searchValue)) Result @endif</li>
        </ol>
    </div>
    <div class="col-md-7 col-12 align-self-center d-none d-md-block">
        <div class="d-flex mt-2 justify-content-end">
            <div class="d-flex mr-3 ml-2">
                <div class="chart-text mr-2">
                    <h6 class="mb-0"><small></small></h6>
                    <h4 class="mt-0 text-info"></h4>
                </div>
                <div class="spark-chart">
                    <div id=""></div>
                </div>
            </div>
            <div class="d-flex ml-2">
                <div class="chart-text mr-2">
                    <h6 class="mb-0"><small></small></h6>
                    <h4 class="mt-0 text-primary"></h4>
                </div>
                <div class="spark-chart">
                    <div id=""></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Container fluid  -->
<!-- ============================================================== -->
<div class="container-fluid">
    <!-- ============================================================== -->
    <!-- Start Page Content -->
    <!-- ============================================================== -->
    <div class="row">
        <div class="col-sm-12 col-md-12 col-lg-">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Search for Policy Number,Transaction Number or Assured Name</h4>
                    <form class="mt-3" action="{{ route('search.claim') }}" method="Get">
                        @csrf
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="search_value" placeholder="" aria-label="" aria-describedby="basic-addon1">
                            <div class="input-group-append">
                                <button class="btn btn-info" type="Submit"><i class="ti-search"></i> Search</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        @if(isset($searchValue))
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Search Result For "{{ $searchValue }}"</h4>
                    <h6 class="card-subtitle">About {{  $results->total()  }} results</h6>
                    <ul class="search-listing list-style-none">
                        @foreach($results as $res)
                            <li class="border-bottom">
                                <h4 class="mb-0"><a href="{{ url('file-claim/details/'.$res->claim_code) }}" class="text-info font-medium p-0">POLICY NO: {{ $res->policy_no }}</a></h4>
                                <a href="{{ url('file-claim/details/'.$res->claim_code) }}" class="search-links p-0 text-success">TRANSACTION NO: {{ $res->arcus_transaction_no }}</a>
                                <p>Status: <strong class="text-success">{{ strtoupper($res->claim_tag) }}</strong><br/>
                                    Sureway Claim No.: <strong>{{ strtoupper($res->claim_no) }}</strong><br/>
                                    ASSURED: <strong>{{ strtoupper($res->assured_name) }}</strong><br>
                                    NATURE OF CLAIM: <strong>{{ strtoupper($res->policy_type_desc) }}</strong><br>
                                    ADJUSTER: <strong>{{strtoupper($res->adjuster_firstname) }}  {{ strtoupper($res->adjuster_lastname) }}</strong><br>
                                    DATE SUBMITTED:<strong> {{ $res->submitted_at }}</strong></p>
                               
                            </li>
                        @endforeach
                    </ul>
                    <nav aria-label="Page navigation example" class="mt-5">
                        {{ $results->links() }}
                    </nav>
                </div>
            </div>
        </div>
    </div>
    @endif
    <!-- ============================================================== -->
    <!-- End PAge Content -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- Right sidebar -->
    <!-- ============================================================== -->
    <!-- .right-sidebar -->
    <!-- ============================================================== -->
    <!-- End Right sidebar -->
    <!-- ============================================================== -->
</div>
</div>

@endsection