@extends('layouts.cashierapp')

@section('content')
<div class='container-fluid'>
    <h3 class='display'>Student Reservation/Deposit</h3>
    <div class='col-md-12'>
        <div class='row'>
            <div class='col-md-6'>
                <p style="font-size:11pt;">
                     Student No.: {{$status->idno}}<br>
                     Student Name: {{$status->lastname}}, {{$status->firstname}}
                </p>
            </div>
            &nbsp;
            <div class='col-md-6'>
                <h4 class='display pull-right'><strong>RECEIPT NO: </strong><span style="color:red;"><b>{{$receipt_no->receipt_no}}</b></span></h4>
            </div>       
        </div>
        <div class='row'>
            <div class='col-md-6'>
                <div id="form_fields" style="background-color:white; padding:10px; ">
                    <form id='form-submit' action="{{ url('/cashier',array('reservation',$status->idno)) }}" method="POST">
                    {{csrf_field()}}
                    <input type='hidden' value='{{$status->idno}}' name='idno'>
                    
            <div class="row">
                <div class="col-md-6">Transaction Date <input type="text" class="form form-control" name="date" id="date" value="{{date("Y-m-d")}}"/><br/></div>
                <div class="col-md-6">Receipt No. <input type="text" style="font-size:20pt;font-weight:bold;color:red" class="form form-control" name="receipt_no" id="receipt_no" value="{{$receipt_no->receipt_no}}"/></div>
            </div>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <label>Reservation: </label>
                            <input class="form-control currency text-right" id="reservation" name="reservation" type="text">
                        </div>
                        <div class="col-md-6 form-group">
                            <label>Student Deposit: </label>
                            <input class="form-control currency text-right" id="deposit" name="deposit" type="text">
                        </div>     
                    </div>
                    
                    <table  class="table table-striped" id="receivepayment">
                        <tr><th>Payment Type</th><th>Cash Payment</th></tr>
                        <tr><td><span>Cash Receive</span></td><td><input type="text" name="cashamount" id="cashamount" class="currency form form-control"></td></tr>
                        <tr><td></td><td><b>Check Payment</b></td></tr>
                        <tr><td>Bank</td><td><input type="text" name="bank" id="bank" class="form form-control"></td></tr>
                        <tr><td>Check Number</td><td><input type="text" name="checkno" id="checkno" class="form form-control"></td></tr>
                        <tr><td>Check Amount</td><td><input type="text" name="checkamount" id="checkamount" class="currency form form-control"></td></tr>
                        <tr><td></td><td><b>Bank Deposit</b></td></tr>
                        <tr><td>Deposit Reference Number</td><td><input type="text" name="depositreference" id="depositreference" class="form form-control"></td></tr>
                        <tr><td>Deposit Amount</td><td><input type="text" name="depositamount" id="depositamount" class="currency form form-control"></td></tr>
                        <tr><td>Change</td><td><input type="text" name="change" id="change" value="0.00" class="currency form form-control" readonly></td></tr>
                        <tr><td>Remarks</td><td><input type="text" name="remarks" id="remarks" class="form form-control" disabled="disabled"></td></tr>
                    </table>  
                    
                    <button type="submit" class="form-control btn btn-success" id="submit"><b>Process Payment</b></button>
                   </form>
                </div>
            </div>
            <div class='col-md-6'>
                @if(count($reservations)>0)
                <div style="background-color:#053f6f; padding:10px; color:white; text-align: center;">Unused Reservation</div>
                <table  class="table table-bordered table-striped" id="receivepayment">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(count($reservations)>0)
                        @foreach($reservations as $reservation)
                        <tr>
                            <td>{{$reservation->transaction_date}}</td>
                            <td>{{number_format($reservation->amount,2)}}</td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
                @endif
                @if(count($deposits)>0)
                <div style="background-color:#053f6f; padding:10px; color:white; text-align: center;">Student Deposit</div>
                <table  class="table table-bordered table-striped" id="receivepayment">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(count($deposits)>0)
                        @foreach($deposits as $deposit)
                        <tr>
                            <td>{{$deposit->transaction_date}}</td>
                            <td>{{number_format($deposit->amount,2)}}</td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>  
                @endif
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('js/jquery.maskMoney.js') }}"></script>
<script>
$('.currency').maskMoney();
$('#receivepayment').hide();
$('#submit').hide();

$(".toNumeric").keyup(function () {
    if (this.value != this.value.replace(/[^0-9\.]/g, '')) {
        this.value = this.value.replace(/[^0-9\.]/g, '');
    }
});

$('#form-submit').on('submit',function(){
    cashamount = $('#cashamount').maskMoney('unmasked')[0];
    $('#cashamount').val(cashamount);
    checkamount = $('#checkamount').maskMoney('unmasked')[0];
    $('#checkamount').val(checkamount);
    depositamount = $('#depositamount').maskMoney('unmasked')[0];
    $('#depositamount').val(depositamount);
    deposit = $('#deposit').maskMoney('unmasked')[0];
    $('#deposit').val(deposit);
    reservation = $('#reservation').maskMoney('unmasked')[0];
    $('#reservation').val(reservation);
    change = $('#change').maskMoney('unmasked')[0];
    $('#change').val(change);
});

