@extends('layouts/default')

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

{{-- page level styles --}}
@section('header_styles')
<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')}}" />
<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')}}"/>
<link rel="stylesheet" href="{{asset('assets/vendors/datetime/css/jquery.datetimepicker.css')}}">
<link href="{{asset('assets/vendors/airdatepicker/css/datepicker.min.css')}}" rel="stylesheet">
<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) {
        white-space: normal !important;
    }
</style>
@stop

{{-- Page content --}}
@section('content')

<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') }}">
    {{ csrf_field() }}

    <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">
</form>

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


{{-- TOP BUTTON ROW --}}
<div class="row" style="margin-bottom:15px;">

    <div class="col-sm-3">
        <input type="text" class="form-control"
               name="voucher_date"
               id="voucher_date"
               readonly
               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>
{{-- END TOP BUTTON ROW --}}


<div class="table-responsive">
<table class="table table-bordered table-striped" id="tablePDCI" style="width:100%;">
<thead>
<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>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>{{ ($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" id="amt_{{$i}}" value="{{$pdc->amount}}">
    </td>

    <td>{{ $pdc->code }}</td>

    <td>{{ $pdc->voucher_no }}
        <input type="hidden" id="id_{{$i}}" value="{{$pdc->id}}">
        <input type="hidden" id="vtype_{{$i}}" value="{{$pdc->voucher_type}}">
    </td>

    <td><input type="text" id="ref_{{$i}}" class="form-control" style="width:8em;"></td>

    <td>
        <input type="text"
            id="draccount_{{$i}}"
            class="form-control"
            value="{{ ($baccount)?$baccount->master_name:'' }}"
            data-toggle="modal"
            data-target="#account_modal"
            style="width:8em;">

        <input type="hidden" id="draccountid_{{$i}}" value="{{($baccount)?$baccount->dr_account_master_id:''}}">
    </td>

    <td>{{ $pdc->debitor }}</td>

    <td>
        {{ $pdc->customer }}
        <input type="hidden" id="customerid_{{$i}}" value="{{$pdc->customer_id}}">
        <input type="hidden" id="customer_{{$i}}" value="{{$pdc->customer}}">
    </td>

    <td>
        {{ date('d-m-Y',strtotime($pdc->voucher_date)) }}
        <input type="hidden" id="craccountid_{{$i}}" value="{{$pdc->cr_account_id}}">
    </td>

</tr>
@endforeach

</tbody>
</table>
</div>

</div>
</div>
</div>

<div class="cdata" id="customerData"></div>
</section>


{{-- ACCOUNT SELECT MODAL --}}
<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


{{-- footer scripts --}}
@section('footer_scripts')

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

<script>
$('#voucher_date').datepicker({
    autoClose:true,
    language:'en',
    dateFormat:'dd-mm-yyyy'
});
</script>

<script>
$(document).ready(function(){

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

    $('#searchPdc').on('change', function(){
        table.search(this.value).draw();
    });

});
</script>

<script>
function setSubmit() {

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

    $("input[name='tag[]']:checked").each(function(){
        var 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.join(','));
    $('#drac').val(drac.join(','));
    $('#crac').val(crac.join(','));
    $('#amt').val(amt.join(','));
    $('#ref').val(ref.join(','));
    $('#cid').val(cid.join(','));
    $('#cname').val(cname.join(','));
    $('#vtype').val(vtype.join(','));
    $('#vdate').val($('#voucher_date').val());

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

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

</script>

@stop