

<?php $__env->startSection('content'); ?>
<div class="container-fluid ">
    <div class="row ">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="card-title mb-0">
                        <i class="fa fa-book"></i> &nbsp; Order MANAGEMENT
                    </h5>
                    <div class="card-tools order-tools">
                        <div class="btn btn-tool nav fa-pull-right">
                            <a href="#cancel" class="btn btn-outline-danger btn-sm me-3"
                                data-bs-toggle="tab">Cancel</a>
                            <a href="#information" class="btn btn-outline-secondary btn-sm me-3 active"
                                data-bs-toggle="tab">Information</a>
                            <a href="#received" class="btn btn-outline-info btn-sm me-3 "
                                data-bs-toggle="tab">Received</a>
                            <a href="#comment" class="btn btn-outline-primary btn-sm me-3"
                                data-bs-toggle="tab">History</a>
                            <a href="#" class="btn btn-primary btn-sm me-3"><i class="mdi mdi-plus"></i> <i
                                    class="fa fa-print"></i> Print</a>
                            <a href="#" class="btn btn-info btn-sm"><i class="mdi mdi-plus"></i> <i
                                    class="fa fa-arrow-left"></i> Back</a>
                        </div>
                    </div>
                </div>
                <div class="card-body table-responsive">
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="information">
                            <form method="post" action="#" enctype="multipart/form-data">
                                <input type="hidden" name="_token"
                                    value="vVtj23oMhxt6imFZlS16ZpkKOXKOplDlnoh0HnFY" autocomplete="off">
                                <input type="hidden" name="order_id" value="18">
                                <input type="hidden" name="old_status" value="2">
                                <div class="card-body">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <legend>Order &amp; Account Information</legend>
                                            <div class="col-md-6">
                                                <h5>Order # <strong>000000018</strong></h5>
                                                <table class="table table-bordered" style="width: 90%">
                                                    <tbody>
                                                        <tr>
                                                            <th width="50%">Order Date</th>
                                                            <td class="text-end">16-02-2025 02:56 PM</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="pl-1"><strong>Order Status</strong>
                                                            </th>
                                                            <td class="text-end pr-1"><strong><span
                                                                        class="badge bg-warning">Pending</span></strong>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th class="pl-1"><strong>Payment Status</strong>
                                                            </th>
                                                            <td class="text-end pr-1"><strong><span
                                                                        class="badge bg-success">Unpaid</span></strong>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th class="pl-1"><strong>Payment Method</strong>
                                                            </th>
                                                            <td class="text-end pr-1"><strong><span
                                                                        class="badge bg-info">cod</span></strong>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="col-md-6">
                                                <h5>Account Information</h5>
                                                <table class="table table-bordered">
                                                    <tbody>
                                                        <tr>
                                                            <th width="40%">Customer Name</th>
                                                            <td class="text-end">Rakib Nur</td>
                                                        </tr>
                                                        <tr>
                                                            <th>E-mail</th>
                                                            <td class="text-end">rakib@gmail.com</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Phone</th>
                                                            <td class="text-end">01911054866</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <legend>Address Information</legend>
                                            <div class="col-md-6">
                                                <h5>Billing Address</h5>
                                                Dhaka<br>
                                                01911054866
                                            </div>
                                            <div class="col-md-6">
                                                <h5>Shipping Address</h5>
                                                <p>Ahmed Nur <br>
                                                    0125444155<br>
                                                    rakib@mail.com<br>
                                                    Dhaka, Dhaka, Bangladesh - 1207
                                                </p>
                                            </div>
                                            <div class="col-md-12">
                                                <br>
                                                <legend>Items Ordered</legend>
                                                <div class="col-md-12">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th class="text-center" width="5%">SL</th>
                                                                <th>Product</th>
                                                                <th class="text-end">Price</th>
                                                                <th class="text-center">Qty</th>
                                                                <th class="text-end">Total Price</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td class="text-center">1</td>
                                                                <td>
                                                                    Black Stripe Classic Fit Shirt
                                                                    <br><span class="cart_option">Size:
                                                                        S</span>
                                                                </td>
                                                                <td class="text-end">৳ 1,290.00</td>
                                                                <td class="text-center">1</td>
                                                                <td class="text-end">৳ 1,290.00</td>
                                                            </tr>
                                                            <tr>
                                                                <th colspan="2" class="text-end">Total</th>
                                                                <th class="text-end">৳ 1,290.00</th>
                                                                <th class="text-center">1</th>
                                                                <th class="text-end">৳ 1,290.00</th>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <legend>Order Total</legend>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="">
                                                            <h5>Notes for this Order</h5>
                                                            <div class="col form-group">
                                                                <select name="status" class="form-select">
                                                                    <option value="0">Cancel</option>
                                                                    <option value="2">Pending</option>
                                                                    <option value="3">Received</option>
                                                                </select>
                                                            </div>
                                                            <div class="col form-group">
                                                                <label>Comment</label>
                                                                <textarea name="comment" rows="3" cols="5"
                                                                    class="form-control"
                                                                    spellcheck="false"></textarea>
                                                            </div>
                                                            <div class="col form-group">
                                                                <br>
                                                                <div class="form-check">
                                                                    <input name="visible"
                                                                        class="form-check-input"
                                                                        type="checkbox" id="visible"
                                                                        value="1">
                                                                    <label for="visible"
                                                                        class="form-check-label">Visible on
                                                                        Storefront</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="offset-1"></div>
                                                    <div class="col-md-5">
                                                        <h5>Order Totals</h5>
                                                        <table class="table text-end">
                                                            <tbody>
                                                                <tr>
                                                                    <th>Subtotal</th>
                                                                    <td>৳ 1,290.00</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>Shipping &amp; Handling</th>
                                                                    <td>0</td>
                                                                </tr>
                                                                <input type="hidden" name="couponAmount"
                                                                    value="0">
                                                                <tr>
                                                                    <th>Grand Total</th>
                                                                    <td>৳ 1,290.00</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>Total Paid</th>
                                                                    <td>0</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>Total Refunded</th>
                                                                    <td>0</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>Total Due</th>
                                                                    <td>0</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <div class="offset-md-3">
                                        <button type="submit"
                                            onclick="this.disabled=true; this.innerHTML='<i class=&quot;fas fa-spinner fa-pulse&quot;></i> Please Wait'; this.form.submit();"
                                            class="btn btn-primary">Submit</button>&nbsp;&nbsp;
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div class="tab-pane fade " id="received">
                            <form method="post" action="#" enctype="multipart/form-data">
                                <input type="hidden" name="_token"
                                    value="vVtj23oMhxt6imFZlS16ZpkKOXKOplDlnoh0HnFY" autocomplete="off">
                                <input type="hidden" name="order_id" value="18">
                                <input type="hidden" name="old_status" value="2">
                                <div class="card-body">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <h5>Notes for this Order</h5>
                                                <div class="col form-group">
                                                    <select name="status" class="form-select">
                                                        <option value="3">Received</option>
                                                    </select>
                                                </div>
                                                <div class="col form-group">
                                                    <label>Comment</label>
                                                    <textarea name="comment" rows="3" cols="5"
                                                        class="form-control" spellcheck="false"></textarea>
                                                </div>
                                                <div class="col form-group">
                                                    <br>
                                                    <div class="form-check">
                                                        <input name="visible" class="form-check-input"
                                                            type="checkbox" id="visible_2" value="1">
                                                        <label for="visible_2"
                                                            class="form-check-label">Visible on
                                                            Storefront</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="offset-1"></div>
                                            <div class="col-md-5">
                                                <h5>Order Totals</h5>
                                                <table class="table text-end">
                                                    <tbody>
                                                        <tr>
                                                            <th>Subtotal</th>
                                                            <td>৳ 1,290.00</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Shipping &amp; Handling</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <input type="hidden" name="couponAmount" value="0">
                                                        <tr>
                                                            <th>Grand Total</th>
                                                            <td>৳ 1,290.00</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Paid</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Refunded</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Due</th>
                                                            <td>0</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <div class="offset-md-3">
                                        <button type="submit"
                                            onclick="this.disabled=true; this.innerHTML='<i class=&quot;fas fa-spinner fa-pulse&quot;></i> Please Wait'; this.form.submit();"
                                            class="btn btn-primary">Submit</button>&nbsp;&nbsp;
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div class="tab-pane fade" id="shipped">
                            <form method="post" action="#" enctype="multipart/form-data">
                                <input type="hidden" name="_token"
                                    value="vVtj23oMhxt6imFZlS16ZpkKOXKOplDlnoh0HnFY" autocomplete="off">
                                <input type="hidden" name="order_id" value="18">
                                <input type="hidden" name="old_status" value="2">
                                <div class="card-body">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <h5>Notes for this Order</h5>
                                                <div class="col form-group">
                                                    <select name="status" class="form-select">
                                                        <option value="4">Shipped/Deliver</option>
                                                    </select>
                                                </div>
                                                <div class="col form-group">
                                                    <label>Comment</label>
                                                    <textarea name="comment" rows="3" cols="5"
                                                        class="form-control" spellcheck="false"></textarea>
                                                </div>
                                                <div class="col form-group">
                                                    <br>
                                                    <div class="form-check">
                                                        <input name="visible" class="form-check-input"
                                                            type="checkbox" id="visible_2" value="1">
                                                        <label for="visible_2"
                                                            class="form-check-label">Visible on
                                                            Storefront</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="offset-1"></div>
                                            <div class="col-md-5">
                                                <h5>Order Totals</h5>
                                                <table class="table text-end">
                                                    <tbody>
                                                        <tr>
                                                            <th>Subtotal</th>
                                                            <td>৳ 1,290.00</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Shipping &amp; Handling</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <input type="hidden" name="couponAmount" value="0">
                                                        <tr>
                                                            <th>Grand Total</th>
                                                            <td>৳ 1,290.00</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Paid</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Refunded</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Due</th>
                                                            <td>0</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <div class="offset-md-3">
                                        <button type="submit"
                                            onclick="this.disabled=true; this.innerHTML='<i class=&quot;fas fa-spinner fa-pulse&quot;></i> Please Wait'; this.form.submit();"
                                            class="btn btn-primary">Submit</button>&nbsp;&nbsp;
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div class="tab-pane fade" id="complete">
                            <form method="post" action="#" enctype="multipart/form-data">
                                <input type="hidden" name="_token"
                                    value="vVtj23oMhxt6imFZlS16ZpkKOXKOplDlnoh0HnFY" autocomplete="off">
                                <input type="hidden" name="order_id" value="18">
                                <input type="hidden" name="old_status" value="2">
                                <div class="card-body">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <h5>Notes for this Order</h5>
                                                <div class="col form-group">
                                                    <select name="status" class="form-select">
                                                        <option value="5">Complete</option>
                                                    </select>
                                                </div>
                                                <div class="col form-group">
                                                    <label>Comment</label>
                                                    <textarea name="comment" rows="3" cols="5"
                                                        class="form-control" spellcheck="false"></textarea>
                                                </div>
                                                <div class="col form-group">
                                                    <br>
                                                    <div class="form-check">
                                                        <input name="visible" class="form-check-input"
                                                            type="checkbox" id="visible_2" value="1">
                                                        <label for="visible_2"
                                                            class="form-check-label">Visible on
                                                            Storefront</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="offset-1"></div>
                                            <div class="col-md-5">
                                                <h5>Order Totals</h5>
                                                <table class="table text-end">
                                                    <tbody>
                                                        <tr>
                                                            <th>Subtotal</th>
                                                            <td>৳ 1,290.00</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Shipping &amp; Handling</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <input type="hidden" name="couponAmount" value="0">
                                                        <tr>
                                                            <th>Grand Total</th>
                                                            <td>৳ 1,290.00</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Paid</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Refunded</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Due</th>
                                                            <td>0</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <div class="offset-md-3">
                                        <button type="submit"
                                            onclick="this.disabled=true; this.innerHTML='<i class=&quot;fas fa-spinner fa-pulse&quot;></i> Please Wait'; this.form.submit();"
                                            class="btn btn-primary">Submit</button>&nbsp;&nbsp;
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div class="tab-pane fade" id="cancel">
                            <form method="post" action="#" enctype="multipart/form-data">
                                <input type="hidden" name="_token"
                                    value="vVtj23oMhxt6imFZlS16ZpkKOXKOplDlnoh0HnFY" autocomplete="off">
                                <input type="hidden" name="order_id" value="18">
                                <input type="hidden" name="old_status" value="2">
                                <input type="hidden" name="status" value="0">
                                <div class="card-body">
                                    <div class="col-md-12">
                                        <legend>Cancel Order</legend>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="col form-group">
                                                    <label>Comment</label>
                                                    <textarea name="comment" rows="3" cols="5"
                                                        class="form-control" spellcheck="false"></textarea>
                                                </div>
                                                <div class="col form-group">
                                                    <br>
                                                    <div class="form-check">
                                                        <input name="visible" class="form-check-input"
                                                            type="checkbox" id="visible_3" value="1">
                                                        <label for="visible_3"
                                                            class="form-check-label">Visible on
                                                            Storefront</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="offset-1"></div>
                                            <div class="col-md-5">
                                                <legend>Order Totals</legend>
                                                <table class="table text-end">
                                                    <tbody>
                                                        <tr>
                                                            <th>Subtotal</th>
                                                            <td>৳ 1,290.00</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Shipping &amp; Handling</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <input type="hidden" name="couponAmount" value="0">
                                                        <tr>
                                                            <th>Grand Total</th>
                                                            <td>৳ 1,290.00</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Paid</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Refunded</th>
                                                            <td>0</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total Due</th>
                                                            <td>0</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <div class="offset-md-3">
                                        <button type="submit"
                                            onclick="this.disabled=true; this.innerHTML='<i class=&quot;fas fa-spinner fa-pulse&quot;></i> Please Wait'; this.form.submit();"
                                            class="btn btn-danger"><i class="fas fa-trash"></i>
                                            Cancel</button>&nbsp;&nbsp;
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div class="tab-pane fade" id="comment">
                            <div class="card-body">
                                <!-- Comment Section -->
                            </div>
                            <div class="card-footer">Comment</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('admin_html.layouts.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\techuno\testing-laravel\resources\views/admin_html/pages/order-details.blade.php ENDPATH**/ ?>