@extends('AdminLte.template')

<!--Title-->
@section('title')
@php
$transactionTitle = 'Store Purchase Order';
@endphp
{{$transactionTitle}}
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
<style>
    *{font-weight:bold; }
    .input{border:none;border-bottom:1px solid #aaa;}
    *:focus{outline:none;}
    .div{background:#fff;font-size:12px;}
    ul,li{font-size:12px;}
    .customBg{background-color:#e892aa;}
    .dropdownStyle{height:22px;}
</style>
@endsection
<!--External CSS Close--> 

@section('Content')

<!-- Your Page Content Here -->
<div class="container-fluid div" >
    {{ Form::open(['action' => 'StorePoController@create','autocomplete'=>'off','id'=>'purchaseForm','name'=>'purchaseForm']) }}
    <div class="row">
        <div class="col-md-8" >
            <div class="col-md-offset-3">
                <h3 class="txtCenter" id="transactionTitle">{{$transactionTitle}}</h3>
            </div>
        </div>
        <div id="storeDiv" class="col-md-4 txtRight" >
            <br/>
            <br/>
            <span class="fontsize10 required">&#10033;</span> Store : <input type="text" size="16" name="storeName" tabindex="-1" id="storeName" value="{{$storeName}}" class="input readOnlyBackground" readonly required>
        </div>
    </div>
    <input type="hidden" placeholder="Store Code" id="storeCode" name="storeCode" value="{{$storeCode}}" required/>
    <input type="hidden" id="poAmendment" name="poAmendment" value="{{$poAmendment}}"/>
    <input type="hidden" id="poCategory" name="poCategory" value="{{$poCategory}}"/>
    <input type="hidden" id="trnId" name="transactionId" value="{{$trnId}}"/>
    <input type="hidden" id="trnType" name="transactionType" value="{{$trnType}}"/>
    <input type="hidden" id="poEntityCode" name="poEntityCode" value="{{$poEntityCode}}"/>
    <input type="hidden" id="trnStatus" name="transactionStatus" value="{{$trnStatus}}"/>
    <input type="hidden" id="poUserType" name="poUserType" value="{{$poUserType}}"/>
    <input type="hidden" id="accessType" name="accessType" value="{{$accessType}}"/>
    <input type="hidden" id="emailBtnClose" name="emailBtnClose" value="N">
    <input type="hidden" id="emailBtnCancel" name="emailBtnCancel" value="N">
    <input type="hidden" id="hiddenTxtTermsAndCondition" value="" name="hiddenTxtTermsAndCondition">
    @php
    $approvedBy = "";
    $approvedDate = "";
    $createdBy = "";
    $createdDate = "";
    $isClosed = "N";
    $supplierGstNo = "";
    $poNumber = "";
    $poDate = date('Y-m-d');
    $remarks = "";
    $readOnlyClass = "";
    $readOnly = "";
    $paymentTermsAfter = "";
    $paymentTermsAfterUnit = "days";
    @endphp
    <input type="hidden" id="approvedBy" name="approvedBy" value="{{$approvedBy}}" required/>  
    <input type="hidden" id="approvedDate" name="approvedDate" value="{{$approvedDate}}" required/>  
    <input type="hidden" id="createdBy" name="createdBy" value="{{$createdBy}}" required/>  
    <input type="hidden" id="createdDate" name="createdDate" value="{{$createdDate}}" required/>  
    <input type="hidden" id="isClosed" name="isClosed" value="{{$isClosed}}" required/>  
    <input type="hidden" id="allowedGstPercentageValue" name="allowedGstPercentageValue" value="{{$allowedGstPercentageValue}}"/>   
    <input type="hidden" id="standardDeliveryDays" name="standardDeliveryDays" value="{{$standardDeliveryDays}}"/>
    <input type="hidden" id="supplyType" name="supplyType" value="{{$supplyType}}" required/>
    <div class="row" style="margin-top:10px;">
        <div class="col-md-5 txtRight">
            <span class="fontsize10 required">&#10033;</span> DC No :
            <input type="text" value="{{$trnFyear}}" id="dcFyear" name="dcFyear" size="2" tabindex="-1" class="input" placeholder="FYear" required >
             / <input type="text" size="5" name="dcNumber" id="dcNumber" class="input" required> 
            &emsp;
            <span class="fontsize10 required">&#10033;</span> Supplier Name : 
            <select id="supplierId" name="supplierId" size="1" class="input dropdownStyle" style="width:30%;" required>
            </select>
            @php
            $backUrl = ($poUserType == 'S') ? url('StorePoDashboard/SuperUser') :url('StorePoDashboard/User');
            @endphp
            <a href="{{$backUrl}}" tabindex="-1" data-toggle="tooltip" title="PO List" class="green fontsize14">
                <span class="glyphicon glyphicon-list-alt"></span>
            </a>
            &nbsp;
            <a href="{{url('Item/PendingReorderList')}}" target="_blank" tabindex="-1" data-toggle="tooltip" title="Pending Reorder List" class="red fontsize14">
                <span class="glyphicon glyphicon-th-list"></span>
            </a>
        </div>
        <div class="col-md-7 txtRight">
            GST No : <input type="text" tabindex="-1" name="supplierGstNo" value="{{$supplierGstNo}}" id="supplierGstNo" class="input readOnlyBackground" disabled>
            &emsp;
            PO No : 
            <input type="text" tabindex="-1" size="7" name="poNumber" value="{{$poNumber}}" id="poNumber" class="input readOnlyBackground" disabled>
            &emsp;
            <span class="fontsize10 required">&#10033;</span> PO Date : 
            <input type="date" id="purchaseTranDate" name="purchaseTranDate"  value="{{$poDate}}" class="input {{$readOnlyClass}}" >
        </div>
    </div>

    <div class="row border" style="margin-top:10px;">
        <br>
        <div class="col-md-12">
            <div class="col-md-7" style="height:100px;margin-left:-2%">
                <!--<div class="row">-->
                <input type="hidden" name="productSrNo" id="productSrNo">
                <input type="hidden" name="productId" id="productId">
                <input type="hidden" name="categoryId" id="categoryId">
                <input type="hidden" name="purchaseUom" id="purchaseUom">
                <input type="hidden" name="conversionFactor" id="conversionFactor">
                <input type="hidden" name="purchaseUnitAbbrev" id="purchaseUnitAbbrev" size="2">
                <label class="txtLeft"> <span class="required">*</span> Item Name : </label>
                <input type="text" name="productName" tabindex="-1" id="productName" class="input readOnlyBackground txtUpperCase" size="20" readonly>
                &nbsp;
                <label class="txtLeft"> Category : </label>
                <input type="text" name="category" tabindex="-1"  id="category" class="input readOnlyBackground txtUpperCase" size="7" readonly>
                &nbsp;
                <label class="txtLeft"> PUOM : </label>
                <input type="text" name="productPUOM" tabindex="-1"  id="productPUOM" class="input readOnlyBackground txtUpperCase" size="2" readonly>
                &nbsp;
                <input type="text" name="productPackSize" tabindex="-1"  id="productPackSize" class="input readOnlyBackground" size="2" readonly>
                <!--</div>-->
                &nbsp;
                <br/><br/>
                <label class="txtLeft"> &nbsp; Item Desc. : </label>
                <input type="text" name="productDesc" id="productDesc" class="input" size="70">
                <br><br/>
                <label class="txtLeft"> <span class="required">*</span> Rate : </label>
                <input type="text" name="packPrice" tabindex="-1" id="packPrice" class="input readOnlyBackground" size="5" readonly>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <label class="txtLeft"> <span class="required">*</span> Discount : </label>
                <select id="discountType" tabindex="-1" name="discountType" class="input readOnlyBackground dropdownStyle" readonly>
                    <option value="P" selected="">P</option>
                    <option value="A">A</option>
                </select>
                <input type="text" name="discount" tabindex="-1" id="discount" class="input readOnlyBackground" size="2" readonly>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <label class="txtLeft"> <span class="required">*</span> GST% : </label>
                <input type="text" name="gst" tabindex="-1" id="gst" class="input readOnlyBackground" size="2" readonly>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <label class="txtLeft"> HSN Code : </label>
                <input type="text" name="productHsnCode" tabindex="-1" id="productHsnCode" class="input readOnlyBackground" size="10" readonly>
                <br/><br/>

            </div>
            <div class="col-md-4" style="overflow: hidden; overflow-y: scroll; height:120px;margin-right:2%;">
                <table  class="table borderNone commonFontSize" id="maintable">
                    <thead>
                        <tr>
                            <th class="th success borderTopBottom alignTop"><input class="ckbAll" type="checkbox" tabindex="-1"></th>
                            <th class="th success borderTopBottom alignTop">Qty</th>
                            <th class="th success borderTopBottom alignTop">Delivery Date</th>
                        </tr> 
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
            <div class="col-md-1">
                @if($accessType == 'E')
                <button type="button" name="btnAdd" tabindex="-1" id="btnAdd" style="width: 120%;" class="btn btn-xs btn-success" disabled/> <span class="glyphicon glyphicon-plus"></span> <u>A</u>dd</button>
                <br/><br/>
                <button type="button" name="btnRemove" tabindex="-1" id="btnRemove" style="width: 120%;" class="btn btn-xs btn-danger" disabled/> <span class="glyphicon glyphicon-minus"></span> <u>R</u>emove</button>
                <br/><br/>
                <button type="submit" name="btnSubmitItem" tabindex="-1" value="submit" id="btnSubmitItem" style="width: 120%;" class="btn btn-xs btn-primary"> <span class="glyphicon glyphicon-ok"></span> Submit</button>
                @endif
            </div>
        </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="finaltable">
                    <thead>
                        <tr>
                            <th class="th warning borderTopBottom alignTop"><input class="finalCkbAll" type="checkbox" tabindex="-1"></th>
                            <th class="th warning borderTopBottom alignTop">Item Name</th>
                            <th class="th warning borderTopBottom alignTop">Category</th>
                            <th class="th warning borderTopBottom alignTop">PUOM</th>
                            <th class="th warning borderTopBottom txtRight alignTop">Pkg</th>
                            <th class="th warning borderTopBottom txtRight alignTop">Qty</th>
                            <th class="th warning borderTopBottom txtRight alignTop">Rate</th>
                            <th class="th warning borderTopBottom txtRight alignTop">Disc</th>
                            <th class="th warning borderTopBottom txtRight alignTop">Disc Amt</th>
                            <th class="th warning borderTopBottom txtRight alignTop">Taxable Amt</th>
                            <th class="th warning borderTopBottom txtRight alignTop">GST%</th> 
                            <th class="th warning borderTopBottom txtRight alignTop">GST Amt</th>
                            <th class="th warning borderTopBottom alignTop txtRight">Total</th>
                            <th width="5%" class="th warning borderTopBottom alignTop txtRight"></th>
                        </tr> 
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        <br/>

        <div class="col-md-8">
            <div class="col-md-6">
                @if($accessType == 'E')
                <button type="button" name="btnDelete" tabindex="-1" id="btnDelete" class="btn btn-xs btn-danger" disabled/> <b> - <u>D</u>elete</b></button>
                @endif
                &emsp;
                Payment Terms : 
                <input type="number" name="paymentTermsAfter" id="paymentTermsAfter" size="3" class="input number" min="0" value="{{$paymentTermsAfter}}" required/>
                <select name="paymentTermsAfterUnit" tabindex="-1" class="input dropdownStyle">
                    <option value="days" {{ ($paymentTermsAfterUnit == "days") ? "selected" : ""}}>days</option>
                    <option value="weeks" {{ ($paymentTermsAfterUnit == "weeks") ? "selected" : ""}}>weeks</option>
                    <option value="months" {{ ($paymentTermsAfterUnit == "months") ? "selected" : ""}}>months</option>
                </select>
            </div>
            <div class="col-md-6">
                @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">{{"Purchase Order (#" . session()->get('trnType').session()->get('trnId'). ")"}}</span> {{session()->get('message')}}
                </div>
                @endif

            </div>
            <br/><br/>
            <div class="col-md-12">
                <h5 class="title">PO Terms & Conditions</h5>
                <textarea id="txtTermsAndConditions" name="txtTermsAndConditions"></textarea>
                <br/><br/>
                <span class="required bold">
                    Note : <br/>
                    <span class="fontsize10 required">&#10033;</span> - Required fields. <br/>
                    <span class="fontsize10 requiredEither">&#10033;</span> - Required either fields. <br/>
                </span>
            </div>
        </div>
        @php
        $grossTotal = "";
        $discountType = "";
        $discountAmt = "";
        $shippingCharges = "";
        $otherCharges = "";
        $netTaxableAmt = "";
        $cgstAmt = "";
        $sgstAmt = "";
        $igstAmt = "";
        $invoiceAmt = "";
        $roundOff = "";
        $total = "";
        @endphp
        <div class="col-md-4 txtRight">
            <div>Gross Amount : <input type="text" tabindex="-1" name="billGrossAmount" id="billGrossAmount" size="15" value="{{\Helper::zeroValueToNbspSpace(round($grossTotal,2))}}" class="readOnlyBackground txtRight" readonly></div>
            <div><input type="hidden" name="billTotalDiscountType" value="{{$discountType}}"><input type="hidden" name="billTotalDiscount" id="billTotalDiscount" value="{{\Helper::zeroValueToNbspSpace(round($discountAmt,2))}}" size="15" class="readOnlyBackground txtRight" readonly></div>
            <div>Shipping Charges : <input type="text" name="shippingCharges" value="{{\Helper::zeroValueToNbspSpace(round($shippingCharges,2))}}" id="shippingCharges" size="15" class="txtRight"></div>
            <div>Other Charges : <input type="text"  name="otherCharges" value="{{\Helper::zeroValueToNbspSpace(round($otherCharges,2))}}" id="otherCharges" size="15" class="txtRight"></div>
            <input type="hidden" tabindex="-1" name="billNetTaxableAmount" value="{{\Helper::zeroValueToNbspSpace(round($netTaxableAmt,2))}}" size="15" id="billNetTaxableAmount" class="readOnlyBackground txtRight" readonly>
            <input type="hidden" tabindex="-1" name="billCgstAmount" id="billCgstAmount" value="{{\Helper::zeroValueToNbspSpace(round($cgstAmt,2))}}" size="15" class="readOnlyBackground txtRight" readonly>
            <input type="hidden" tabindex="-1" name="billSgstAmount" id="billSgstAmount" value="{{\Helper::zeroValueToNbspSpace(round($sgstAmt,2))}}" size="15" class="readOnlyBackground txtRight" readonly>
            <input type="hidden" tabindex="-1" name="billIgstAmount" id="billIgstAmount" value="{{\Helper::zeroValueToNbspSpace(round($igstAmt,2))}}" size="15" class="readOnlyBackground txtRight" readonly>
            <div>Invoice Amount : <input type="text" tabindex="-1" name="billInvoiceAmount" value="{{\Helper::zeroValueToNbspSpace(round($invoiceAmt,2))}}" id="billInVoiceAmount" size="15" class="txtRight readOnlyBackground" readonly></div>
            <div>Round Off : <input type="text" tabindex="-1" name="billRoundOff" id="billRoundOff" value="{{\Helper::zeroValueToNbspSpace(round($roundOff,2))}}" size="15" class="readOnlyBackground txtRight" readonly></div>
            @php
            if ($total == '0' || $total == '0.00') {
            $displayTotal = '';
            }else{
            $displayTotal = $total;
            }
            @endphp
            <div>Net Amount: <input type="text" tabindex="-1" name="billNetAmount" value="{{$displayTotal}}" id="billNetAmount" size="15" class="readOnlyBackground txtRight" autocomplete="off" readonly></div>
        </div>
        <br/><br/>
        <div class="col-md-7 col-md-offset-5">
            @if($accessType == 'E')
            <button type="submit" tabindex="-1" name="btnSubmit" value="submit" id="btnSubmit" class="btn btn-xs btn-primary"> <span class="glyphicon glyphicon-ok"></span> Submit</button>
            <button type="button" tabindex="-1" name="btnCancel" value="cancel" id="btnCancle" class="btn btn-xs btn-danger"> <span class="glyphicon glyphicon-remove"></span> Cancel</button>
            @endif
        </div>
        {{ Form::close() }}

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

<!--Bootstrap Modals-->      
@section('BootstrapModals')
@include('Components/Bootstrap Modals/product_all_purchase_bill_details_modal')
@include('Components/Bootstrap Modals/product_all_stock_modal')
@include('Components/Bootstrap Modals/email_modal')
@include('Components/Bootstrap Modals/sending_modal')
@endsection
<!--Bootstrap Modals Close-->

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