@extends('AdminLte.template')

<!--Title-->
@section('title')
Product Consumption 
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
@endsection
<!--External CSS Close--> 

@section('Content')
<!-- Your Page Content Here -->

<div class="col-md-12 txtCenter">
    <h3>Product Consumption</h3>
    {{ Form::open(['action' => 'RegisterReportController@productConsumptionReport','autocomplete' => 'off']) }}
    <br/>
    <div class="col-md-12 txtCenter">
        <span class="fontsize10 required">✱</span>
        <label class="inputType">Store Code : </label> 
        <input type="hidden" name="storeId" id="storeId" value="All">
        <input type="text" name="storeName" size="16" id="storeName" value="All" class="input inputType pharmacyAllStores borderNone borderBottom blue noPadding">
    </div>
    <br/><br/>
    <div class="col-md-12">
        <label class="inputType">Product Category : </label>
        <select name="category" id="category" class="inputType borderNone borderBottom blue noPadding" required>
            <option value="A">ALL</option>
            @foreach($productCategory as $key =>$supplier)
            <option value="{{$supplier->category_id}}">{{$supplier->category_abbrev}}</option>
            @endforeach
        </select>
    </div>
    <br/><br/>
    <div class="col-md-12 txtCenter">
        <label class="inputType">Product Name :</label>
        <input type="text" size="20" name="productName" id="productName" class="input inputType borderNone borderBottom blue noPadding">
        <input type="hidden" name="productId" id="productId">
    </div>
    <br/><br/>
    <div class="col-md-12">
        <label class="inputType">Product Consumption By : </label>
        <select name="consumptionBy" id="consumptionBy" class="inputType borderNone borderBottom blue noPadding" required>
            <option value="SQ">Sales Quantity</option>
            <option value="SV">Sales Value</option>
            <option value="PQ">Purchase Quantity</option>
            <option value="PV">Purchase Value</option>
        </select>
    </div>
    <br/><br/>
    <button name="Submit"  id="btnSubmit" class="btn btn-success btn-sm">Submit</button>
</div>
</div>
@endsection

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

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