@extends('layouts.master')
@section('title')
Edit Stock
@endsection
@section('css')
<link href="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('content')

<div class="row">
    <div class="col-lg-12">
        <div class="card" id="customerList">
            <div class="card-header border-bottom-dashed">

                <div class="row g-4 align-items-center">
                    <div class="col-sm">
                        <div class="d-flex">
                            <a href="/stocks"><i class="ri-arrow-left-s-line align-bottom me-1" style="font-size: 21px; position: relative; top: -6px;"></i></a>
                            <h5 class="card-title mb-0">Stock ({{ $stock->AcStockID }})</h5>
                        </div>
                    </div>
                    <div class="col-sm-auto">
                        <div class="d-flex flex-wrap align-items-start gap-2">
                            <!-- <button type="button" class="btn btn-primary add-btn"><i class="ri-add-circle-fill align-bottom me-1"></i>
                                Create Product</button> -->
                            <!-- <button type="button" class="btn btn-soft-success"><i class="ri-file-download-line align-bottom me-1"></i>
                                Sync</button> -->
                        </div>
                    </div>
                </div>
            </div>

            <div class="card-body border-bottom-dashed border-bottom">
                <div class="live-preview">
                    <div class="row gy-4">

                                <div class="col-lg-4">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5 class="card-title mb-0">Stock Image</h5>
                                        </div>
                                        <div class="card-body">
                                            <div class="mb-3 text-center">
                                                <img alt="Base64 Image" src="/images/productWatermark.png" alt="" class="img-fluid rounded">
                                            </div>

                                            <div class="mb-3">
                                                <label for="AcStockID" class="form-label">Stock ID</label>
                                                <input type="text" class="form-control" id="AcStockID" name="AcStockID" value="{{ $stock->AcStockID }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="StockDescription1" class="form-label">Stock Description</label>
                                                <input type="text" class="form-control" id="StockDescription1" name="StockDescription1" value="{{ $stock->StockDescription1 }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="AcStockBrandID" class="form-label"> Brand</label>
                                                <input type="text" class="form-control" id="AcStockBrandID" name="AcStockBrandID" value="{{ $stock->AcStockBrandID }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="StockBalanceQuantity"class="form-label">All Balance</label>
                                                <input type="text" class="form-control" id="StockBalanceQuantity" name="StockBalanceQuantity" value="{{ $stock->StockBalanceQuantity }}">
                                            </div>

                                            <div class="text-end mb-3">
                                                <button type="submit" data-bs-toggle="modal"data-bs-target="#checkStockBalance" data-stock_id="{{ $stock->AcStockID }}" class="btn btn-primary w-sm">CHECK BALANCE</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-lg-8">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5 class="card-title mb-0">Stock Detail</h5>
                                        </div>
                                        <div class="card-body">
                                            
                                            <div class="mb-3">
                                                <label for="StockPrice1" class="form-label">Price 1: Stock Retail Price</label>
                                                <input type="text" class="form-control" id="StockPrice1" name="StockPrice1" value="{{ $stock->StockPrice1 }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="StockPrice2" class="form-label">Price 2: Recommend Price</label>
                                                <input type="text" class="form-control" id="StockPrice2" name="StockPrice2" value="{{ $stock->StockPrice2 }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="StockPrice3" class="form-label">Price3: Profit Sharing</label>
                                                <input type="text" class="form-control" id="StockPrice3" name="StockPrice3" value="{{ $stock->StockPrice3 }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="StockPrice4" class="form-label">Price 4: EPP Recommended Price</label>
                                                <input type="text" class="form-control" id="StockPrice4" name="StockPrice4" value="{{ $stock->StockPrice4 }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="StockPrice5" class="form-label">Price 5: EPP Profit Sharing</label>
                                                <input type="text" class="form-control" id="StockPrice5" name="StockPrice5" value="{{ $stock->StockPrice5 }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="" class="form-label">Min Price</label>
                                                <input type="text" class="form-control" id="PriceSellAlertLevelMinValue" name="PriceSellAlertLevelMinValue" value="{{ $stock->PriceSellAlertLevelMinValue }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="StockNotes" class="form-label">Stock Notes</label>
                                                <textarea type="text" class="form-control" id="StockNotes" name="StockNotes">{{ $stock->StockNotes }}</textarea>
                                            </div>

                                            @can('stock-view-cost')
                                            <div class="mb-3">
                                                <label for="StockCost" class="form-label">Stock Cost</label>
                                                <input type="text" class="form-control" id="StockCost" name="StockCost" value="{{ $stock->StockCost }}" readonly>
                                            </div>
                                            @endcan
                                        </div>
                                    </div>
                                </div>
                                
                    </div>
             </div>
        </div>


            <!--<div class="card-body border-bottom-dashed border-bottom">
                <div class="live-preview">
                    <div class="row gy-4">
                    </div>
                    <div class="row gy-4">
                        <div class="col-xxl-12 col-md-6">
                            <label for="StockPrice3" class="form-label">Stock Price3</label>
                            <input type="text" class="form-control" id="StockPrice3" name="StockPrice3" value="{{ $stock->StockPrice3 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockUOMID" class="form-label">AcStock UOMID</label>
                            <input type="text" class="form-control" id="AcStockUOMID" name="AcStockUOMID" value="{{ $stock->AcStockUOMID }}" readonly>
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockDescription1" class="form-label">Stock Description 1</label>
                            <input type="text" class="form-control" id="StockDescription1" name="StockDescription1" value="{{ $stock->StockDescription1 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockDescription2" class="form-label">Stock Description 2</label>
                            <input type="text" class="form-control" id="StockDescription2" name="StockDescription2" value="{{ $stock->StockDescription2 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockBalanceQuantity" class="form-label">Stock Balance Quantity</label>
                            <input type="text" class="form-control" id="StockBalanceQuantity" name="StockBalanceQuantity" value="{{ $stock->StockBalanceQuantity }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockBarcode" class="form-label">Stock Barcode</label>
                            <input type="text" class="form-control" id="StockBarcode" name="StockBarcode" value="{{ $stock->StockBarcode }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockArticleNo" class="form-label">Stock Article No</label>
                            <input type="text" class="form-control" id="StockArticleNo" name="StockArticleNo" value="{{ $stock->StockArticleNo }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockPrice1" class="form-label">Stock Price1</label>
                            <input type="text" class="form-control" id="StockPrice1" name="StockPrice1" value="{{ $stock->StockPrice1 }}">
                        </div>


                        <div class="col-xxl-12 col-md-6">
                            <label for="StockPrice2" class="form-label">Stock Price2</label>
                            <input type="text" class="form-control" id="StockPrice2" name="StockPrice2" value="{{ $stock->StockPrice2 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockPrice3" class="form-label">Stock Price3</label>
                            <input type="text" class="form-control" id="StockPrice3" name="StockPrice3" value="{{ $stock->StockPrice3 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockPrice4" class="form-label">Stock Price4</label>
                            <input type="text" class="form-control" id="StockPrice4" name="StockPrice4" value="{{ $stock->StockPrice4 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockPrice5" class="form-label">Stock Price5</label>
                            <input type="text" class="form-control" id="StockPrice5" name="StockPrice5" value="{{ $stock->StockPrice5 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="QuantityMinimumLevel" class="form-label">Quantity Minimum Level</label>
                            <input type="text" class="form-control" id="QuantityMinimumLevel" name="QuantityMinimumLevel" value="{{ $stock->QuantityMinimumLevel }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockBrandID" class="form-label">AcStock Brand ID</label>
                            <input type="text" class="form-control" id="AcStockBrandID" name="AcStockBrandID" value="{{ $stock->AcStockBrandID }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockGroupID" class="form-label">AcStock Group ID</label>
                            <input type="text" class="form-control" id="AcStockGroupID" name="AcStockGroupID" value="{{ $stock->AcStockGroupID }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockCategoryID" class="form-label">AcStock Category ID</label>
                            <input type="text" class="form-control" id="AcStockCategoryID" name="AcStockCategoryID" value="{{ $stock->AcStockCategoryID }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockColorID" class="form-label">AcStock Color ID</label>
                            <input type="text" class="form-control" id="AcStockColorID" name="AcStockColorID" value="{{ $stock->AcStockColorID }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockSizeID" class="form-label">AcStock Size ID</label>
                            <input type="text" class="form-control" id="AcStockSizeID" name="AcStockSizeID" value="{{ $stock->AcStockSizeID }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockUDGroup1ID" class="form-label">AcStock UD Group1 ID</label>
                            <input type="text" class="form-control" id="AcStockUDGroup1ID" name="AcStockUDGroup1ID" value="{{ $stock->AcStockUDGroup1ID }}">
                        </div>
                        
                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockUDGroup2ID" class="form-label">AcStock UD Group 2 ID</label>
                            <input type="text" class="form-control" id="AcStockUDGroup2ID" name="AcStockUDGroup2ID" value="{{ $stock->AcStockUDGroup2ID }}">
                        </div>
                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockUDGroup3ID" class="form-label">AcStock UD Group 3 ID</label>
                            <input type="text" class="form-control" id="AcStockUDGroup3ID" name="AcStockUDGroup3ID" value="{{ $stock->AcStockUDGroup3ID }}">
                        </div>
                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockBrandDesc" class="form-label">AcStock Brand Desc</label>
                            <input type="text" class="form-control" id="AcStockBrandDesc" name="AcStockBrandDesc" value="{{ $stock->AcStockBrandDesc }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockGroupDesc" class="form-label">AcStock Group Desc</label>
                            <input type="text" class="form-control" id="AcStockGroupDesc" name="AcStockGroupDesc" value="{{ $stock->AcStockGroupDesc }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockCategoryDesc" class="form-label">AcStock Category Desc</label>
                            <input type="text" class="form-control" id="AcStockCategoryDesc" name="AcStockCategoryDesc" value="{{ $stock->AcStockCategoryDesc }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockColorDesc" class="form-label">AcStock Color Desc</label>
                            <input type="text" class="form-control" id="AcStockColorDesc" name="AcStockColorDesc" value="{{ $stock->AcStockColorDesc }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockSizeDesc" class="form-label">AcStock Size Desc</label>
                            <input type="text" class="form-control" id="AcStockSizeDesc" name="AcStockSizeDesc" value="{{ $stock->AcStockSizeDesc }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockUDGroup1Desc" class="form-label">AcStock UD Group 1 Desc</label>
                            <input type="text" class="form-control" id="AcStockUDGroup1Desc" name="AcStockUDGroup1Desc" value="{{ $stock->AcStockUDGroup1Desc }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockUDGroup2Desc" class="form-label">AcStock UD Group 2 Desc</label>
                            <input type="text" class="form-control" id="AcStockUDGroup2Desc" name="AcStockUDGroup2Desc" value="{{ $stock->AcStockUDGroup2Desc }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockUDGroup3Desc" class="form-label">AcStock UD Group 3 Desc</label>
                            <input type="text" class="form-control" id="AcStockUDGroup3Desc" name="AcStockUDGroup3Desc" value="{{ $stock->AcStockUDGroup3Desc }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="EditDate" class="form-label">Edit Date</label>
                            <input type="text" class="form-control" id="EditDate" name="EditDate" value="{{ $stock->EditDate }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AccountNoSales" class="form-label">Account No Sales</label>
                            <input type="text" class="form-control" id="AccountNoSales" name="AccountNoSales" value="{{ $stock->AccountNoSales }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AccountNoSalesDiscount" class="form-label">Account No Sales Discount</label>
                            <input type="text" class="form-control" id="AccountNoSalesDiscount" name="AccountNoSalesDiscount" value="{{ $stock->AccountNoSalesDiscount }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AccountNoSalesReturn" class="form-label">Account No Sales Return</label>
                            <input type="text" class="form-control" id="AccountNoSalesReturn" name="AccountNoSalesReturn" value="{{ $stock->AccountNoSalesReturn }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AccountNoPurchase" class="form-label">Account No Purchase</label>
                            <input type="text" class="form-control" id="AccountNoPurchase" name="AccountNoPurchase" value="{{ $stock->AccountNoPurchase }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockPosPrice" class="form-label">Stock Pos Price</label>
                            <input type="text" class="form-control" id="StockPosPrice" name="StockPosPrice" value="{{ $stock->StockPosPrice }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockDimensionHeight" class="form-label">Stock Dimension Height</label>
                            <input type="text" class="form-control" id="StockDimensionHeight" name="StockDimensionHeight" value="{{ $stock->StockDimensionHeight }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockDimensionWidth" class="form-label">Stock Dimension Width</label>
                            <input type="text" class="form-control" id="StockDimensionWidth" name="StockDimensionWidth" value="{{ $stock->StockDimensionWidth }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockDimensionLength" class="form-label">Stock Dimension Length</label>
                            <input type="text" class="form-control" id="StockDimensionLength" name="StockDimensionLength" value="{{ $stock->StockDimensionLength }}">
                        </div>
                        
                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockUOMIDDimension" class="form-label">AcStock UOM ID Dimension</label>
                            <input type="text" class="form-control" id="AcStockUOMIDDimension" name="AcStockUOMIDDimension" value="{{ $stock->AcStockUOMIDDimension }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockWeight" class="form-label">Stock Weight</label>
                            <input type="text" class="form-control" id="StockWeight" name="StockWeight" value="{{ $stock->StockWeight }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockUOMIDWeight" class="form-label">AcStock UOM ID Weight</label>
                            <input type="text" class="form-control" id="AcStockUOMIDWeight" name="AcStockUOMIDWeight" value="{{ $stock->AcStockUOMIDWeight }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockUOMIDWeighingType" class="form-label">AcStock UOM ID Weighing Type</label>
                            <input type="text" class="form-control" id="AcStockUOMIDWeighingType" name="AcStockUOMIDWeighingType" value="{{ $stock->AcStockUOMIDWeighingType }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="AcStockTypeID" class="form-label">AcStock Type ID</label>
                            <input type="text" class="form-control" id="AcStockTypeID" name="AcStockTypeID" value="{{ $stock->AcStockTypeID }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockISBN" class="form-label">Stock ISBN</label>
                            <input type="text" class="form-control" id="StockISBN" name="StockISBN" value="{{ $stock->StockISBN }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockExtraRemark1" class="form-label">Stock Extra Remark 1</label>
                            <input type="text" class="form-control" id="StockExtraRemark1" name="StockExtraRemark1" value="{{ $stock->StockExtraRemark1 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockExtraRemark2" class="form-label">Stock Extra Remark 2</label>
                            <input type="text" class="form-control" id="StockExtraRemark2" name="StockExtraRemark2" value="{{ $stock->StockExtraRemark2 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockExtraRemark3" class="form-label">Stock Extra Remark 3</label>
                            <input type="text" class="form-control" id="StockExtraRemark3" name="StockExtraRemark3" value="{{ $stock->StockExtraRemark3 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockExtraRemark4" class="form-label">Stock Extra Remark 4</label>
                            <input type="text" class="form-control" id="StockExtraRemark4" name="StockExtraRemark4" value="{{ $stock->StockExtraRemark4 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="ImageDisplayBase64" class="form-label">Image Display Base64</label>
                            <input type="text" class="form-control" id="ImageDisplayBase64" name="ImageDisplayBase64" value="{{ $stock->ImageDisplayBase64 }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="IsStockNotesAddToSales" class="form-label">IsStock Notes Add To Sales</label>
                            <input type="text" class="form-control" id="IsStockNotesAddToSales" name="IsStockNotesAddToSales" value="{{ $stock->IsStockNotesAddToSales }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockNotes" class="form-label">Stock Notes</label>
                            <textarea type="text" class="form-control" id="StockNotes" name="StockNotes">{{ $stock->StockNotes }}</textarea>
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="IsStockNotesAddToPurchase" class="form-label">Is Stock Notes Add To Purchase</label>
                            <input type="text" class="form-control" id="IsStockNotesAddToPurchase" name="IsStockNotesAddToPurchase" value="{{ $stock->IsStockNotesAddToPurchase }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockNotesPurchase" class="form-label">Stock Notes Purchase</label>
                            <input type="text" class="form-control" id="StockNotesPurchase" name="StockNotesPurchase" value="{{ $stock->StockNotesPurchase }}">
                        </div>

                        <div class="col-xxl-12 col-md-6">
                            <label for="StockIsActive" class="form-label">Stock Is Active</label>
                            <input type="text" class="form-control" id="StockIsActive" name="StockIsActive" value="{{ $stock->StockIsActive }}">
                        </div>

                    </div>
                </div>
            </div>-->
        </div>
    </div>
