@extends('AdminLte.template')

<!--Title-->
@section('title')
@php
$title = "Non / Slow Moving Product Report"; 
@endphp
{{$title}}    
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
<link href="{{ asset("/bower/bootstrap-multiselect/bootstrap-multiselect.css")}}" rel="stylesheet" type="text/css" />
@endsection
<!--External CSS Close--> 

@section('Content')

<div class="col-md-12 txtCenter">
    <h3>{{$title}}</h3>
    {{ Form::open(['action' => 'RegisterReportController@deadStock','autocomplete' => 'off','id' => 'deadStock']) }}
    <br/>
    <div class="col-md-12 txtCenter">
        <span class="fontsize10 required">✱</span>
        <label class="inputType"> Store : </label> 
        <input type="hidden" name="storeId" id="storeId">
        <input type="text" size="16" name="storeName" id="storeName" class="input inputType borderNone borderBottom blue noPadding" required>
    </div> 
    <br/><br/>
    <div class="col-md-12 txtCenter">
        <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 =>$product)
            <option value="{{$product->category_id}}">{{$product->category_abbrev}}</option>
            @endforeach
        </select>
    </div>
    <br/><br/>
    <div class="col-md-12 txtCenter">
        <label class="inputType">Not Sold For Last : </label>
        <input type="text" name="days" id="days" size="10" class="inputType borderNone borderBottom blue noPadding" required/>
        <label class="inputType"> Days</label>
    </div>
    <br/><br/>
    <div class="col-md-12 txtCenter">
        <label class="inputType">Rate : </label>
        <select name="priceType" id="priceType" class="inputType borderNone borderBottom blue noPadding">
            <option value="WO">Without GST</option>
            <option value="W">With GST</option>
            <option value="M">MRP</option>
        </select>
    </div>
    <br/><br/>
    <div class="col-md-12 txtCenter">
        <label class="inputType">Order By : </label>
        <select name="reportType" id="reportType" class="inputType borderNone borderBottom blue noPadding" required>
            <option value="D">Not Sold For <i>(Days)</i></option>
            <option value="P">Product Name</option>
            <option value="R">Requested By</option>
        </select>
    </div>
    <br/><br/>
    <div class="col-md-12 txtCenter">
        <label class="inputType">Requested By:</label>
        <select name="productRequestedByUser[]" id="productRequestedByUser" multiple="multiple" class="inputType borderNone borderBottom blue noPadding">
            @foreach($requestedByUserList as $productReqUser)
                <option value="{{ $productReqUser->requested_by }}">{{ $productReqUser->requested_by }}</option>
            @endforeach
        </select>
    </div>
    <br/><br/><br/>
    <button name="Submit"  id="btnSubmit" class="btn btn-success btn-sm">Submit</button>
    {{ Form::close() }}
</div>

<br/>
@if(session()->has('errorMessage'))
<div class="col-md-6 col-md-offset-3" style="margin-top:15px;">
    <div class="alert alert-danger alert-dismissible fade in">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        {{ (session()->get('errorMessage'))}}
    </div>
</div>
@endif
@endsection

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

@section('ExternalJs')
<script src="{{ asset ("/js/store_search.js?$releaseVersion") }}"></script>
<script src="{{ asset("/bower/bootstrap-multiselect/bootstrap-multiselect.js")}}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        if($("#productRequestedByUser").length > 0){
            $('#productRequestedByUser').multiselect({
                nonSelectedText: ' All ',
                maxHeight: 200,
                buttonWidth: '100px',
            });
        }
    });
</script>
@endsection