$('#reservation').keypress(function(e) {
    if(e.which == 13) {
        $('#explanation').focus();
        $('#receivepayment').fadeIn(300);
        $('#cashamount').focus();
        e.preventDefault();
        return false;
    }
});

$('#deposit').keypress(function(e) {
    if(e.which == 13) {
        $('#explanation').focus();
        $('#receivepayment').fadeIn(300);
        $('#cashamount').focus();
        e.preventDefault();
        return false;
    }
});

$('#bank').keypress(function(e) {
    if(e.which == 13) {
        
        if($('#bank').val()==''){
            alert("Please Fill Up Bank");
            $('#bank').focus();
        }
        else{
            $('#checkno').focus();  
        } 
        e.preventDefault();
        return false;
    }
});

$('#checkno').keypress(function(e) {
    if(e.which == 13) {
        if($('#checkno').val()==''){
            alert("Please Fill Up Check No");
            $('#checkno').focus();
        }
        else{
            $('#checkamount').focus();
        }
        e.preventDefault();
        return false;
    }
});

$('#checkamount').keypress(function(e) {
    if(e.which == 13) {
        if($('#checkamount').val()==''){
            alert("Please Fill Up Check No");
            $('#checkamount').focus();
        }
        else{
            checkFunction(e.keyCode);
        }
        e.preventDefault();
        return false;
    }
});

$('#remarks').keypress(function(e) {
    if(e.which == 13) {
        $('#submit').fadeIn(300);
        $('#submit').focus();
        e.preventDefault();
        return false;
    }
});

$('#depositreference').keypress(function(e) {
    if(e.which == 13) {
        if($('#depositreference').val()==''){
            alert("Please Fill Up Reference No.");
            $('#depositreference').focus();
        }
        else{
            $('#checkamount').focus();
        }
        e.preventDefault();
        return false;
    }
});

$('#depositamount').keypress(function(e) {
    if(e.which == 13) {
        if($('#depositamount').val()==''){
            if($('#depositreference').val()==''){
                alert("Please Fill Up Reference No.");
                $('#depositreference').focus();
            }
            $('#depositamount').focus();
        }
        else{
            checkFunction(e.keyCode);
        }
        e.preventDefault();
        return false;
    }
});

function checkFunction(e) {
if(e == 13){
var total = 0;
var cashamount = $('#cashamount').maskMoney('unmasked')[0];
var depositamount = $('#depositamount').maskMoney('unmasked')[0];
var deposit = $('#deposit').maskMoney('unmasked')[0];
var reservation = $('#reservation').maskMoney('unmasked')[0];
var bank = $("#bank").val();
var checkno = $("#checkno").val();
var checkamount = $("#checkamount").maskMoney('unmasked')[0];
var change = 0;
var result = 0;
if(reservation == ''){
    reservation = 0;
}
if(deposit == ''){
    deposit = 0;
}
var lesstotal = parseFloat(deposit) + parseFloat(reservation);
if(parseFloat(checkamount) + parseFloat(depositamount)  > lesstotal){
    alert("Invalid Amount. The amount in check should not be greater than "+ lesstotal);
    $("#checkamount").focus();
}
else{
    var totalreceive = cashamount + depositamount + checkamount;
    if(totalreceive > lesstotal){
        change = totalreceive - lesstotal;
        $('#change').val(change.toFixed(2));
        $("#remarks").removeAttr('disabled');
        $("#remarks").focus();
    }
    else if(totalreceive == lesstotal){
        $('#change').val('0.00');
        $("#remarks").removeAttr('disabled');
        $("#remarks").focus();
    }
    else{
        alert("Amount Receive Should Be Equal or Greater Than The Amount Collected");
        $("#cashamount").focus();
    }
}
$('#submit').fadeIn(300);
}
}

$('#cashamount').keypress(function(e){
var cashamount = $('#cashamount').maskMoney('unmasked')[0];
var deposit = $('#deposit').maskMoney('unmasked')[0];
var reservation = $('#reservation').maskMoney('unmasked')[0];;
var bank = $("#bank").val();
var checkno = $("#checkno").val();
var checkamount = $("#checkamount").maskMoney('unmasked')[0];
var change = 0;
if(reservation == ''){
    reservation = 0;
}
if(deposit == ''){
    deposit = 0;
}
   if(e.which == 13){
       if(cashamount == ""){
           $('#cashamount').val("0.00");
           $("#change").val("0.00");
           $("#bank").focus();
       }
        var result = parseFloat(deposit) + parseFloat(reservation);
        if(result <= parseFloat(cashamount)){
            change = parseFloat(cashamount) - parseFloat(result);   
            $("#bank").val("");
            $("#checkno").val("");
            $("#checkamount").val("");
            $("#depositamount").val("");
            $('#change').val(change.toFixed(2));
            $("#remarks").removeAttr('disabled');
            $("#remarks").focus();
        }
        else{
            $("#bank").focus();
        }
        
       $('#submit').fadeIn(300);
       if(checkamount == ""){
           $("#checkamount").val("0.00");
       }
       e.preventDefault();
       return false;
   }
});
</script>
@stop