@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">
@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.billing.inquiry') }}"><i class="fa fa-dashboard"></i> Billing Inquiry</a></li>
            <li class="active">  Details</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 Details</h3>
        </div>
        <div class="panel-body">
            {{-- <div class="row">
                <div class="col-md-12 text-right">
                    <a href="{{ route('admin.billing.config.create') }}" class="btn btn-primary" style="margin-bottom: 10px;">
                        Export
                    </a>
                </div>
            </div> --}}
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Bank Code</th>
                            <th>Institution Name</th>
                            <th>From Date</th>
                            <th>To Date</th>
                            <th>Number of Subject's Inquired</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($merchants as $merchant)
                            <tr>
                                <td>{{$merchant->bank_code}}</td>
                                <td>{{$merchant->name}}</td>
                                <td>{{$nep_from_date}}</td>
                                <td>{{$nep_to_date}}</td>
                                <td>{{$merchant->subjectCount($eng_from_date, $eng_to_date)}}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </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: '