@extends('layouts/default')

{{-- Page title --}}
@section('title')
    PDC Received
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <!--page level css -->
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/iCheck/css/all.css')}}" />
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/bootstrap-fileinput/css/fileinput.min.css')}}" media="all" />
    <link rel="stylesheet" type="text/css" href="{{asset('assets/css/formelements.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatables/css/scroller.bootstrap.css')}}"/>
    <!--end of page level css-->
    <link rel="stylesheet" href="{{asset('assets/vendors/datetime/css/jquery.datetimepicker.css')}}">
    <link href="{{asset('assets/vendors/airdatepicker/css/datepicker.min.css')}}" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatables/css/buttons.bootstrap.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatables/css/colReorder.bootstrap.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatables/css/dataTables.bootstrap.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatables/css/rowReorder.bootstrap.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatables/css/scroller.bootstrap.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatablesmark.js/css/datatables.mark.min.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom_css/responsive_datatables.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/css/datepicker.css')}}">

    <style>
        #tablePDCI td, #tablePDCI th {
            white-space: nowrap;
        }
        #tablePDCI td:nth-child(10) {   /* Customer column */
            white-space: normal !important;
        }
    </style>
@stop

{{-- Page content --}}
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>PDC Received</h1>
        <ol class="breadcrumb">
            <li>
                <a href="">
                    <i class="fa fa-fw fa-retweet"></i> Transaction
                </a>
            </li>
            <li>
                <a href="">Post Dated Cheque</a>
            </li>
            <li class="active">
                PDC Received
            </li>
        </ol>
    </section>

    @if(Session::has('message'))
        <div class="alert alert-success">
            <p>{{ Session::get('message') }}</p>
        </div>
    @endif

    <section class="content">
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-info">
                    <div class="panel-heading clearfix">
                        <h3 class="panel-title pull-left m-t-6">
                            <i class="fa fa-fw fa-list-alt"></i> PDC Received List
                        </h3>
                    </div>

                    <div class="panel-body">
                        <form method="POST" name="frmPdcReceived" id="frmPdcReceived" action="{{ url('pdc_received/save') }}">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <input type="hidden" name="id" id="pdcid">
                            <input type="hidden" name="voucher_type" id="vtype">
                            <input type="hidden" name="reference" id="ref">
                            <input type="hidden" name="dr_account_id" id="drac">
                            <input type="hidden" name="cr_account_id" id="crac">
                            <input type="hidden" name="customer_id" id="cid">
                            <input type="hidden" name="amount" id="amt">
                            <input type="hidden" name="vdate" id="vdate">
                            <input type="hidden" name="cname" id="cname">
                            <input type="hidden" name="print_type" id="print_type">

                            @if(!$baccount)
                                <div class="alert alert-warning">
                                    <p>PDC received debit account is not set in PDC voucher! For set this account, go to Account Settings in Administration menu and create a PDCR voucher with your debit account.</p>
                                </div>
                            @endif

                            <div class="panel-body">
                                <div class="row" style="margin-bottom:15px;">

                                    <div class="col-sm-3">
                                        <input type="text"
                                            class="form-control"
                                            name="voucher_date"
                                            data-language="en"
                                            readonly
                                            id="voucher_date"
                                            placeholder="Cheque Transfer Date"
                                            autocomplete="off">
                                    </div>
                                
                                    <div class="col-sm-2">
                                        <button type="button"
                                                class="btn btn-primary btn-block"
                                                id="btnsubmit"
                                                onclick="setSubmit()">
                                            Submit
                                        </button>
                                    </div>
                                
                                    <div class="col-sm-3">
                                        <a href="{{ url('pdc_received/undo_list') }}"
                                        class="btn btn-primary btn-block">
                                            View PDC Submitted List
                                        </a>
                                    </div>
                                
                                    <div class="col-sm-2">
                                        <button type="button"
                                                class="btn btn-primary btn-block"
                                                onclick="getDetail()">
                                            Print PDC Report
                                        </button>
                                    </div>
                            
                                    <div class="col-sm-2">
                                        <select class="form-control" id="searchPdc">
                                            <option value="">Sort by...</option>
                                            @foreach($pdcrs as $row)
                                                <option value="{{ $row->master_name }}">{{ $row->master_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            

                                <div class="table-responsive">
                                    <table class="table table-bordered table-striped" id="tablePDCI" style="width:100%;">
                                        <thead class="thead-light" style="white-space: nowrap;">
                                        <tr>
                                            <th>#</th>
                                            <th>Chq.Date</th>
                                            <th>Chq.No</th>
                                            <th>Amount</th>
                                            <th>Bank</th>
                                            <th>Vchr.No</th>
                                            <th>Reference</th>
                                            <th>Bank A/c.Dr.</th>
                                            <th class="no_wrap">PDC A/c.Cr.</th>
                                            <th>Customer</th>
                                            <th>Vchr.Date</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                            {{--*/ $i = 0; /*--}}
                                            @foreach($pdcs as $pdc)
                                                @php $i++; @endphp
                                                <tr>
                                                    <td>
                                                        <input type="checkbox" name="tag[]" class="tag-line" value="{{$i}}">
                                                    </td>
                                                    <td class="no_wrap">{{ ($pdc->cheque_date=='0000-00-00')?'':date('d-m-Y',strtotime($pdc->cheque_date)) }}</td>
                                                    <td>{{ $pdc->cheque_no }}</td>
                                                    <td>
                                                        {{ number_format($pdc->amount,2) }}
                                                        <input type="hidden" name="amount[]" id="amt_{{$i}}" value="{{$pdc->amount}}">
                                                    </td>
                                                    <td>{{ $pdc->code }}</td>
                                                    <td>
                                                        {{ $pdc->voucher_no }}
                                                        <input type="hidden" name="ids[]" id="id_{{$i}}" value="{{$pdc->id}}">
                                                        <input type="hidden" name="voucher_type[]" id="vtype_{{$i}}" value="{{$pdc->voucher_type}}">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="reference[]" id="ref_{{$i}}" autocomplete="off" class="form-control" style="width:8em;">
                                                    </td>
                                                    <td>
                                                        <input type="text"
                                                            name="dr_account[]"
                                                            id="draccount_{{$i}}"
                                                            class="form-control"
                                                            required
                                                            value="{{($baccount)?$baccount->master_name:''}}"
                                                            data-toggle="modal"
                                                            data-target="#account_modal"
                                                            style="width:8em;">
                                                        <input type="hidden" name="dr_account_id[]" id="draccountid_{{$i}}" value="{{($baccount)?$baccount->dr_account_master_id:''}}">
                                                    </td>
                                                    <td>{{ $pdc->debitor }}</td>
                                                    <td class="no_wrap">
                                                        {{ $pdc->customer }}
                                                        <input type="hidden" name="customer_id[]" id="customerid_{{$i}}" value="{{$pdc->customer_id}}">
                                                        <input type="hidden" name="customer[]" id="customer_{{$i}}" value="{{$pdc->customer}}">
                                                    </td>
                                                    <td class="no_wrap">
                                                        {{  date('d-m-Y',strtotime($pdc->voucher_date)) }}
                                                        <input type="hidden" name="cr_account_id[]" id="craccountid_{{$i}}" value="{{$pdc->cr_account_id}}">
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                              
                                

                            </div>

                        </form>

                        <div id="example-console-form"></div>

                    </div><!-- /.panel-body -->
                </div>
            </div>
                                        
        <div class="cdata" id="customerData"></div>

    </section>

    <div id="account_modal" class="modal fade animated" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Select Account</h4>
                </div>
                <div class="modal-body" id="account_data"></div>
            </div>
        </div>
    </div>
@stop


{{-- page level scripts --}}
@section('footer_scripts')
    <!-- begining of page level js -->
    <script type="text/javascript" src="{{asset('assets/vendors/bootstrapvalidator/js/bootstrapValidator.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/iCheck/js/icheck.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/bootstrap-fileinput/js/fileinput.min.js')}}"></script>

    <script src="{{asset('assets/vendors/moment/js/moment.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/vendors/datetime/js/jquery.datetimepicker.full.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/vendors/airdatepicker/js/datepicker.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/vendors/airdatepicker/js/datepicker.en.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/js/custom_js/advanceddate_pickers.js')}}"></script>

    <script type="text/javascript" src="{{asset('assets/vendors/datatables/js/jquery.dataTables.js') }}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.buttons.js') }}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.colReorder.js') }}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.responsive.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.rowReorder.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/datatables/js/buttons.colVis.js') }}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/datatables/js/buttons.html5.js') }}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/datatables/js/buttons.bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/datatables/js/buttons.print.js') }}"></script>
    <script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.scroller.js')}}"></script>

    <script src="{{asset('assets/vendors/mark.js/jquery.mark.js')}}" charset="UTF-8"></script>
    <script src="{{asset('assets/vendors/datatablesmark.js/js/datatables.mark.min.js')}}" charset="UTF-8"></script>
    <script src="{{asset('assets/js/custom_js/responsive_datatables.js')}}" type="text/javascript"></script>

    <!-- end of page level js -->
    <script>
        $('#voucher_date').datepicker({ autoClose:true, dateFormat:'dd-mm-yyyy' });

        $(document).ready(function() {

            // DataTable on correct ID
            var table = $('#tablePDCI').DataTable({
                scrollX: true,
                order: [[0, 'asc']]
            });

            // Search / Sort dropdown
            $(document).on('change','#searchPdc', function() {
                table.search( this.value ).draw();
            });

            // Old .chksubmit handler retained (if used anywhere)
            $('.chksubmit').click( function() {

                var checked=false;
                var elements = document.getElementsByName("id[]");
                for(var i=0; i < elements.length; i++){
                    if(elements[i].checked) {
                        checked = true;
                    }
                }

                if (!checked) {
                    alert('Please select atleast one received Cheque!');
                    return checked;
                } else if($('#voucher_date').val()=='') {
                    alert('Please enter transfer date!');
                    return false;
                } else {

                    var data = table.$('input').serialize();
                    $.ajax({
                        url: "{{ url('pdc_received/cheque_submit/') }}",
                        type: "POST",
                        data: data+'&voucher_date='+$('#voucher_date').val(),
                        success: function(data) {
                            if(data)
                                location.href="{{ url('pdc_received/') }}";
                        }
                    });

                }
            });

            // Bank account popup (list)
            var acurl = "{{ url('account_master/get_account_list/BANK') }}";
            $(document).on('click', 'input[name="dr_account[]"]', function(e) {
                var res = this.id.split('_');
                var curNum = res[1];
                $('#account_data').load(acurl+'/'+curNum, function(result){
                    $('#myModal').modal({show:true}); $('.input-sm').focus();
                });
            });

            // When selecting account from modal
            $(document).on('click', '.accountRow', function(e) {
                var num = $('#num').val();
                $('#draccount_'+num).val( $(this).attr("data-name") );
                $('#draccountid_'+num).val( $(this).attr("data-id") );

                $('#btnsubmit').attr('disabled',false)
            });

        });

        // Custom account popup (old code kept)
        $(function(){
            $('.cdata').toggle();
            var itmurl = "{{ url('account_master/custom_account/') }}";
            $(document).on('click', 'input[name="dr_account[]"]', function(e) {
                var res = this.id.split('_');
                var curNum = res[1];
                $('#customerData').load(itmurl+'/'+curNum, function(result){
                    $('#myModal').modal({show:true});
                });

            });
        });

        var popup;
        function getAccount(e) {

            var ht = $(window).height();
            var wt = $(window).width();
            var res = e.id.split('_');
            var curNum = res[1];
            var itmurl = "{{ url('account_master/custom_account/') }}/"+curNum;
            popup = window.open(itmurl, "Popup", "width=900,height=500,top=100,left=200");
            popup.focus();
            return false
        }

        function setSubmit2() {

            var checked=false;
            var elements = document.getElementsByName("id[]");
            for(var i=0; i < elements.length; i++){
                if(elements[i].checked) {
                    checked = true;
                }
            }
            if (!checked) {
                alert('Please select atleast one received Cheque!');
                return checked;
            } else if($('#voucher_date').val()=='') {
                alert('Please enter transfer date!');
                return false;
            } else {
                $("#frmPdcReceived").submit();
            }
        }

        function setSubmit() {

            var checked=false; var is_ac=false;
            var elements = document.getElementsByName("tag[]");
            for(var i=0; i < elements.length; i++){
                if(elements[i].checked) {
                    checked = true;
                    is_ac=true;
                }
            }

            $("input[type=checkbox]:checked").each(function() {
                var curNum = this.value;
                if($('#draccountid_'+curNum).val()=='') {
                    is_ac=false;
                }
            });

            if (!checked) {
                alert('Please select atleast one received Cheque!');
                return checked;
            } else if($('#voucher_date').val()=='') {
                alert('Please enter transfer date!');
                return false;
            } else if(!is_ac) {
                alert('Debit account is required!');
            } else {

                var id = []; var drac = []; var crac = []; var amt = [];
                var ref = []; var vtype = []; var cid = []; var cname = []; var i;

                $("input[name='tag[]']:checked").each(function(){
                    i =  $(this).val();
                    id.push($('#id_'+i).val());
                    drac.push($('#draccountid_'+i).val());
                    crac.push($('#craccountid_'+i).val());
                    amt.push($('#amt_'+i).val());
                    ref.push($('#ref_'+i).val());
                    cid.push($('#customerid_'+i).val());
                    cname.push($('#customer_'+i).val());
                    vtype.push($('#vtype_'+i).val());
                });

                $('#pdcid').val(id);
                $('#drac').val(drac);
                $('#crac').val(crac);
                $('#amt').val(amt);
                $('#ref').val(ref);
                $('#vtype').val(vtype);
                $('#cid').val(cid);
                $('#cname').val(cname);
                $('#vdate').val($('#voucher_date').val());

                $("#frmPdcReceived").submit();
            }
        }

        function getDetail() {
            $('#print_type').val('uncleared');
            document.frmPdcReceived.action = "{{ url('pdc_received/print')}}";
            document.frmPdcReceived.submit();
        }

        function setUndo() {

            var checked=false;
            var elements = document.getElementsByName("tag[]");
            for(var i=0; i < elements.length; i++){
                if(elements[i].checked) {
                    checked = true;
                }
            }
            if (!checked) {
                alert('Please select atleast one received Cheque!');
                return checked;
            } else {
                document.frmPdcReceived.action="{{ url('pdc_received/undo')}}";
                document.frmPdcReceived.submit();
            }
        }
    </script>

@stop