@extends('layouts/microfin_layout')
@section('title', '| Savings Matured Account')
@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;">Savings Matured Account</h3>
                   </div>

                   <div class="panel-body panelBodyView" >

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

                            @if($userBranchId == 1)
                            <div class="col-md-2">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        {!! Form::label('', 'Branch:', ['class' => 'control-label pull-left']) !!}
                                    </div>
                                    <div class="col-md-12">
                                        {!! Form::select('filBranch', [''=>'--All--']+$branchList, null ,['id'=>'filBranch','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                    </div>
                                </div>
                            </div>
                            @endif

                            
                            <div class="col-md-2">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        {!! Form::label('', 'Product:', ['class' => 'control-label pull-left']) !!}
                                    </div>
                                    <div class="col-md-12">
                                        {!! Form::select('filProduct', [''=>'--All--']+$product, null ,['id'=>'filProduct','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('', 'Status:', ['class' => 'control-label pull-left']) !!}
                                    </div>
                                    <div class="col-md-12">
                                        {!! Form::select('filStatus', ['' => '--All--', '0' => 'Unapprove', '1' => 'Approve', '2' => 'Closed/Payment'], null ,['id'=>'filStatus','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('', 'Savings Code:', ['class' => 'control-label pull-left']) !!}
                                    </div>
                                    <div class="col-md-12">
                                        {!! Form::text('filSavingsCode', null,['id'=>'filSavingsCode','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('', 'Date as on*:', ['class' => 'control-label pull-left']) !!}
                                    </div>
                                    <div class="col-md-12">
                                        {!! Form::text('filDate', date('d-m-Y'),['id'=>'filDate','class'=>'form-control input-sm', 'autocomplete'=>'off','readonly','style'=>'cursor:pointer']) !!}
                                    </div>
                                </div>
                            </div>

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

                            <div class="col-md-2">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        {!! Form::label('filDateTo', 'Date To:', ['class' => 'control-label pull-left']) !!}
                                    </div>
                                    <div class="col-md-12">
                                        {!! Form::text('filDateTo', null,['id'=>'filDateTo','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">
        $(document).ready(function() {
            $('#filDateFrom, #filDateTo').parents('.form-group').parent('div').hide('slow');
            $("#filStatus").on('change', function() {
                $('#filDate, #filDateFrom, #filDateTo').parents('.form-group').parent('div').hide('slow');
                var filStatus =  $(this).val();
                if(filStatus == 2){
                    $('#filDateFrom, #filDateTo').parents('.form-group').parent('div').show('slow');
                }else{
                    $('#filDate').parents('.form-group').parent('div').show('slow');
                }
            });

            $("#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 filStatus =  $('#filStatus').val();
                var filDate = $('#filDate').val();
                var filDateFrom = $('#filDateFrom').val();
                var filDateTo = $('#filDateTo').val();

                if(filStatus != 2 && !filDate){
                    toastr.warning("Please choose a date", "Message");
                    return false;
                }

                if(filStatus == 2 && (!filDateFrom || !filDateTo)){
                    toastr.warning("Please choose Date From & Date to", "Message");
                    return false;
                }
                
                var serializeValue=$(this).serialize();
                $('#loadingModal').show();
                $("#reportingDiv").load('{{URL::to("maturedAccount/getReport")}}'+'?'+serializeValue);
            });

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

            $('#filDateFrom').datepicker({
                dateFormat: 'dd-mm-yy',
                changeYear: true,
                changeMonth: true,
                onSelect: function(){
                    thisDate = $("#filDateFrom").datepicker('getDate');
                    $('#filDateTo').datepicker('option','minDate',thisDate);
                }
            });

            $('#filDateTo').datepicker({
                dateFormat: 'dd-mm-yy',
                changeYear: true,
                changeMonth: true,
                onSelect: function(){
                    thisDate = $("#filDateTo").datepicker('getDate');
                    $('#filDateFrom').datepicker('option','maxDate',thisDate);
                }
            });

            $('#filDate, #filDateFrom,#filDateTo').click(function(event) {
            this.value = '';
        });
        });

    </script>


@endsection
      
{{-- Approve Modal --}}
<div class="modal fade" id="approve-confirmation-modal">
	<div class="modal-dialog">
		<div class="modal-header"  style="background: black; color: white;">
			<h4 class="modal-title">Approve Confirmation</h4>
		</div>
		<div class="modal-content">
			<div class="modal-body">
				Are you sure to approve this item?
			</div>
		</div>
		<div class="modal-footer" style="background: white;">
			<div class="form-group hidden">
				<div class="col-sm-6 col-sm-offset-2">
					{!! Form::hidden('approve_id', null, ['class' => 'form-control', 'id' => 'approve_id', 'type' => 'text', 'readonly']) !!}
				</div>
			</div>
			<button id="yesBtn" type="button" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;" >Yes</button>
			<button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal" style="margin-bottom:0!important;">No</button>
		</div>
	</div>
</div>
{{-- End Approve Modal --}}


{{-- Unapprove Modal --}}
<div class="modal fade" id="unapprove-confirmation-modal">
	<div class="modal-dialog">
		<div class="modal-header" style="background: black; color: white;">
			<h4 class="modal-title">Approve Confirmation</h4>
		</div>
		<div class="modal-content">
			<div class="modal-body">
				Are you sure to unapprove this item?
			</div>
		</div>
		<div class="modal-footer" style="background: white;">
			<div class="form-group hidden">
				<div class="col-sm-6 col-sm-offset-2">
					{!! Form::hidden('unapprove_id', null, ['class' => 'form-control', 'id' => 'unapprove_id', 'type' => 'text', 'readonly']) !!}
				</div>
			</div>
			<button id="yesBtnUnapprove" type="button" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;" >Yes</button>
			<button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal" style="margin-bottom:0!important;">No</button>
		</div>
	</div>
</div>
{{-- End Unapprove Modal --}}