@extends('AdminLte.template')

<!--Title-->
@section('title')
Stock Inquiry
@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;}
    .customBg{background-color:#e892aa;}

    ::-webkit-input-placeholder { /* Edge */
        color: #333;
    }

    :-ms-input-placeholder { /* Internet Explorer */
        color: #333;
    }

    ::placeholder {
        color: #333;
    }
    .commonSalesBillModalBody{max-height:340px;overflow-y:auto;}
</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" >
            @php
            $trnasactionTitle = "Stock Inquiry" ;
            @endphp
            <h3 class="txtCenter">{{$trnasactionTitle}}</h3>
        </div>
    </div>

    <div class="row" style="margin-top:10px;">
        <div class="col-md-3">
            <input type="hidden" placeholder="storeCode" name="storeCode" id="storeCode">
            <input type="hidden" placeholder="productId" name="productId" id="productId">
            <input type="hidden" placeholder="categoryId" name="categoryId" id="categoryId">
            <span class="fontsize10 required">✱</span> Store :  
            <input placeholder="All" type="text" size="16" name="storeName" id="storeName" class="input inputType borderNone borderBottom noPadding">
        </div>
        <div class="col-md-3">
            Category :  
            <input type="text" size="16" name="categoryName" id="categoryName" class="input inputType borderNone borderBottom noPadding">
        </div>
        <div class="col-md-3">
            Product :   
            <input type="text" size="16" name="productName" id="productName" class="input inputType borderNone borderBottom noPadding">
        </div>
        <div class="col-md-3">
            Only Negative : <input type="checkbox" name="ckOnlyNegative" id="ckOnlyNegative">
            &emsp;&emsp;
            <a href="#" id="btnReset"><i class="fas fa-sync fa-2x" style="color:#3c8dbc;"></i></a>
        </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:700px; border:1px solid #aaa;">
                <table  class="table borderNone commonFontSize" id="maintable">
                    <thead>
                        <tr>
                            <th width="10%" colspan="1" class="th warning border alignTop">Store</th>
                            <th width="20%" colspan="1" class="th warning border alignTop">Medicine/Item Name</th>
                            <th width="6%" colspan="1" class="th warning border alignTop">Batch</th>
                            <th width="5%" colspan="1" class="th warning border alignTop">Exp</th>
                            <th width="10%" colspan="1" class="th warning border alignTop txtRight">Qty</th>
                            <th width="10%" colspan="1" class="th warning border alignTop txtRight">Cum Qty</th>
                            <th width="10%" colspan="1" class="th warning border alignTop txtRight">MRP</th>
                            <th width="10%" colspan="1" class="th warning border alignTop">&emsp;Category</th>
                            <th width="5%" colspan="1" class="th warning border alignTop">Pkg</th>
                            <th width="9%" colspan="1" class="th warning border alignTop">SUOM</th>
                        </tr> 
                    </thead>
                    <tbody id="stockInquiryTbody">
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <br/><br/>
</div>
@endsection

<!--Bootstrap Modals-->      
@section('BootstrapModals')
@include('Components/Bootstrap Modals/patient_all_sales_bill_modal')
@include('Components/Bootstrap Modals/product_all_sales_bill_modal')
@include('Components/Bootstrap Modals/product_all_purchase_bill_modal')
@include('Components/Bootstrap Modals/product_all_stock_modal')
@endsection
<!--Bootstrap Modals Close-->

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