@extends('AdminLte.template')

<!--Title-->
@section('title')
Pack Size Amendment
@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" >
            @php
            $trnasactionTitle = "Pack Size Amendment" ;
            @endphp
            <h3 class="txtCenter">{{$trnasactionTitle}}</h3>
        </div>
    </div>
    {{ Form::open(['action' => 'ItemController@updateConversion','autocomplete'=>'off']) }}

    <div class="row" style="margin-top:10px;">
        <div class="table-responsive">
            <table class="table borderGray commonFontSize" id="maintable">
                <thead>
                    <tr>
                        <th rowspan="2" class="th warning borderNone borderTopBottom alignTop borderRight">Medicine/Item Name</th>
                        <th rowspan="2" class="th warning borderNone borderTopBottom alignTop borderRight">Category</th>
                        <th colspan="3" class="th warning borderNone borderTop borderRight alignTop txtCenter">Current</th>
                        <th colspan="3" class="th warning borderNone borderTop alignTop txtCenter">Revised</th>
                    </tr>
                    <tr>
                        <th class="th warning borderNone borderTopBottom  alignTop">PUOM</th>
                        <th class="th warning borderNone borderTopBottom alignTop">SUOM</th>
                        <th class="th warning borderNone borderTopBottom borderRight alignTop txtRight">Pack Size &nbsp;&nbsp;</th>
                        <th class="th warning borderNone borderTopBottom alignTop">PUOM</th>
                        <th class="th warning borderNone borderTopBottom alignTop">SUOM</th>
                        <th class="th warning borderNone borderTopBottom alignTop txtRight">PackSize &nbsp;&nbsp;</th>
                    </tr> 
                </thead>
                <tbody>
                    <tr>
                        <td class="td borderNone borderTopBottomGray">
                            <input type="hidden" name="productId" id="productId">
                            <input type="hidden" name="lastPurchaseNo" id="lastPurchaseNo">
                            <input type="hidden" name="categoryId" id="categoryId">
                            <input type="hidden" name="purchaseUomId" id="purchaseUomId">
                            <input type="hidden" name="stockUomId" id="stockUomId">
                            <input type="hidden" placeholde="rPurchaseUomId" name="rPurchaseUomId" id="rPurchaseUomId">
                            <input type="hidden" placeholde="rStockUomId" name="rStockUomId" id="rStockUomId">
                            <input type="text" id="productName" name="productName" class="borderNone productName" size="30" style="width:100%;" required></td>
                        <td class="td borderNone borderTopBottomGray readOnlyBackground"><input type="text" id="category" name="category" size="15" style="width:100%;" tabindex="-1" class="borderNone category readOnlyBackground" required readOnly></td>
                        <td class="td borderNone borderTopBottomGray readOnlyBackground"><input type="text" id="purchaseUom" name="purchaseUom" size="8" style="width:100%;" tabindex="-1"  class="borderNone purchaseUom readOnlyBackground" required readOnly></td>
                        <td class="td borderNone borderTopBottomGray readOnlyBackground"><input type="text" id="stockUom" name="stockUom" size="8" style="width:100%;" tabindex="-1"  class="borderNone stockUom readOnlyBackground" required readOnly></td>
                        <td class="td borderNone borderTopBottomGray txtRight readOnlyBackground"><input type="text" id="conversionFactor" name="conversionFactor" size="8" tabindex="-1"  class="borderNone conversionFactor txtRight readOnlyBackground" required readOnly>&nbsp;&nbsp;</td>
                        <td class="td borderNone borderTopBottomGray"><input type="text" id="revisedPurchaseUom" name="revisedPurchaseUom" size="8" style="width:100%;" class="borderNone revisedPurchaseUom" required></td>
                        <td class="td borderNone borderTopBottomGray"><input type="text" id="revisedStockUom" name="revisedStockUom" size="8" class="borderNone revisedStockUom" style="width:100%;" required></td>
                        <td class="td borderNone borderTopBottomGray txtRight"><input type="text" id="revisedConversionFactor" name="revisedConversionFactor" size="8"  class="borderNone revisedConversionFactor txtRight" required>&nbsp;&nbsp;</td>
                    </tr>
                </tbody>
            </table>
            <div class="col-md-8 col-md-offset-2">
                <table style="padding-top:1px;padding-bottom:1px;" class="table border fontsize14 borderNon" id="packSizeAmendment">
                    <thead>
                        <tr>
                            <th colspan="4" class="th notBold fontsize14 required borderNone alignTop">&#10033;Note: Pack Size Amendment May Have Impact On Following Transactions.</th>
                        </tr>
                        <tr>
                            <th width="25%" class="th bold warning borderNone borderTop borderRight alignTop">Transactions</th>
                            <th width="15%"  class="th bold warning borderNone borderTop borderRight txtRight alignTop">Total Vouchers</th>
                            <th width="15%" class="th bold warning borderNone borderTop borderRight txtRight alignTop">Last Voucher No</th>
                            <th width="15%"  class="th bold warning borderNone borderTop borderRight txtRight alignTop">Last Voucher Date</th>
                        </tr>

                        <tr>
                            <th class="th bold danger borderNone borderTop borderRight alignTop">Purchase </th>
                            <th id="totalPurchase" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            <th id="lastPurchaseVouNo"  class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            <th id="lastPurchaseDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                        </tr>

                        <tr>
                            <th class="th bold danger borderNone borderTop borderRight alignTop">Purchase Return </th>
                            <th id="totalPurchaseReturn" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            <th id="lastPurchaseReturnVouNo"  class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            <th id="lastPurchaseReturnDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                        </tr>

                        <tr>
                            <th class="th bold danger borderNone borderTop borderRight alignTop">Sale </th>
                            <th id="totalSale" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            <th id="lastSaleVouNo"  class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            <th id="lastSaleDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                        </tr>

                        <tr>
                            <th class="th bold danger borderNone borderTop borderRight alignTop">Sale Return</th>
                            <th id="totalSaleReturn" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            <th id="lastSaleReturnVouNo"  class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            <th id="lastSaleReturnDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                        </tr>

                    </thead>
                </table>
            </div>
        </div>
    </div>
    <br/>

    <div class="col-md-8">

        <div class="col-md-12">
            <span class="fontsize10 required">&#10033;</span>
            <span>Remark : <input type="text" id="remark" class="input" name="remark" maxlength="50" size="45%" required></span>
            <br/><br/>
            <span class="required bold">
                Note : <br/>
                <span class="fontsize10 required">&#10033;</span> - Required fields. <br/>
                Submit - Stock & Transaction information will be adjusted. <br/>
            </span>
        </div>
    </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>

    <div class="col-md-6">
        <br/><br/>    
        @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-10 col-sm-offset-7">
            <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/item_conversion.js?$releaseVersion") }}"></script>
@endsection
<!--External JS Close-->