@extends('AdminLte.template')

<!--Title-->
@section('title')
Stock Adjustment Cycle Using Barcode
@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-8" >
            @php
            $trnasactionTitle = "Stock Adjustment Cycle Using Barcode" ;
            @endphp
            <h3 class="txtCenter">{{$trnasactionTitle}}</h3>
        </div>
        <div class="col-md-4 txtRight" >
            <br/>
            <br/>
            Store : <input type="text" size="20" name="storeName" id="storeName" class="input readOnlyBackground" readonly required>
        </div>
    </div>
    {{ Form::open(['action' => 'ItemController@createStockCycleUsingBarcode','autocomplete'=>'off','id'=>'adjustmentForm']) }}
    <input type="hidden" placeholder="trnFyear" id="trnFyear" name="trnFyear" value="NULL"/>
    <input type="hidden" placeholder="trnId" id="trnId" name="transactionId" value=""/>
    <input type="hidden" placeholder="trnType" id="trnType" name="transactionType" value="{{$trnType}}"/>
    <input type="hidden" id="storeId" name="storeId"/>
    <br>
    <div class="row">
        <div class="col-md-12">
            <span class="fontsize10 required">&#10033;</span> Transaction # 
            <input type="text" style="width:15%" id="adjustmentTrnId" name="adjustmentTrnId" class="input" value="{{$ccTrnId}}" required/>
            <span class="fontsize10 required">&#10033;</span> From (Sr No.) # 
            <input type="text" style="width:15%" id="adjustmentTrnFrom" name="adjustmentTrnFrom" class="input" required/>
            <span class="fontsize10 required">&#10033;</span> To (Sr No.) # 
            <input type="text" style="width:15%" id="adjustmentTrnTo" name="adjustmentTrnTo" class="input" required/>
            <span class="fontsize10 required">&#10033;</span> Total (Sr No.) # 
            <input type="text" style="width:15%" id="adjustmentTrnTotal" name="adjustmentTrnTotal" class="input" readonly />
        </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">Sr </th>
                            <th class="th warning borderTopBottom alignTop">&nbsp;&nbsp; Medicine/Item Name</th>
                            <th class="th warning borderTopBottom alignTop">Category</th>
                            <th class="th warning borderTopBottom alignTop">SUOM</th>
                            <th class="th warning borderTopBottom alignTop">Pkg</th>
                            <th class="th warning borderTopBottom alignTop">Manufacture</th>
                            <th class="th warning borderTopBottom alignTop">Batch</th>
                            <th class="th warning borderTopBottom  alignTop">Exp</th>
                            <th class="th warning borderTopBottom alignTop txtRight">System Qty</th>
                            <th class="th warning borderTopBottom alignTop txtRight">Physical Qty</th>
                            <th class="th warning borderTopBottom alignTop txtRight">Diff Stock Qty</th>
                            <th class="th warning borderTopBottom alignTop txtRight">Action</th>
                        </tr> 
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        <br/>

        <div class="col-md-8">
            <div class="col-md-4">
                <!--<input type="button" name="btnAdd" accesskey="a" id="btnAdd" class="btn btn-xs btn-success" value=" + Add More"/>-->
                <input type="button" name="btnDelete" id="btnDelete" class="btn btn-xs btn-danger" value=" - Delete"/>
            </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>
            <br/><br/>
            <div class="col-md-12">
                <span class="fontsize10 required">&#10033;</span>
                <span class="required bold">
                    Note : <br/>
                    <span class="fontsize10 required">&#10033;</span> - Required fields. <br/>
                    Submit - Stock information will be adjusted for Transaction entries. <br/>
                </span>
            </div>
        </div>
        <br/><br/>
        <div class="col-md-7 col-md-offset-5">
            <button type="submit" name="btnSave" value="save" id="btnSave" class="btn btn-xs btn-success"> <span class="glyphicon glyphicon-saved"></span> Save</button>
            <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>
            <a href="{{url('Item/cycleList')}}" id="btnReset" name="btnBack"  value="Back" class="btn btn-xs btn-danger"> <span class="glyphicon glyphicon-arrow-left"></span> Back</A>
        </div>
        {{ Form::close() }}

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

<!--Bootstrap Modals-->      
@section('BootstrapModals')
@include('Components/Bootstrap Modals/product_stock_barcode_modal')
@endsection
<!--Bootstrap Modals Close-->

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