{{-- Modal Table Detail --}}
<div class="modal fade" role="dialog" id="view_detail">
    <div class="modal-dialog modal-xl" >
        <div class="modal-content">
            <div class="modal-header">
                <div id="table_view_header">
                </div>
            </div>
            <div class="modal-body modal-body-special">
                <h3>Customer :</h3>
                <div id="table_view_customer">
                </div>
                <br>
                <h3>Order Item :</h3>
                <table class="table table-striped  nowrap table-sm table-special">
                    <thead>
                        <tr role="row" class="heading">
                            <th width="10%">Number</th>
                            <th width="15%">SKU</th>
                            <th width="60%">Product</th>
                            <th width="20%">Qty</th>
                        </tr>
                    </thead>
                    <tbody id="table_view_detail">
                    </tbody>
                </table>
                <br>
                <br>
                <input type="hidden" id="modal_change_id">
                
                @if (in_array('6-2-2c', Session::get('access')))
                    <button type="button" class="btn btn-outline-success" id="butChange" onclick="modalChange()">Change<br>Product</button>
                @endif
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>
{{-- Modal Table Detail --}}

{{-- Modal Change Product --}}
<div class="modal fade" role="dialog" id="view_change_product">
    <div class="modal-dialog modal-xl" >
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Change & Add product</h4>
            </div>
            <div class="modal-body modal-body-special">
                <div class="caption font-red">
                    <i class="fa fa-tasks font-red"></i>
                    <span class="caption-subject bold uppercase"> Product List </span>
                    <input type="hidden" id="product_stock_check">
                </div> 
                <br>
                <label for="example-text-input">Type Change</label>
                <select class="form-control" id="modal_change_type" name="modal_change_type" style="width: 30%;" aria-hidden="true">
                    <option value=""></option>
                    <option value="1">Out of Stock</option>
                    <option value="2">Exchange Goods</option>
                </select>
                <br>
                <br>
                <button type="button" class="btn btn-outline-danger" id="butChange" onclick="addNewArraySetChange()">Add Product</button>
                <br>
                <table class="table table-striped  nowrap table-sm table-special-jun" id="tableList">
                    <thead>
                        <tr role="row" class="heading">
                            <th width="70%"> SKU - Product </th>
                            <th width="20%"> Qty </th>
                        </tr>
                    </thead>
                    <tbody id="table_view_change_product">
                    </tbody>
                </table>
                <div align="right">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success" id="but_change" onclick="submitChange()">Submit Change</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>
{{-- Modal Change Product --}}