@extends('layouts.front-layout')
@section('title') Shipping And Return @endsection

@section('content')


    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{asset('upload/images/innerbnr1.png')}}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <h2>SHIPPING & RETURNS</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->



    <section class="order-status padd-y">
        <div class="container">
            <div class="order-status-title text-center mb-4">
                <h3 class="secHeading">My Orders</h3>
            </div>
            <div class="row">
                <div class="col-lg-3">
                    <div class="order-status-nav nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist"
                        aria-orientation="vertical">
                        <button class="nav-link" id="v-pills-dashboard-tab" data-toggle="pill"
                            data-target="#v-pills-dashboard" type="button" role="tab" aria-controls="v-pills-dashboard"
                            aria-selected="true">Dashboard</button>
                        <button class="nav-link active" id="v-pills-orders-tab" data-toggle="pill"
                            data-target="#v-pills-orders" type="button" role="tab" aria-controls="v-pills-orders"
                            aria-selected="false">Orders</button>
                        <button class="nav-link" id="v-pills-address-tab" data-toggle="pill"
                            data-target="#v-pills-address" type="button" role="tab" aria-controls="v-pills-address"
                            aria-selected="false">Address</button>
                        <button class="nav-link" id="v-pills-account-details-tab" data-toggle="pill"
                            data-target="#v-pills-account-details" type="button" role="tab"
                            aria-controls="v-pills-account-details" aria-selected="false">Account Details</button>
                        <button class="nav-link" id="v-pills-wishlist-tab" data-toggle="pill"
                            data-target="#v-pills-wishlist" type="button" role="tab" aria-controls="v-pills-wishlist"
                            aria-selected="false">Wishlist</button>
                        <button class="nav-link" id="v-pills-logout-tab" data-toggle="pill"
                            data-target="#v-pills-logout" type="button" role="tab" aria-controls="v-pills-logout"
                            aria-selected="false">Logout</button>
                    </div>
                </div>
                <div class="col-lg-9">
                    <div class="order-status-tab tab-content" id="v-pills-tabContent">
                        <div class="tab-pane fade" id="v-pills-dashboard" role="tabpanel"
                            aria-labelledby="v-pills-dashboard-tab">
                        </div>
                        <div class="tab-pane fade show active" id="v-pills-orders" role="tabpanel"
                            aria-labelledby="v-pills-orders-tab">
                            <div class="order-status">
                                <div class="order-product">
                                    <figure class="order-product__img">
                                        <img src="{{ asset('front-assets/images/order-product1.png') }}" alt="image" class="img-fluid">
                                    </figure>
                                    <div class="order-product__info">
                                        <span class="order-product__status">In Progress</span>
                                        <h4 class="order-product__id">Order #17493</h4>
                                    </div>
                                </div>
                                <ul class="order-detail">
                                    <li>
                                        <span>Item</span>
                                        <span>Cosmatic</span>
                                    </li>
                                    <li>
                                        <span>Courier</span>
                                        <span>Ribbed modal</span>
                                    </li>
                                    <li>
                                        <span>Start Time</span>
                                        <span>04 September 2024, 13:30:23</span>
                                    </li>
                                    <li>
                                        <span>Address</span>
                                        <span>1234 Fashion Street, Suite 567, New York</span>
                                    </li>
                                </ul>
                                <div class="order-status__nav">
                                    <ul class="nav nav-pills" id="pills-tab" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="pills-order-history-tab" data-toggle="pill"
                                                href="#pills-order-history" role="tab"
                                                aria-controls="pills-order-history" aria-selected="true">Order
                                                History</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="pills-item-details-tab" data-toggle="pill"
                                                href="#pills-item-details" role="tab" aria-controls="pills-item-details"
                                                aria-selected="false">Item Details</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="pills-courier-tab" data-toggle="pill"
                                                href="#pills-courier" role="tab" aria-controls="pills-courier"
                                                aria-selected="false">Courier
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="pills-receiver-tab" data-toggle="pill"
                                                href="#pills-receiver" role="tab" aria-controls="pills-receiver"
                                                aria-selected="false">Receiver
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="tab-content" id="pills-tabContent">
                                        <div class="tab-pane fade show active" id="pills-order-history" role="tabpanel"
                                            aria-labelledby="pills-order-history-tab">
                                            <div class="order-list">
                                                <div class="order-list__items">
                                                    <h5>Product Shipped</h5>
                                                    <h5>10/07/2024 4:30pm</h5>
                                                    <p>
                                                        Courier Service : FedEx World Service Center
                                                        Estimated Delivery Date : 12/07/2024
                                                    </p>
                                                </div>
                                                <div class="order-list__items">
                                                    <h5>Product Shipped</h5>
                                                    <h5>10/07/2024 4:30pm</h5>
                                                    <p>
                                                        Tracking Number : 2307-3215-6759
                                                        Warehouse : T-Shirt 10b
                                                    </p>
                                                </div>
                                                <div class="order-list__items">
                                                    <h5>Product Packaging</h5>
                                                    <h5>12/07/2024 4:34pm</h5>
                                                </div>
                                                <div class="order-list__items">
                                                    <h5>Order Placed</h5>
                                                    <h5>11/07/2024 2:36pm</h5>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="pills-item-details" role="tabpanel"
                                            aria-labelledby="pills-item-details-tab"></div>
                                        <div class="tab-pane fade" id="pills-courier" role="tabpanel"
                                            aria-labelledby="pills-courier-tab"></div>
                                        <div class="tab-pane fade" id="pills-receiver" role="tabpanel"
                                            aria-labelledby="pills-receiver-tab"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="v-pills-address" role="tabpanel"
                            aria-labelledby="v-pills-address-tab">
                        </div>
                        <div class="tab-pane fade" id="v-pills-account-details" role="tabpanel"
                            aria-labelledby="v-pills-account-details-tab">
                        </div>
                        <div class="tab-pane fade" id="v-pills-wishlist" role="tabpanel"
                            aria-labelledby="v-pills-wishlist-tab">
                        </div>
                        <div class="tab-pane fade" id="v-pills-logout" role="tabpanel"
                            aria-labelledby="v-pills-logout-tab">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection