@extends('AdminLte.template')

<!--Title-->
@section('title')
@php
$transactionTitle = "Opening Stock Update Transaction" ;
@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" >
    {{ Form::open(['action' => 'ItemController@updateOpeningStock','autocomplete'=>'off']) }}
    <div class="row">
        <div class="col-md-9 txtCenter">
            <h3 class="txtCenter" id="transactionTitle">{{$transactionTitle}}</h3>
        </div>
        <div class="col-md-3 txtRight">
            <br/>
            <br/>
            <span class="fontsize10 required">&#10033;</span>
            Store : <input type="text" size="20" name="storeName" id="storeName" class="input" required>
        </div>
    </div>
    <input type="hidden" id="barcodeflag" name="barcodeflag" value="{{$barcodeFlag}}">
    <input type="hidden" id="sellingPriceLogicApplicable" name="sellingPriceLogicApplicable" value="{{$sellingPriceLogicApplicable}}"/>
    <input type="hidden" id="productType" name="productType" value="{{$productType}}"/>
    <input type="hidden" id="storeId" name="storeId"/>
    <br>
    <div class="row">
        <div class="col-md-12">
            <span class="fontsize10 required">&#10033;</span> Product Name :  
            <input type="text" id="productName" name="productName" size="25" class="input" required/>
            <input type="hidden" id="productId" name="productId" required/>
            <input type="hidden" id="conversionFactor" name="conversionFactor" required/>
            &emsp;&emsp;
            <span class="fontsize10 required"></span> Category :  
            <input type="text" tabindex="-1" id="category" name="category" size="8" class="input readOnlyBackground" readonly/>
            &emsp;&emsp;
            <span class="fontsize10 required"></span> Pkg :  
            <input type="text" tabindex="-1" id="pkg" name="pkg" size="8" class="input readOnlyBackground" readonly/>
            &emsp;&emsp;
            <span class="fontsize10 required"></span> GST % :  
            <input type="text" tabindex="-1" id="gst" name="gst" size="5" class="input readOnlyBackground" readonly/>
            @if($productType == "MI" && $barcodeFlag == "Y")
            &emsp;&emsp;
            <span class="fontsize10 required"></span> Generate Barcode ? :  
            <select name="generateBarcode" id="generateBarcode" class="input">
                <option value="Y">Yes</option>
                <option value="N">No</option>
            </select>
            @endif
        </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"><input class="ckbAll" type="checkbox" tabindex="-1"></th>
                            <th class="th warning borderTopBottom alignTop">Sr &emsp; Batch</th>
                            <th class="th warning borderTopBottom alignTop">&emsp;&emsp;Exp</th>
                            <th class="th warning borderTopBottom alignTop">&emsp;Qty</th>
                            @if($productType == "MI")
                            <th class="th warning borderTopBottom alignTop">&emsp;MRP</th>
                            @endif
                            <th class="th warning borderTopBottom alignTop">&emsp;Rate</th>
                            @if($sellingPriceLogicApplicable == "Y" && $productType == "MI")
                            <th class="th warning borderTopBottom alignTop">&emsp;SP</th>
                            @endif
                            <th class="th warning borderTopBottom alignTop">&emsp;Total</th>
                        </tr> 
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        <br/>

        <div class="col-md-8">
            <div class="col-md-4">
                <button type="button" name="btnAdd" accesskey="a" id="btnAdd" class="btn btn-xs btn-success"/> <b>+ <u>A</u>dd More</b></button>
                <button type="button" name="btnDelete" accesskey="r" id="btnDelete" class="btn btn-xs btn-danger"/> <b> - <u>R</u>emove</b></button>
            </div>
            <div class="col-md-8">
                @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>
        </div>
        <br/><br/><br/>
        <div class="col-md-12">
            <span class="required bold">
                Note : <br/>
                <span class="fontsize10 required">&#10033;</span> - Required fields. <br/>
                Submit - Stock information will be updated for Transaction entries. <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>
        {{ Form::close() }}

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

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

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