@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@conversionUpdateNew','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">{{__('Pack Size')}} &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-12 ">

                <div class="col-md-8 ">
                    <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">{{__('First Voucher Date')}}</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="firstPurchaseDate" 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="firstPurchaseReturnDate" 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')}} 
                                       <button type="button" style="margin-bottom:10px; float:right;" class="btn btn-xs btnSaleTxn btn-info">{{__('Sale Data')}} 
                            </button>
                                </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="firstSaleDate" 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="firstSaleReturnDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>

                                <th id="lastSaleReturnDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            </tr>

                            <tr>
                                <th class="th bold danger borderNone borderTop borderRight alignTop">{{__('Adjustment')}}</th>
                                <th id="totalAdjustment" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                                <th id="lastAdjustmentVouNo"  class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                                <th id="firstAdjustmentDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>

                                <th id="lastAdjustmentDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            </tr>

                            <tr>
                                <th class="th bold danger borderNone borderTop borderRight alignTop">{{__('Transfer')}}</th>
                                <th id="totalTransfer" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                                <th id="lastTransferVouNo"  class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                                <th id="firstTransferDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>

                                <th id="lastTransferDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            </tr>

                            <tr>
                                <th class="th bold danger borderNone borderTop borderRight alignTop">{{__('Cycle Count')}}</th>
                                <th id="totalCycleCount" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                                <th id="lastCycleCountVouNo"  class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                                <th id="firstCycleCountDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>

                                <th id="lastCycleCountDate" class="th notBold danger borderNone borderTop borderRight txtRight alignTop"></th>
                            </tr>

                        </thead>
                    </table>
                </div>
                
                <div class="col-md-4 ">
                    <table  class=""
                           style="padding-top:1px; padding-bottom:1px; border:1px solid black; border-collapse:collapse; width:100%; font-size:14px;"

                    id="store_data_table">
                        <thead style="background:#fbf5d5">
                            <tr style='height:25px;'>
                                <td style="border:1px solid black;">{{__('STORE')}}</td>
                                <td style="border:1px solid black;text-align:right">{{__('QUANTITY')}}</td>
                            </tr>
                        </thead>
                        <tbody style="background:#f2dede"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <br/>

    <div class="col-md-8" style="margin-left: -15px;">

        <div class="col-md-12">
          
        </div>

        <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/>
           <label id="blink_warning"
                style="display:none;color:black; font-weight:bold; font-size:16px; 
                    animation: blinker 7s linear infinite; background-color:#8de6f0">
                &lt;&lt;&lt;&lt;&lt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{__('Pack Size CANNOT  be Changed')}}   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &gt;&gt;&gt;&gt;&gt;
            </label>
            <label id="warning" style="display:none; padding:4px 10px; background-color:yellow; color:red; font-weight:bold; border-radius:5px; font-size:14px;">
               {{ __('Pack size cannot be amended as there are CycleCount, Adjustment, and Transfer transactions & or  Sale, Sale Return, Purchase, and Purchase Return They are Older than Three Month.') }} <br> 
                {{ __('Please adjust the stock manually, deactivate the item, and create a new item with the correct pack size.') }}
            </label>

            <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="dynamicFields"></div>

    <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>
<!-- Sale Modal -->
<div class="modal fade" id="saleModal" tabindex="-1" aria-labelledby="saleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            
            <div class="modal-header">
                <h4 class="modal-title" id="saleModalLabel" style="font-weight: bold;">{{ __('Sale Transaction Details') }}</h5>
            </div>

            <div class="modal-body">
                <p></p>
                
            </div>
            <div class="modal-footer">
                <button type="button" class="closeSaleModal btn btn-secondary" data-bs-dismiss="modal">{{ __('Close') }}</button>
                <button type="button" class="closeSaleModal btn btn-primary">{{ __('Save changes') }}</button>
            </div>

        </div>
    </div>
</div>
<style>
@keyframes blinker {
  50% { opacity: 0; }
}
</style>
@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-->