@extends('layouts.app')
@section('title', session('company_code') . ' Elite System')

@section('body')
<style type="text/css">
    input[type="text"]:disabled {
        background-color: #fff;
    }

    label.required:after{
        content : '*';
        color   : red;
    }

    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
    }

    .form-group {
        margin-bottom: 8px !important;
    }
</style>

<div class="row">
    <div class="col-xs-10">
        <h4 class="text-primary" style="font-weight: 700">Miscellaneous Payment</h4>
    </div>
    <div class="col-xs-2">
        @if (session('system_mode') == 'parallel' || auth()->user()->designation == 'ADMINISTRATOR')
            <div class="pull-right">
                <div class="input-group input-group-sm">
                    <span class="input-group-addon" style="padding: 5px 15px">
                        <i class="fa fa-calendar text-danger"></i>
                    </span>
                    <input id="col__back-date" type="text" class="form-control date-masked" placeholder="COLLECTION DATE" style="font-size: 14px;" value="">
                </div>
            </div>   
        @endif
    </div>
</div>

{{-- <input type="hidden" id="hidden-current-or" value="{{ session('or_current') }}">
<input type="hidden" id="current-printer" data-current-printer="{{ session('current_printer') }}" value="{{ session('current_printer') }}"> --}}

<div class="row">
    <div class="col-xs-12">
        <div class="box box-default" style="margin-bottom:10px">
            <div class="box-body">
                <div class="row">
                    <div class="col-xs-12">
                        <span style="font-weight: bold; font-size: 14px;">
                            @if (session('new_or') == 1)
                                SI NUMBER:
                            @else
                                OR NUMBER: 
                            @endif
                            <a href="#" class="text-primary" id="edit-or" data-or-number='{{ session('or_current') }}' title="Click to set the OR Number">
                                {{ session('or_current') ? session('or_current') : 'N/A' }}
                            </a>
                        </span>
                        <br>
                        <span style="font-weight: bold; font-size: 14px;">
                            PRINTER: 
                            <a href="#" class="text-primary" id="edit-printer" data-current-printer="{{ session('current_printer') }}" title='Click to set the Printer'>
                                @if (session('current_printer'))
                                    {{ session('current_printer') }}
                                @else
                                {{ 'N/A' }}
                                @endif
                            </a>
                        </span>
                    </div>
                </div>
                <hr style="margin:5px;">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="form-group">
                            <label class="control-label required text-muted">PAYEE</label>
                            <input type="text" class="form-control ot__inputs" name="" id="ot__payee" placeholder="">
                        </div>          
                    </div>
                    <div class="col-xs-4">
                        <div class="form-group">
                            <label class="control-label required text-muted">PARTICULARS</label>
                            <input type="text" class="form-control ot__inputs" name="" id="ot__particulars" placeholder="">
                        </div>
                    </div>
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label class="control-label text-muted">ACCOUNT NUMBER</label>
                            <input type="text" class="form-control ot__inputs" name="" id="ot__account-no" placeholder="">
                        </div>          
                    </div>  
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label class="control-label text-muted">TIN NUMBER</label>
                            <input type="text" class="form-control ot__inputs" name="" id="ot__tin-number" placeholder="">
                        </div>          
                    </div> 
                </div>
                
                <div class="row">
                    <div class="col-xs-4">
                        <div class="form-group">
                            <label class="control-label text-muted">ADDRESS</label>
                            <input type="text" class="form-control ot__inputs" name="" id="ot__address" placeholder="">
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="form-group">
                            <label class="control-label text-muted">BUSINESS STYLE</label>
                            <input type="text" class="form-control ot__inputs" name="" id="ot__business-style" placeholder="">
                        </div>          
                    </div> 
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label class="control-label required text-muted">TOTAL AMOUNT</label>
                            <input type="text" class="form-control text-right text-bold" name="" id="ot__total" placeholder="" style="font-size: 24px;" disabled value="0.00">
                        </div>
                    </div>
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label class="control-label">&nbsp;</label><br>
                            <button class="btn btn-success btn-block btn-flat text-sm text-bold" id="btn-post-transaction" style="font-size: 16px;">POST PAYMENT</button>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label class="control-label text-muted">CASH AMOUNT</label>
                            <input type="text" class="form-control text-right ot__inputs wnum-only curr" name="" id="ot__cash" placeholder="" style="font-size: 16px;">
                        </div>
                    </div>
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label class="control-label text-muted">CHECK AMOUNT</label>
                            <input type="text" class="form-control text-right ot__inputs wnum-only curr" name="" id="ot__check" placeholder="" style="font-size: 16px;">
                        </div>
                    </div>  
                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="control-label check-number text-muted">CHECK NUMBER</label>
                            <input type="text" class="form-control ot__inputs" name="" id="ot__check-no" placeholder="">
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="control-label bank-name text-muted">BANK NAME</label>
                            <input type="text" class="form-control ot__inputs" name="" id="ot__bank-name" placeholder="">
                        </div>
                    </div>
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label class="control-label text-muted">VOUCHER PAYMENT:</label><span id="amt_voucher" class="text-bold pull-right">0.00</span>
                            <a href="#" class="btn btn-warning btn-xs btn-flat text-bold" id="insert-voucher" data-discount="0"><i class="fa fa-ticket"></i> USE VOUCHER</a>
                            <span id="voucher-codes">
                                {{-- <label class="label label-primary label-xs" title="A1B2C3D4E5">PHP200</label>
                                <label class="label label-primary label-xs" title="A1B2C3D4E5">PHP200</label> --}}
                            </span>
                        </div>
                    </div>
                </div>
                
                @if (session('athena_loan') == 1)
                <div class="row">
                    <div class="col-xs-12">
                        <span class="text-danger text-bold pull-right">CAUTION: PLEASE DO NOT POST ANY TRANSACTION/S OF ATHENA LOANS HERE!</span>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ URL::asset('js/qz-tray/rsvp-3.1.0.min.js') }}"></script>
<script src="{{ URL::asset('js/qz-tray/sha-256.min.js') }}"></script>
<script src="{{ URL::asset('js/qz-tray/qz-tray.js') }}"></script>
<script src="{{ URL::asset('js/qz-tray/jsrsasign-all-min.js') }}"></script>
<script src="{{ URL::asset('js/qz-tray/set-certificate.js') }}"></script>
{{-- <script src="{{ URL::asset('js/teller-others-transaction.js') }}"></script> --}}
<script src="{{ url(mix('js/teller/other-transactions.js')) }}"></script>
<script src="{{ URL::asset('js/helper.js') }}"></script>
<script src="{{ URL::asset('js/elite.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function(e) {
        $('#edit-printer').click(function(e) {
            set_printer();
        });

        $('#edit-or').click(function(e) {
            set_or(true, $new_or_set); 
        });
    });
</script>