@extends('layouts/microfin_layout')
@section('title', '| MRA LLP Report-01')
@section('content')

    <style type="text/css">
        .form-group,
        .form-control {
            font-size: 11px !important;
            color: black !important;
        }

        .form-control {
            padding: 5px !important;
        }

        #reportSubmit {
            font-size: 12px;
            margin-top: 20px;
        }
    </style>

    <div class="row">
        <div class="col-md-12">
            <div class="" style="">
                <div class="">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <div class="panel-options">

                                {{--     <button id="btnExportExcel">Xls</button>  --}}
                                {{--   <li><a href="#" onClick="doExport('#printDiv', {type: 'xlsx'});">.XLSX</a></li> --}}
                                <button id="printIcon" class="btn btn-info pull-left print-icon" target="_blank"
                                    style="">
                                    <i class="fa fa-print fa-lg" aria-hidden="true">Print</i>
                                </button>
                                <button id="btnExportExcel" class="btn btn-info pull-center print-icon" target="_blank"
                                    style="">
                                    <i class="fa-file-excel-o fa-lg" aria-hidden="true"> Excel</i>
                                </button>

                                <button id="btnExportPdf" class="btn btn-info pull-right print-icon" target="_blank"
                                    style="">
                                    <i class="fa-file-excel-o fa-lg" aria-hidden="true"> Pdf</i>
                                </button>

                                {{-- <a id="download_link" download="my_exported_file.pdf" href=”” >Download as Text File</a> --}}
                                {{--  <button onclick="javascript:demoFromHTML();">Generate Pdf</button> --}}
                                {{--   <div class="download" style="width:90%;margin:30px auto ;max-width: 800px;background:#ededed;">
                               <div style="padding-top:1%;padding-left:1%;"><button class="btn btn-info" id="downloadButton" >Download</button></div>
                           </div> --}}
                                <div id="editor"></div>

                                {{--            <button id="cmd">Download Survey Report</button> --}}

                                {{--  <button onclick="javascript:demoFromHTML();">PDF</button> --}}

                            </div>
                            <h3 style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">
                                Loan Classification Chart-1
                            </h3>
                        </div>

                        <div class="panel-body panelBodyView">

                            <!-- Filtering Start-->
                            {!! Form::open([
                                'url' => '',
                                'role' => 'form',
                                'class' => 'form-horizontal form-groups',
                                'id' => 'filterFormId',
                                'method' => 'get',
                            ]) !!}
                            <div class="row">
                                <div class="col-md-12">

                                    <div class="col-md-2" id="branchDiv">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                {!! Form::label('branchId', 'Branch:', ['class' => 'control-label pull-left required']) !!}
                                            </div>
                                            <div class="col-md-12">
                                                {!! Form::select('branchId', $branchList, null, [
                                                    'id' => 'branchId',
                                                    'class' => 'form-control input-sm',
                                                    'autocomplete' => 'off',
                                                ]) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                {!! Form::label('classificationTag', 'Classification:', ['class' => 'control-label pull-left required']) !!}
                                            </div>
                                            <div class="col-md-12">
                                                <select id="classificationTag" name="classificationTag"
                                                    class="form-control input-sm ">
                                                    @foreach ($classificationTag as $k => $tag)
                                                        <option value="{{ $k }}">{{ $tag['label'] }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                {!! Form::label('scTypes', 'Service Charge:', ['class' => 'control-label pull-left required']) !!}
                                            </div>
                                            <div class="col-md-12">
                                                <select id="scTypes" name="scTypes" class="form-control input-sm">
                                                    @foreach ($scTypes as $k => $scType)
                                                        <option value="{{ $k }}">{{ $scType }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                {!! Form::label('loanTypes', 'Loan Type:', ['class' => 'control-label pull-left']) !!}
                                            </div>
                                            <div class="col-md-12">
                                                {!! Form::select('loanTypes', $loanTypes, null, [
                                                    'id' => 'loanTypes',
                                                    'class' => 'form-control input-sm',
                                                    'autocomplete' => 'off',
                                                ]) !!}
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-md-1">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                {!! Form::label('filFund', 'Fund:', ['class' => 'control-label pull-left']) !!}
                                            </div>
                                            <div class="col-md-12">
                                                {!! Form::select('filFund', $fundingOrgList, null, [
                                                    'id' => 'filFund',
                                                    'class' => 'form-control input-sm',
                                                    'autocomplete' => 'off',
                                                ]) !!}
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                {!! Form::label('dateTo', 'Date To:', ['class' => 'control-label pull-left required']) !!}
                                            </div>
                                            <div class="col-md-12">
                                                {!! Form::text('dateTo', null, [
                                                    'id' => 'dateTo',
                                                    'class' => 'form-control input-sm',
                                                    'autocomplete' => 'off',
                                                    'required' => 'required',
                                                    'readonly',
                                                    'style' => 'cursor:pointer',
                                                ]) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-1">
                                        <div class="form-group">
                                            {!! Form::label('', '', ['class' => 'control-label col-md-12']) !!}
                                            <div class="col-md-12">
                                                {!! Form::submit('Show Report', ['id' => 'reportSubmit', 'class' => 'btn btn-primary btn-xs']) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {!! Form::close() !!}
                            <!-- filtering end-->


                            <div class="row">
                                <div class="col-md-12" id="reportingDiv">

                                </div>
                            </div>


                        </div> {{-- panel-body panelBodyView DIV --}}
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script type="text/javascript">
        var csrf = "{{ csrf_token() }}";
        $('#dateTo').datepicker({
            dateFormat: 'dd-mm-yy',
            changeYear: true,
            changeMonth: true
        });

        $('#dateTo').click(function(event) {
            this.value = '';
        });

        $(document).ready(function() {

            $("#printIcon").click(function(event) {
                var mainContents = document.getElementById("printDiv").innerHTML;
                var headerContents = "";
                var printStyle =
                    '<style>#pomisOne1, #pomisOne2, #pomisOne3{float:left;height:auto;padding:0px;width:100% !important;font-size:11px;border:1pt ash;page-break-inside:auto;font-family:Arial;}  thead tr th{text-align:center;vertical-align: top;padding:3px;font-size:11px} #pomisOne1 thead tr th:nth-child(1){ width: 50px;} thead tr th:nth-child(10){ width: 40px;} tbody tr td:nth-child(10){ width: 40px;} tbody tr td.amount {border: 1px solid ash;text-align:right;vertical-align: middle;padding:3px;font-size:11px} tbody tr td {border: 1px solid ash;text-align:center;vertical-align: middle;padding:3px;font-size:11px} td:nth-child(1){text-align:left;} tr{ page-break-inside:avoid; page-break-after:auto } tr:last-child { font-weight: bold;} .name{text-align:left;vertical-align:left;}</style><style media="print">@page{margin:10mm 10mm;}</style><style>@media print {.element-that-contains-table { overflow: visible !important; }}</style><style>@page:first{#pomisOne1 tr:nth-of-type(10n){page-break-after: always;}} td.name{text-align:left;}</style>';
                var printContents = '<div id="order-details-wrapper">' + headerContents + printStyle +
                    mainContents + '</div>';
                var win = window.open('', 'printwindow');
                win.document.write(printContents);
                win.print();
                win.close();
            });

            $("form").submit(function(event) {
                event.preventDefault();
                var serializeValue = $(this).serialize();
                var dateTo = $('#dateTo').val();
                var branchId = $('#branchId').val();
                if (!branchId) {
                    toastr.warning("Please select branch", "Message");
                    return false;
                }

                if (!dateTo) {
                    toastr.warning("Please select to date", "Message");
                    return false;
                }
                $('#loadingModal').show();
                $("#reportingDiv").load('{{ URL::to('mfn/mraLlpOne/report') }}' + '?' + serializeValue);
            });

            $('#filDate').datepicker({
                dateFormat: 'dd-mm-yy',
                changeYear: true,
                changeMonth: true,
            });

            //$('#filProduct').trigger('change');
        });
    </script>
@endsection