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

@section('body')
<div class="box box-default">
    <div class="box-body" style="height: 60%;">
        <div class="row">
            <div class="col-xs-12">
                <label class="text-primary" style="font-size:16px; margin-top:6px">Search Athena PR Number</label>

                
            </div>
        </div>
        <hr style="margin-top:6px; margin-bottom:8px">
        <div class="row">
            <div class="col-xs-2">
                <div class="form-group">
                    <div style="margin-top: 5px;">
                        <input type="text" id="search-by-pr" class="form-control" placeholder="Enter PR Number">
                    </div>
                </div>
            </div>
            <div class="col-xs-2">
                <div class="form-group">
                    <label>PR NUMBER</label>
                    <div>
                        <input type="text" class="form-control" readonly="true" id="pr-number">
                    </div>
                </div>
            </div>       
            <div class="col-xs-4">
                <div class="form-group">
                    <label>CUSTOMER NAME</label>
                    <div>
                        <input type="text" class="form-control" readonly="true" id="cust-name">
                    </div>
                </div>
            </div>
            <div class="col-xs-2">
                <div class="form-group">
                    <label>ACCOUNT NUMBER</label>
                    <div>
                        <input type="text" class="form-control" readonly="true" id="acct-number">
                    </div>
                </div>
            </div>        
        </div>

        <div class="row">
            <div class="col-xs-2">
                &nbsp;
            </div>
            <div class="col-xs-2">
                <div class="form-group">
                    <label>AMOUNT TOTAL</label>
                    <div>
                        <input type="text" class="form-control" readonly="true" id="amount-total">
                    </div>
                </div>
            </div>        
            <div class="col-xs-2">
                <div class="form-group">
                    <label>AMOUNT CASH</label>
                    <div>
                        <input type="text" class="form-control" readonly="true" id="amount-cash">
                    </div>
                </div>
            </div> 
            <div class="col-xs-2">
                <div class="form-group">
                    <label>AMOUNT CHECK</label>
                    <div>
                        <input type="text" class="form-control" readonly="true" id="amount-check">
                    </div>
                </div>
            </div> 
            <div class="col-xs-2">
                <div class="form-group">
                    <label>CHECK NUMBER</label>
                    <div>
                        <input type="text" class="form-control" readonly="true" id="check-number">
                    </div>
                </div>
            </div>  
            <div class="col-xs-2">
                <div class="form-group">
                    <label>BANK NAME</label>
                    <div>
                        <input type="text" class="form-control" readonly="true" id="bank-name">
                    </div>
                </div>
            </div>                                   
        </div>   

        <div class="row">
            <div class="col-xs-2">
                &nbsp;
            </div>
            <div class="col-xs-3">
                <div class="form-group">
                    <label>COLLECTION DATE</label>
                    <div>
                        <input type="text" class="form-control" readonly="true" id="col-date">
                    </div>
                </div>
            </div>        
            <div class="col-xs-3">
                <div class="form-group">
                    <label>DATE CANCELLED</label>
                    <div>
                        <input type="text" class="form-control" readonly="true" id="date-cancelled">
                    </div>
                </div>
            </div> 
            <div class="col-xs-4">
                <div class="form-group">
                    <label>REASON OF CANCEL</label>
                    <div>
                        <input type="text" class="form-control" readonly="true" id="reason-cancel">
                    </div>
                </div>
            </div>                                     
        </div>
    </div>
</div>
@endsection
@section('scripts')

@endsection