@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-->