@extends('layouts.merchant')

@section('ext_css')
    <style type="text/css">
        /* Chrome, Safari, Edge, Opera */
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Firefox */
        input[type=number] {
            -moz-appearance: textfield;
        }
        .table-responsive th{ white-space: nowrap; }
        .table-responsive td{ white-space: nowrap; }
    </style>
@endsection

@section('content')

    <div class="row">
        <ol class="breadcrumb">
            <li><a href="{{ route('merchant.dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="{{ route('merchant.credit-inquiries') }}">Credit Inquiries </a></li>
        </ol>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissable">
            <button class="close" data-dismiss="alert"><i class="pci-cross pci-circle"></i></button>
            <strong>Success !</strong>
            {{ Session::get('success') }}
        </div>
    @elseif(session('failure'))
        <div class="alert alert-danger alert-dismissable">
            <button class="close" data-dismiss="alert"><i class="pci-cross pci-circle"></i></button>
            <strong>Failed !</strong> {{ Session::get('failure') }}
        </div>
    @endif

    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">Credit Inquiries</h3>
        </div>
        <div class="panel-body">
            <form action="" id="searchForm" method="get" class="form-horizontal form-padding">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="form-group">
                        <div class="col-md-3">
                            <label class="control-label" for="from" style="margin-bottom: 10px;">Subject Name</label>
                            <input type="text" id="search_subject_name" name="search_subject_name" class="form-control" value="{{request()->search_subject_name}}">
                        </div>
                        <div class="col-md-3">
                            <label class="control-label" for="from" style="margin-bottom: 10px;">Subject Id</label>
                            <input type="text" id="search_subject_id" name="search_subject_id" class="form-control" value="{{request()->search_subject_id}}">
                        </div>
                        <div class="col-md-3">
                            <label class="control-label" for="from" style="margin-bottom: 10px;">Nationality</label>
                            <input type="text" id="search_nationality" name="search_nationality" class="form-control" value="{{request()->search_nationality}}">
                        </div>
                        <div class="col-md-3">
                            <label class="control-label" for="from" style="margin-bottom: 10px;">Citizenship Number</label>
                            <input type="text" id="search_citizenship_number" name="search_citizenship_number" class="form-control" value="{{request()->search_citizenship_number}}">
                        </div>
                        <div class="col-md-3">
                            <label class="control-label" for="from" style="margin-bottom: 10px;">Passport Number</label>
                            <input type="text" id="search_passport_number" name="search_passport_number" class="form-control" value="{{request()->search_passport_number}}">
                        </div>
                        <div class="col-md-3">
                            <label class="control-label" for="from" style="margin-bottom: 10px;">Indian Embassy Number</label>
                            <input type="text" id="search_indian_embassy_number" name="search_indian_embassy_number" class="form-control" value="{{request()->search_indian_embassy_number}}">
                        </div>
                        <div class="col-md-3">
                            <label class="control-label" for="from" style="margin-bottom: 10px;">From Date (A.D.)</label>
                            <input type="text" id="engFromDate" name="from" class="form-control normal_date_time_picker"
                                   placeholder="From Date" autocomplete="off" required value="{{$from_date}}">
                            <small class="help-block text-danger">{{ $errors->first('from')}}</small>
                        </div>

                        <div class="col-md-3">
                            <label class="control-label" for="to" style="margin-bottom: 10px;">To Date (A.D.)</label>
                            <input type="text" id="engToDate" name="to" class="form-control normal_date_time_picker"
                                   placeholder="To Date" autocomplete="off" required value="{{$to_date}}">
                            <small class="help-block text-danger">{{ $errors->first('to')}}</small>
                        </div>

                        <div class="col-md-2" style="margin-top: 15px;">
                            <label class="control-label"></label>
                            <button type="submit" name="search" value="Search" class="btn btn-block btn-primary filter">
                                FILTER &nbsp;&nbsp;&nbsp;<i class="pe-7s-filter"></i>
                            </button>
                        </div>

                        <div class="col-md-2 clear-button" @if(!request()->search || !request()->per_page > 20) style="display: none;margin-top: 15px;" @else style="margin-top: 15px;" @endif>
                            <label class="control-label" ></label>
                            <button type="button" class="btn btn-block btn-primary clear-filters">
                                CLEAR &nbsp;&nbsp;&nbsp;<i class="pe-7s-close-circle"></i>
                            </button>
                        </div>
                    </div>

                </div>
                @csrf
            </form>
            <div class="clearfix"></div>
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>S.N</th>
                            <th>Subject Id</th>
                            <th>Latest Subject Id</th>
                            <th>Scoring Date</th>
                            <th>Nationality</th>
                            <th>Gender</th>
                            <th>Subject Name</th>
                            <th>Father Name</th>
                            <th>Grand Father Name</th>
                            <th>Citizenship Details</th>
                            <th>Indian Embassy No</th>
                            <th>Passport Details</th>
                            <th>Credit Score</th>
                            <th>Evaluation Month</th>
                            <th>PD</th>
                            <th>Score and PD Validity</th>
                            <th>Score Cluster</th>
                            <th>Cluster Level Desc</th>
                            <th>Score Explanation / Prediction Accuracy</th>
                            <th>Inquiry Date</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>