@extends('AdminLte.template')

<!--Title-->
@section('title')
@php
$trnasactionTitle = "Barcode Based Product Inquiry" ;
@endphp
{{$trnasactionTitle}}
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
<style>
    * {
        font-weight: bold;
    }
    .input {
        border: none;
        border-bottom: 1px solid #aaa;
    }
    .div {
        background: #fff;
        font-size: 12px;
    }
    ul,
    li {
        font-size: 12px;
    }
</style>
@endsection
<!--External CSS Close-->

@section('Content')

<!-- Your Page Content Here -->
<div class="container-fluid div">

    <div class="row">
        <div class="col-md-5 col-md-offset-3">
            <h3 class="txtCenter">{{$trnasactionTitle}}</h3>
        </div>
    </div>

    <div class="row" style="margin-top:10px;">
        <div class="col-md-12">
            <span class="inputType required">✱</span> Barcode : 
            <input type="text" size="10" id="barcodepointer" name="barcodepointer" class="input">
            &emsp;&emsp;
            <span class="inputType"></span> From : 
            <input name="fromDate" id="fromDate" value="{{date('Y-m-d')}}"
                   class="inputType borderNone borderBottom blue noPadding" type="date" required>
            &emsp;&emsp;
            <span class="inputType"></span> To : 
            <input name="toDate" id="toDate" value="{{date('Y-m-d')}}"
                   class="inputType borderNone borderBottom blue noPadding" type="date" required>
            &emsp;&emsp;
            <button type="button" name="btnReset" id="btnReset" class="btn btn-xs btn-info"> <span class="glyphicon glyphicon-repeat"></span> Reset</button>
        </div>
    </div>

    <div class="row" style="margin-top:10px;">
        <div class="col-md-12">
            <label class="txtLeft"> Medicine / Item Name : </label>
            <input type="text" name="productName" tabindex="-1" id="productName"
                   class="input readOnlyBackground txtUpperCase" size="20" readonly>
            &emsp;&emsp;
            <label class="txtLeft"> Category : </label>
            <input type="text" name="category" tabindex="-1" id="category" class="input readOnlyBackground txtUpperCase"
                   size="7" readonly>
            &emsp;&emsp;
            <label class="txtLeft"> Pack Size : </label>
            <input type="text" name="productPackSize" tabindex="-1" id="productPackSize"
                   class="input readOnlyBackground" size="2" readonly>
        </div>
    </div>

    <div class="row" style="margin-top:10px;">
        <div class="table-responsive">
            <div class="col-md-12" style="overflow: hidden; overflow-y: scroll; height:300px; border:1px solid #aaa;">
                <table class="table borderNone commonFontSize" id="maintable">
                    <thead>
                        <tr>
                            <th class="th warning borderTopBottom alignTop txtRight">Sr No.</th>
                            <th class="th warning borderTopBottom alignTop">&emsp;&emsp;Trn Type</th>
                            <th class="th warning borderTopBottom alignTop">Trn ID</th>
                            <th class="th warning borderTopBottom alignTop">Trn DateTime</th>
                            <th class="th warning borderTopBottom alignTop txtRight">Qty</th>
                            <th class="th warning borderTopBottom alignTop">&emsp;&emsp;Patient / Department / Supplier
                            </th>
                            <th class="th warning borderTopBottom alignTop">Store</th>
                            <th class="th warning borderTopBottom alignTop">To Store</th>
                        </tr>
                    </thead>
                    <tbody id="productInquiryTbody">
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="row" style="margin-top:10px;">
        <div class="col-md-12">
            <span class="requiredEither fontsize12">
                General Information : <br/>
            </span>
            <div class="col-md-2">
                <span class="fontsize10 bold">PR - Purchase Return</span> <br/>
                <span class="fontsize10 bold">I - Sale</span> <br/>
                <span class="fontsize10 bold">IR - Sale Return</span> <br/>
                <span class="fontsize10 bold">DC - Delivery Challan</span> <br/>
                <span class="fontsize10 bold">DCR - Delivery Challan Return</span> 
            </div>
            <div class="col-md-3 txtLeft">
                <span class="fontsize10 bold">GRNR - GRN Return</span> <br/>
                <span class="fontsize10 bold">GIN - Material Issue Note</span> <br/>
                <span class="fontsize10 bold">GINR - Material Issue Note Return</span> <br/>
                <span class="fontsize10 bold">GTTS - Material Transfer</span>
            </div>
        </div>
    </div>
</div>
@endsection

<!--Bootstrap Modals-->
@section('BootstrapModals')
@endsection
<!--Bootstrap Modals Close-->

<!--External JS-->
@section('ExternalJs')
<script src="{{ asset ("/js/barcode_based_product_inquiry.js?$releaseVersion") }}"></script>
@endsection
<!--External JS Close-->