@extends('layouts.admin')

@section('ext_css')
    <link rel="stylesheet" href="{{ asset('NepaliDatepicker/nepali.datepicker.v2.2.min.css') }}"/>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.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;
        }

        .sort-data {
            cursor: pointer;
        }

        .modal-header {
            padding: 15px;
        }

        code {
            word-wrap: break-word;
        }
    </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/1.1.1/css/bootstrap-multiselect.css" />
    <style type="text/css">
        .btn-group {
            width: 100%;
        }
        button.multiselect.dropdown-toggle.custom-select.text-center {
            width: 100%;
            padding: 5px;
        }
        button.dropdown-item.multiselect-all, button.multiselect-option.dropdown-item {
            width: 100%;
        }
        span.form-check {
            float: left;
        }
        pre {
            background-color: #ffffff!important;
            border: 0px!important;
        }
        .multiselect-container.dropdown-menu {
            width: 275px;
        }
    </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.report.index') }}">API Search - Download History </a></li>
        </ol>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissable">
            <button class="close" data-dismiss="alert"><i class="fa fa-times-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="fa fa-times-circle"></i></button>
            <strong>Failed !</strong> {{ Session::get('failure') }}
        </div>
    @endif

    <div class="row">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">API Search / Download History
                    {{-- <span class="pull-right"><strong class="text-danger">*</strong> Required Fields</span> --}}
                </h3>
            </div>

            <div class="panel-body">

                <form action="" id="report-form" method="get" class="form-horizontal form-padding">
                    <input type="hidden" name="page" id="page">
                    <input type="hidden" name="search" id="search" value="{{request()->search}}">
                    <input type="hidden" name="sort" id="sort" value="{{request()->sort}}">
                    <input type="hidden" name="order" id="order" value="{{request()->order}}">
                    <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 class="col-md-1">
                                <label class="control-label" for="request_type" style="margin-bottom: 10px;">Request Type </label>
                                <select id="request_type" name="request_type" class="form-control">
                                    <option value="">All</option>
                                    <option value="api" @if(request()->request_type == "api") selected @endif>API</option>
                                    <option value="others" @if(request()->request_type == "others") selected @endif>Others</option>
                                </select>
                                <small class="help-block text-danger">{{ $errors->first('request_type')}}</small>
                            </div>

                            <div class="col-md-2">
                                <label class="control-label" for="action" style="margin-bottom: 10px;">API Type </label>
                                <select id="action" name="action[]" class="form-control">
                                    <option value="">All</option>
                                </select>
                                <small class="help-block text-danger">{{ $errors->first('action')}}</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-2">
                                <label class="control-label" for="from" style="margin-bottom: 10px;">From Date (B.S.)</label>
                                <input type="text" class="form-control readonly" name="nep_from_date" value="{{$nep_from_date}}" placeholder="Date From" id="nepFromDate" autocomplete="off" required/>
                                <small class="help-block text-danger">{{ $errors->first('from')}}</small>
                            </div>
                            <div class="col-md-1">
                                <label class="control-label" style="margin-bottom: 10px;">Time</label>
                                <select class="form-control" name="from_hour" id="from_hour">
                                    @for ($i = 0; $i < 24 ; $i++)
                                        @php
                                            $i = ($i < 10) ? '0'.$i : $i;
                                        @endphp
                                        <option value="{{ $i }}" @if(request()->from_hour == $i) selected @elseif(!request()->from_hour && $i == date('H')) selected @endif>
                                            {{ $i }}
                                        </option>
                                    @endfor
                                </select>
                            </div>
                            <div class="col-md-1">
                                <label class="control-label" style="margin-bottom: 24px;"></label>
                                <select class="form-control" name="from_minute" id="from_minute">
                                    @for ($i = 0; $i <= 59 ; $i++)
                                        @php
                                            $i = ($i < 10) ? '0'.$i : $i;
                                        @endphp
                                        <option value="{{ $i }}" @if(request()->from_minute == $i) selected @elseif(!request()->from_minute && $i == date('i')) selected @endif>
                                            {{ $i }}
                                        </option>
                                    @endfor
                                </select>
                            </div>

                            <div class="col-md-2">
                                <label class="control-label" for="to" style="margin-bottom: 10px;">To Date (B.S.)</label>
                                <input type="text" class="form-control readonly" name="nep_to_date" value="{{$nep_to_date}}" placeholder="To Date" id="nepToDate" autocomplete="off" required/>
                                <small class="help-block text-danger">{{ $errors->first('to')}}</small>
                            </div>
                            <div class="col-md-1">
                                <label class="control-label" style="margin-bottom: 10px;">Time</label>
                                <select class="form-control" name="to_hour" id="to_hour">
                                    @for ($i = 0; $i < 24 ; $i++)
                                        @php
                                            $i = ($i < 10) ? '0'.$i : $i;
                                        @endphp
                                        <option value="{{ $i }}" @if(request()->to_hour == $i) selected @elseif(!request()->to_hour && $i == date('H')) selected @endif>
                                            {{ $i }}
                                        </option>
                                    @endfor
                                </select>
                            </div>
                            <div class="col-md-1">
                                <label class="control-label" style="margin-bottom: 24px;"></label>
                                <select class="form-control" name="to_minute" id="to_minute">
                                    @for ($i = 0; $i <= 59 ; $i++)
                                        @php
                                            $i = ($i < 10) ? '0'.$i : $i;
                                        @endphp
                                        <option value="{{ $i }}" @if(request()->to_minute == $i) selected @elseif(!request()->to_minute && $i == date('i')) selected @endif>
                                            {{ $i }}
                                        </option>
                                    @endfor
                                </select>
                            </div>

                            <div class="col-md-3">
                                <label class="control-label" for="ip" style="margin-bottom: 10px;">IP</label>
                                <input type="text" name="ip" id="ip" class="form-control noscroll" autocomplete="off" value="{{request()->ip}}">
                            </div>

                            <div class="col-md-1">
                                <label class="control-label" style="margin-bottom: 24px;"></label>
                                <select class="form-control" name="per_page" id="per_page">
                                    <option value="20" @if(request()->per_page == 20) selected @endif>20</option>
                                    <option value="40" @if(request()->per_page == 40) selected @endif>40</option>
                                    <option value="60" @if(request()->per_page == 60) selected @endif>60</option>
                                    <option value="80" @if(request()->per_page == 80) selected @endif>80</option>
                                    <option value="100" @if(request()->per_page == 100) selected @endif>100</option>
                                </select>
                            </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 class="col-md-2" style="margin-top: 15px;">
                                <label class="control-label"></label>
                                <a href="#" class="btn btn-block btn-primary export">
                                    EXPORT
                                </a>
                            </div>
                        </div>

                    </div>
                    @csrf
                </form>

                <br>
                <div class="clearfix"></div>

                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <th class="text-center">S.N</th>
                            <th class="text-center">
                                Merchant <i class="fa fa-sort sort-data" data-id="merchant_name" @if(request()->sort=="merchant_name" && request()->order=="asc") data-order="desc" @else data-order="asc" @endif></i>
                            </th>
                            <th class="text-center">
                                User <i class="fa fa-sort sort-data" data-id="merchant_user" @if(request()->sort=="merchant_user" && request()->order=="asc") data-order="desc" @else data-order="asc" @endif></i>
                            </th>
                            <th class="text-center">
                                Request Type <i class="fa fa-sort sort-data" data-id="action" @if(request()->sort=="action" && request()->order=="asc") data-order="desc" @else data-order="asc" @endif></i>
                            </th>
                            <th class="text-center">
                                Subject Count
                            </th>
                            {{-- <th class="text-center">
                                Search Type <i class="fa fa-sort sort-data" data-id="search_type" @if(request()->sort=="search_type" && request()->order=="asc") data-order="desc" @else data-order="asc" @endif></i>
                            </th>
                            <th class="text-center">
                                Result Found <i class="fa fa-sort sort-data" data-id="result" @if(request()->sort=="result" && request()->order=="asc") data-order="desc" @else data-order="asc" @endif></i>
                            </th> --}}
                            <th class="text-center">
                                Response Time <i class="fa fa-sort sort-data" data-id="response_time" @if(request()->sort=="response_time" && request()->order=="asc") data-order="desc" @else data-order="asc" @endif></i>
                            </th>
                            <th class="text-center">
                                Date(A.D) <i class="fa fa-sort sort-data" data-id="created_at" @if(request()->sort=="created_at" && request()->order=="asc") data-order="desc" @else data-order="asc" @endif></i>
                            </th>
                            <th class="text-center">
                                Date(B.S) <i class="fa fa-sort sort-data" data-id="created_at" @if(request()->sort=="created_at" && request()->order=="asc") data-order="desc" @else data-order="asc" @endif></i>
                            </th>

                            <th class="text-center">
                                IP <i class="fa fa-sort sort-data" data-id="ip" @if(request()->sort=="ip" && request()->order=="asc") data-order="desc" @else data-order="asc" @endif></i>
                            </th>

                            <th class="text-center">
                                Action
                            </th>
                        </tr>
                        </thead>
                        <tbody>