@extends('AdminLte.template')

@section('title')
Medicine Reorder Report
@endsection

@section('ExternalCss')
@parent
@endsection
<style>
    #f1 {
        display: block;
        min-width: -webkit-min-content;
        border-width: 2px;
        border-style: groove;
        border-color: threedface;
        border-image: initial;
        width: 50%;
        margin-left: 275px;
        margin-top: 25px;
    }

    #l1 {
        display: block;
        width: 52%;
        padding: 0;
        margin-bottom: 10px;
        font-size: 19px;
        font-style: italic;
        line-height: inherit;
        color: #333;
        border: 0;
        margin-left: 25px;
    }
</style>

@section('Content')
<div class="col-md-12 txtCenter">
    <h3>Medicine Reorder</h3>
    {{ Form::open(['action' => 'RegisterReportController@medicinereorder','autocomplete' => 'off','id' => 'medicinelist']) }}
    <br />
    <div class="col-md-12 txtCenter">
        <span class="fontsize10 required">✱</span>
        <label class="inputType"> Store : </label>
        <input type="text" size="16" name="storeName" id="storeName" class="input inputType borderNone borderBottom blue noPadding" required>
        <input type="hidden" name="storeId" id="storeId" required>
    </div>
    <br /><br />
    <div class="col-md-12 txtCenter" style="margin-left:10px;">
        <input type="radio" name="group" id="reorder" value="reorder" checked="">
        <label class="inputType" for="reorder">
            <h4><i>Based On Product Reorder Value</i></h4>
        </label>
    </div>
    <br>
    <fieldset id="f1">
        <legend id="l1">
            <label for="rm">
                <h4><input type="radio" name="group" id="rm" value="RM">Based On Product Consumption</h4>
            </label>
        </legend>
        <div class="col-md-12 txtLeft" style="margin-left: 5%">
            <label class="inputType">Product Category : </label>
            <select name="category" id="category" class="inputType borderNone borderBottom blue noPadding" disabled="">
                <option value="A">ALL</option>
                @foreach($medicineCategory as $key =>$medicine)
                <option value="{{$medicine->category_id}}">{{$medicine->category_abbrev}}</option>
                @endforeach
            </select>
            &nbsp;
            <label class="inputType">Reorder Product List : </label>
            <select name="reportListType" id="reportListType" class="inputType borderNone borderBottom blue noPadding" disabled="">
                <option value="W">Without Zero</option>
                <option value="A">ALL</option>
            </select>
        </div>
        <br/><br/>
        <div class="col-md-12 txtLeft" style="margin-left: 5%">
            <input type="Radio" id="ConsumptedDay" value="days" name="group1">
            <label class="inputType" for="ConsumptedDay">No. of Days : </label>
            <input type="text" name="days" id="days" size="18" class="inputType borderNone borderBottom blue noPadding readOnlyBackground"/>
        </div>
        <br/><br/>
        <div class="col-md-12 txtLeft" style="margin-left: 5%">
            <input type="Radio" id="ConsumptedDate" value="date" name="group1">
            <label class="inputType" for="ConsumptedDate">Date Range : </label>
            <input name="fromDate" id="fromDate" value="{{date('Y-m-d')}}" class="inputType borderNone borderBottom blue noPadding" type="date">&emsp;
            <input name="toDate" id="toDate" value="{{date('Y-m-d')}}" class="inputType borderNone borderBottom blue noPadding" type="date">
        </div>
        <br/><br/>
    </fieldset>
    <br />
    <input type="hidden" name="trnType" id="trnType" value="GRN" />
    <button name="Submit" id="btnSubmit" class="btn btn-success btn-sm">Submit</button>
    {{ Form::close() }}
</div>
@endsection

@section('BootstrapModals')
@endsection

@section('ExternalJs')
<script src="{{ asset ("/js/medicine_reorder.js") }}"></script>
<script src="{{ asset ("/js/store_search.js") }}"></script>
@endsection