@extends('layouts.merchant')

@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">
@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 class="active"> Billing Inquiry </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="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title"> Billing Inquiry </h3>
        </div>
        <div class="panel-body">
            <div class="row">
                <form 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-12">
                                <div class="row">
                                    <div class="col-md-6 geo_filter">
                                        <label class="control-label" for="demo-address-input" style="margin-bottom: 10px;">
                                            From Date (B.S.)
                                        </label><strong class="text-danger">*</strong>
                                        <input type="text" class="form-control readonly" name="nep_from_date"
                                               value="{{request()->nep_from_date}}"
                                               placeholder="Date From" id="nepFromDate" autocomplete="off"
                                               required/>
                                        <small class="help-block text-danger">{{ $errors->first('nep_from_date')}}</small>
                                    </div>
                                    <div class="col-md-6 geo_filter">
                                        <label class="control-label" for="demo-address-input" style="margin-bottom: 10px;">
                                            To Date (B.S.)
                                        </label><strong class="text-danger">*</strong>
                                        <input type="text" class="form-control readonly" name="nep_to_date"
                                               value="{{request()->nep_to_date}}"
                                               placeholder="To Date" id="nepToDate" autocomplete="off" required/>
                                        <small class="help-block text-danger">{{ $errors->first('nep_to_date')}}</small>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-6 geo_filter">
                                        <label class="control-label" for="demo-address-input" style="margin-bottom: 10px;">
                                            From Date (A.D.)
                                        </label><strong class="text-danger">*</strong>
                                        <input type="text" class="form-control readonly" name="eng_from_date"
                                               value="{{request()->eng_from_date}}"
                                               placeholder="Date From" id="engFromDate" autocomplete="off"
                                               required/>
                                        <small class="help-block text-danger">{{ $errors->first('eng_from_date')}}</small>
                                    </div>
                                    <div class="col-md-6 geo_filter">
                                        <label class="control-label" for="demo-address-input" style="margin-bottom: 10px;">
                                            To Date (A.D.)
                                        </label><strong class="text-danger">*</strong>
                                        <input type="text" class="form-control readonly" name="eng_to_date"
                                               value="{{request()->eng_to_date}}"
                                               placeholder="To Date" id="engToDate" autocomplete="off" required/>
                                        <small class="help-block text-danger">{{ $errors->first('eng_to_date')}}</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12 text-center">
                                <button class="btn btn-primary">Generate</button>
                                @if (request()->eng_from_date)
                                    <a href="{{ route('merchant.billing.inquiry.export') }}?eng_from_date={{request()->eng_from_date}}&eng_to_date={{request()->eng_to_date}}&nep_from_date={{request()->nep_from_date}}&nep_to_date={{request()->nep_to_date}}" class="btn btn-primary">Export</a>
                                @endif
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            @if(isset($merchants))
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>Institution Name</th>
                                <th>API</th>
                                <th>From Date</th>
                                <th>To Date</th>
                                <th>Total Count</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($merchants as $merchant)
                                @foreach($apis as $api)
                                    <tr>
                                        <td>{{$merchant->name}}</td>
                                        <td>{{$api->name}}</td>
                                        <td>{{$nep_from_date}}</td>
                                        <td>{{$nep_to_date}}</td>
                                        <td>{{$merchant->subjectCount($eng_from_date, $eng_to_date, $api->key)}}</td>
                                    </tr>
                                @endforeach
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>
@endsection

@section('ext_js')
    <script src="{{ asset('/NepaliDatepicker/nepali.datepicker.v2.2.min.js') }}"></script>
    <script>
        $("#weekStartDate, #weekEndDate").datepicker({
            dateFormat: 'yy-mm-dd',
            defaultDate: "+1w",
            maxDate: 0,
            changeMonth: true,
            onSelect: function (selectedDate) {
                var curr = new Date(selectedDate);
                var firstday = new Date(curr.setDate(curr.getDate() - curr.getDay()));
                var new_firstday = $.datepicker.formatDate('yy-mm-dd', firstday);
                var lastday = new Date(curr.setDate(curr.getDate() - curr.getDay() + 6));
                var new_lastday = $.datepicker.formatDate('yy-mm-dd', lastday);
                $("#weekStartDate").val(new_firstday);
                $("#weekEndDate").val(new_lastday);
            }
        });

        $("#engFromDate, #engToDate").datepicker({
            dateFormat: 'yy-mm-dd',
            defaultDate: "+1w",
            maxDate: 0,
            changeMonth: true,
            onSelect: function (selectedDate) {
                if (this.id == 'engFromDate') {
                    var dateMin = $('#engFromDate').datepicker("getDate");
                    var rMin = new Date(dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate());
                    $('#engToDate').datepicker("option", "minDate", rMin);
                    $.ajax({
                        headers: {
                            'X-CSRF-Token': $('meta[name="csrf_token"]').attr('content')
                        },
                        type: 'post',
                        url: '