@extends('layouts.admin')

@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('admin.dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="{{ route('admin.credit.score') }}">Credit Facility </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 Facility</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="category" style="margin-bottom: 10px;">Category </label>
                            <select name="category" id="category" class="form-control">
                                <option value="" selected="true">--All--</option>
                                @foreach($categories as $category)
                                    <option value="{{$category->id}}" @if($category->id == request()->category) selected @endif>{{$category->name}}</option>
                                @endforeach
                            </select>
                            <small class="help-block text-danger">{{ $errors->first('category')}}</small>
                        </div>

                        <div class="col-md-3">
                            <label class="control-label" for="sub_category" style="margin-bottom: 10px;">Sub
                                Category </label>
                            <select name="sub_category" id="sub_category" class="form-control">
                                <option value="" selected="true" hidden>--Select--</option>
                            </select>
                            <small class="help-block text-danger">{{ $errors->first('sub_category')}}</small>
                        </div>

                        <div class="col-md-3">
                            <label class="control-label" for="merchant"
                                   style="margin-bottom: 10px;">Merchant</label>
                            <select name="merchant" id="merchant" class="form-control">
                                <option value="" selected="true" hidden>--Select--</option>
                                @foreach($merchants as $merchant)
                                    <option value="{{$merchant->id}}" @if($merchant->id == request()->merchant) selected @endif>{{$merchant->name}}</option>
                                @endforeach
                            </select>
                            <small class="help-block text-danger">{{ $errors->first('merchant')}}</small>
                        </div>
                    </div>
                </div>
                <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;">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-2">
                            <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>Merchant</th>
                            <th>Active Consumer Credit</th>
                            <th>Closed Consumer Credit</th>
                            <th>Active Commercial Credit</th>
                            <th>Closed Commercial Credit</th>
                            <th>Active Consumer Credit With Credit Card</th>
                            <th>Closed Consumer Credit With Credit Card</th>
                            <th>Active Consumer Credit Facilities With Credit Card</th>
                            <th>Closed Consumer Credit Facilities With Credit Card</th>
                            <th>Reporting Date</th>
                            <th>Added Date</th>
                        </tr>
                    </thead>
                    <tbody>