@extends('layouts.cashierapp')
@section('content')
<style>
    .deposit{
        text-align: right;
        font-weight: bold;
        color:black;
    }
    .cash{
        font-size:14pt;
        font-weight: bold;
        color:maroon;
    }
    .number{
        text-align: right;
    }
    #variance_overage{
        font-size:20pt;
        font-weight: bold;
        text-align: center;
        padding: 10px;
        color: green;
        background-color: #FFEFC1;
    }
    #variance_shortage{
        font-size:20pt;
        font-weight: bold;
        text-align: center;
        padding: 10px;
        color: red;
        background-color: #d3d3d3;
    }
    #variance_no{
        font-size:20pt;
        font-weight: bold;
        text-align: center;
        padding: 10px;
        color: darkblue;
        background-color: #B5D1D8;
    }
</style>
<?php $ac = Auth::user()->access_level; echo $ac;?>
<div class="content-header">
    <h3>
        Cash Denomination
        <small></small>
    </h3>
</div>
<div class="container-fluid">
   
            <div class="col-md-4">
                <div class="form-group">
                    <label>Date</label>
                    <div class="input-group date">
                        <div class="input-group-addon">
                            <i class="fa fa-calendar"></i>
                        </div>
                        <input type="text" value="{{$transaction_date}}" class="form-control pull-right" id="datepicker">
                    </div>
                </div>
            </div>
    <div class="clearfix"></div>
    <hr>
    <div class="box">
        <div class="box-header">
            <h4><strong>@if(Auth::user()->accesslevel == 4)
                        Add @endif Denominations</strong></h4>
        </div>
        <div class="box-body">
            @if($transaction_date == date('Y-m-d'))  
            @if(Auth::user()->accesslevel == 4)
            <form method="post" action="{{url('/cashier/save',array('denomination'))}}">
                {!!csrf_field()!!}    
                <input type="hidden" value="{{$transaction_date}}" name="date_today">
                <div class="col-md-4">
                    <div class="form form-group">
                        <label>Denomination</label>
                        <select id="denomination" name="denomination" class="form form-control">
                            <option>0.01</option>
                            <option>0.05</option>
                            <option>0.10</option>
                            <option>0.25</option>
                            <option>1</option>
                            <option>5</option>
                            <option>10</option>
                            <option>20</option>
                            <option>50</option>
                            <option>100</option>
                            <option>200</option>
                            <option>500</option>
                            <option>1000</option>
                        </select>    
                    </div>
                </div>


                <div class="col-md-4">
                    <div class="form form-group">
                        <label>Breakdown</label>
                        <input type="text" id="count" name="count" class="from form-control number"> 
                    </div>    
                </div>
                <div class="col-md-4">
                    <div class="form form-group">
                        <label>&nbsp;</label>
                        <input type="submit" id="submit" class="form form-control btn btn-success" style="font-weight:bold" value="Save"> 
                    </div>    
                </div>
            </form>
            @endif
            @endif    
            <div class="clearfix"></div>
            <?php $total_checks = 0;
            $total_cash = 0;
            ?>
            <div class="row">
            <div class="col-md-12"> 
                @if(count($lists)>0)
<?php $count = 1; ?>
                <table class="table table-responsive" width="80%">
                    <tr>
                        <th width="10%">#</th>
                        <th width="20%">Breakdown</th>
                        <th width="30%">Denominations</th>
                        <th width="30%">Total</th>
                        <th width="10"></th></tr>
                    @foreach($lists as $list)
                    <?php $total_cash += ($list->denomination * $list->count)?>
                    <tr>
                        <td>{{$count++}}</td>
                        <td>{{$list->count}}</td>
                        <td>{{number_format($list->denomination,2)}}</td>
                        <td>{{number_format($list->count * $list->denomination,2)}}</td>
                        @if(Auth::user()->accesslevel == 4)
                        @if($transaction_date == date('Y-m-d'))  
                        <td><a class="remove_deposit" href="{{url('/cashier',array('remove','denomination',$list->id))}}">Remove</a></td>
                        @endif
                        @endif
                    </tr>
                    @endforeach
                    <tr><td align="right" colspan="3"><strong>TOTAL</strong></td><td>{{number_format($total_cash,2)}}</td></tr>
                </table>
                @else
                <h4><i style="color:blue">No Record to Display!!!</i></h4>
                @endif
            </div> 
        </div>
        </div>          
    </div>
    &nbsp;   
    <div class="box">
        <div class="box-header">
            <h4><strong>Variance</strong></h4>
        </div>
        <div class="box-body">
            <div class="col-md-8">
                <table class="table table-responsive">
                    <tr>
                        <th></th>
                        <th>Record</th>
                        <th>Computed Receipt</th>
                        <th>Petty Cash Checks</th>
                        <th>Variance</th>
                    </tr>
                    <tr>
                        <th>Cash</th>
                        <td align="right">{{number_format($total_cash,2)}}</td>
                        <td align="right">{{number_format($payments->cash_amount,2)}}</td>
                        <td align="right">{{number_format($petty_cash->amount,2)}}</td>
                        <td align="right">{{number_format($total_cash-($payments->cash_amount-$petty_cash->amount),2)}}</td></tr>
                </table>
<?php $total_variance = $total_cash - ($payments->cash_amount - $petty_cash->amount) ?>
            </div>  
            <div class="col-md-4">
                @if($total_variance >0)
                <label>Total Overages</label>
                <div id="variance_overage">
                    {{number_format($total_variance,2)}}
                </div>
                @elseif($total_variance==0)
                <label>No Variance</label>
                <div id="variance_no">
                    {{number_format($total_variance,2)}}
                </div>
                @else
                <label>Total Shortages</label>
                <div id="variance_shortage">
                    {{number_format($total_variance,2)}}
                </div>
                @endif
            </div>    
        </div>
    </div>
</div>
@stop
@section('script')
<script>
    $(document).ready(function () {
        $("#amount").focus();
        $('#datepicker').datepicker({
            autoclose: true,
            dateFormat: 'yy-mm-dd',
        })

        $(".remove_deposit").on("click", function (e) {
            if (confirm("Are You Sure To Remove This Deposit slip ?")) {
                return true;
            } else {
                return false;
                e.preventDefault();
            }
        })
        $("#datepicker").on('change', function (e) {
            document.location = "/cash_denomination/" + $("#datepicker").val()
        })
        $(".number").on('keypress', function (e) {
            var theEvent = e || window.event;
            var key = theEvent.keyCode || theEvent.which;
            if ((key < 48 || key > 57) && !(key == 8 || key == 9 || key == 13 || key == 37 || key == 39 || key == 46)) {
                theEvent.returnValue = false;
                if (theEvent.preventDefault)
                    theEvent.preventDefault();
            }
        })
        $("#deposit_type").on('change', function (e) {
            $("#amount").focus()
        })
        $("#amount").on('keypress', function (e) {
            if (e.keyCode == 13) {
                if ($("#amount").val() == "") {
                    alert("Invalid amount")
                } else {
                    $("#particular").focus();
                }
                e.preventDefault();
            }
        })

        $("#particular").on("keypress", function (e) {
            if (e.keyCode == 13) {
                $("#submit").focus()
                e.preventDefault();
            }
        })
    })
</script>
@stop