@extends('AdminLte.template')

<!--Title-->
@section('title')
@php
$transactionTitle = "Store Wise Product Details" ;
@endphp
{{__($transactionTitle)}}
@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;}
</style>
@endsection
<!--External CSS Close--> 

@section('Content')

<!-- Your Page Content Here -->
<div class="container-fluid div" >

    <div class="row">
        <div class="col-md-12" >
            <h3 class="txtCenter">{{__($transactionTitle)}}</h3>
        </div>
    </div>
    {{ Form::open(['action' => 'ItemController@updateStoreWiseProductDetails','autocomplete'=>'off']) }}
    <input type="hidden" id="productType" name="productType" value="{{$productType}}"/>
    <br>
    <div class="row">
        <div class="col-md-12">
            <span class="fontsize10 required">&#10033;</span> {{__('Store Name')}} :  
            <input type="text" id="storeName" name="storeName" size="20" class="input pharmacyAllStores" required/>
            <input type="hidden" id="storeId" name="storeId" required/>
            &emsp;
            <span class="fontsize10 required"></span> {{__('Category')}} :  
            <select name="category" id="category" class="inputType borderNone borderBottom blue noPadding">
                <option value="A">ALL</option>
                @foreach($productCategory as $key =>$supplier)
                <option value="{{$supplier->category_id}}">{{$supplier->category_abbrev}}</option>
                @endforeach
            </select>
            &emsp;
            <span class="fontsize10 required"></span> {{__('Product Name')}} :  
            <input type="text" id="productName" name="productName" size="20" class="input"/>
            <input type="hidden" id="productId" name="productId"/>
            &emsp;
            <span class="fontsize10 required"></span> {{__('Attribute')}} :  
            <select name="attribute" id="attribute" class="inputType borderNone borderBottom blue noPadding" required>
                <option value="">{{__('---- Select ----')}}</option>
                <option value="binLocation">{{__('Bin Location')}}</option>
                <option value="reorderLevel">{{__('Reorder Level')}}</option>
            </select>
            {{-- &emsp; --}}
            {{-- <button type="submit" class="btn btn-sm btn-primary inputType btnSearch"> <span class="glyphicon glyphicon-search"></span></button> --}}
        </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:230px; border:1px solid #aaa;">
                <table  class="table borderNone commonFontSize" id="maintable">
                        <thead>
                            <tr>
                                <th class="th warning borderTopBottom alignTop">{{__('Sr')}} </th>
                                <th class="th warning borderTopBottom alignTop">{{__('Product Name')}}</th>
                                <th class="th warning borderTopBottom alignTop">{{__('Category')}}</th>
                                <th class="th warning borderTopBottom alignTop">{{__('Attribute')}} : <input type="text" name="attributeValue" id="attributeValue" class="attributeValue bg-warning borderNone" readonly></th>
                            </tr> 
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
            </div>
        </div>
        <br/>

        <div class="col-md-12">
            <span class="required bold">
                {{__('Note')}} : <br/>
                <span class="fontsize10 required">&#10033;</span> - {{__('Required fields.')}}' <br/>
            </span>
        </div>
        <br/><br/>
        <div class="col-md-7 col-md-offset-5">
            <button type="submit" name="btnSubmit" value="submit" id="btnSubmit" class="btn btn-xs btn-primary"> <span class="glyphicon glyphicon-ok"></span> {{__('Submit')}}</button>
            <button type="button" id="btnReset" name="btnReset"  value="reset" class="btn btn-xs btn-info"> <span class="glyphicon glyphicon-repeat"></span> {{__('Reset')}}</button>
        </div>

        <br/><br/><br/>
        <div class="col-md-4 col-md-offset-4">
            @php
            if(session()->get('messageType') == 'success'){
            $class = "alert-success";
            }else if(session()->get('messageType') == 'error'){
            $class = "alert-danger";
            }
            @endphp

            @if(session()->has('message'))
            <div id="transactionMessage" class="alert {{$class}} alert-dismissible fade in col-sm-12">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                <span class="fontsize16">{{session()->get('message')}}</span> 
            </div>
            @endif

        </div>
        {{ Form::close() }}

    </div>
    <br/><br/>
</div>
@endsection

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

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