</div>

<div id="checkStockBalance" class="modal fade" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="myModalLabel">Stock Balance</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button>
            </div>
            <div class="modal-body">
                <table class="table table-sm table-nowrap" id="tableStockBalance">
                    <thead class="table-light">
                        <tr>
                            <th scope="col">Location</th>
                            <th scope="col">Balance</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Location A</td>
                            <td><span class="badge bg-primary-subtle text-primary">1</span></td>
                        </tr>
                        <tr>
                            <td>Location B</td>
                            <td><span class="badge bg-primary-subtle text-primary">1</span></td>
                        </tr>
                        <tr>
                            <td>Location C</td>
                            <td><span class="badge bg-primary-subtle text-primary">1</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
@endsection
@section('script')
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.js') }}"></script>
<script src="{{ URL::asset('build/js/app.js') }}"></script>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var showModal = document.getElementById('checkStockBalance');
        showModal.addEventListener('show.bs.modal', function (event) {
            var button = event.relatedTarget; // Button that triggered the modal
            var stock_id = button.getAttribute('data-stock_id'); // Extract title from data-* attributes
            // var target_anc = document.getElementById('delete-record');
            // target_anc.href = "/users/"+member_id+"/delete";
            checkStock(stock_id);
            
        });
    });
</script>

<script>
    function checkStock(id){
        var tableStockBalance = document.getElementById('tableStockBalance');
        $.ajax({
                  type:'get',
                  url: "/stocks/check-Stock?stock_id="+ encodeURIComponent(id),
                  beforeSend: function(xhr) {
                    $('#tableStockBalance tbody').html('');
                    },
                  success: function (data) {
                    if(data.status == "1000"){
                        
                        tableStockBalance.insertAdjacentHTML('beforeend', `<tbody>${data.view}</tbody>`);
                    }

                  },
                  error: function (data) {
                  console.logs(data);
                    alert(id + ' - Invalid Stock');
                  }
          });


    }
</script>
@endsection