@extends('page.account.layout')
@section('account.content')
<div class="col-12 col-md-9">
    <!-- recent activity section -->
    <div class="d-flex flex-column theme-border-radius theme-bg-white theme-box-shadow mb-4">
        <!-- title section -->
        <div class="d-flex justify-content-between p-3">
            <span class="fw-bold">@translate('profilePage', 'wish_list_title')</span>
        </div>
        <!-- my wishlist section -->
        <div class="p-3">
            <div class="row g-0">
                <div class="col-12 col-lg-12 mb-3">
                    <div class="border px-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-2">
                                <img src="assets/images/product/recent-product02.jpg" alt="Parts" class="img-fluid">
                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Vestibulum ante ipsum primis in.</p>
                                <div class="mt-2 small lh-1 mb-3 mb-lg-0">
                                    <span class="theme-text-primary">$250.00</span>
                                </div>
                                <span class="badge bg-success">In Stock</span>
                            </div>
                            <div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
                                <div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
                                    <a
                                        class="d-flex align-items-center justify-content-center border theme-border-radius effect p-2">@translate('profilePage', 'wish_list_add_to_cart')
                                        <i class="bi bi-arrow-right ms-2"></i></a>
                                    <a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- repetable -->
                <div class="col-12 col-lg-12 mb-3">
                    <div class="border px-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-2">
                                <img src="assets/images/product/best-seller01.jpg" alt="Parts" class="img-fluid">
                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Vestibulum ante ipsum primis in.</p>
                                <div class="mt-2 small lh-1 mb-3 mb-lg-0">
                                    <span class="theme-text-primary">$250.00</span>
                                </div>
                                <span class="badge bg-success">In Stock</span>
                            </div>
                            <div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
                                <div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
                                    <a
                                        class="d-flex align-items-center justify-content-center border theme-border-radius effect p-2">@translate('profilePage', 'wish_list_add_to_cart')
                                        <i class="bi bi-arrow-right ms-2"></i></a>
                                    <a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- repetable -->
                <div class="col-12 col-lg-12 mb-3">
                    <div class="border px-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-2">
                                <img src="assets/images/product/best-seller02.jpg" alt="Parts" class="img-fluid">
                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Vestibulum ante ipsum primis in.</p>
                                <div class="mt-2 small lh-1 mb-3 mb-lg-0">
                                    <span class="theme-text-primary">$250.00</span>
                                </div>
                                <span class="badge bg-danger">Out of
                                    Stock</span>
                            </div>
                            <div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
                                <div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
                                    <a
                                        class="d-flex align-items-center justify-content-center border theme-border-radius effect p-2">@translate('profilePage', 'wish_list_add_to_cart')
                                        <i class="bi bi-arrow-right ms-2"></i></a>
                                    <a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- repetable -->
                <div class="col-12 col-lg-12 mb-3">
                    <div class="border px-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-2">
                                <img src="assets/images/product/recent-product03.jpg" alt="Parts" class="img-fluid">
                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Vestibulum ante ipsum primis in.</p>
                                <div class="mt-2 small lh-1 mb-3 mb-lg-0">
                                    <span class="theme-text-primary">$250.00</span>
                                </div>
                                <span class="badge bg-success">In Stock</span>
                            </div>
                            <div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
                                <div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
                                    <a
                                        class="d-flex align-items-center justify-content-center border theme-border-radius effect p-2">@translate('profilePage', 'wish_list_add_to_cart')
                                        <i class="bi bi-arrow-right ms-2"></i></a>
                                    <a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- repetable -->
                <div class="col-12 col-lg-12 mb-3">
                    <div class="border px-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-2">
                                <img src="assets/images/product/recent-product01.jpg" alt="Parts" class="img-fluid">
                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Vestibulum ante ipsum primis in.</p>
                                <div class="mt-2 small lh-1 mb-3 mb-lg-0">
                                    <span class="theme-text-primary">$250.00</span>
                                </div>
                                <span class="badge bg-success">In Stock</span>
                            </div>
                            <div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
                                <div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
                                    <a
                                        class="d-flex align-items-center justify-content-center border theme-border-radius effect p-2">@translate('profilePage', 'wish_list_add_to_cart')
                                        <i class="bi bi-arrow-right ms-2"></i></a>
                                    <a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- repetable -->
                <div class="col-12 col-lg-12 mb-3">
                    <div class="border px-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-2">
                                <img src="assets/images/product/recent-product02.jpg" alt="Parts" class="img-fluid">
                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Vestibulum ante ipsum primis in.</p>
                                <div class="mt-2 small lh-1 mb-3 mb-lg-0">
                                    <span class="theme-text-primary">$250.00</span>
                                </div>
                                <span class="badge bg-success">In Stock</span>
                            </div>
                            <div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
                                <div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
                                    <a
                                        class="d-flex align-items-center justify-content-center border theme-border-radius effect p-2">@translate('profilePage', 'wish_list_add_to_cart')
                                        <i class="bi bi-arrow-right ms-2"></i></a>
                                    <a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- repetable -->
                <div class="col-12 col-lg-12 mb-3">
                    <div class="border px-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-2">
                                <img src="assets/images/product/best-seller03.jpg" alt="Parts" class="img-fluid">
                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Vestibulum ante ipsum primis in.</p>
                                <div class="mt-2 small lh-1 mb-3 mb-lg-0">
                                    <span class="theme-text-primary">$250.00</span>
                                </div>
                                <span class="badge bg-danger">Out of
                                    Stock</span>
                            </div>
                            <div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
                                <div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
                                    <a
                                        class="d-flex align-items-center justify-content-center border theme-border-radius effect p-2">@translate('profilePage', 'wish_list_add_to_cart')
                                        <i class="bi bi-arrow-right ms-2"></i></a>
                                    <a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- repetable -->
                <div class="col-12 col-lg-12 mb-3">
                    <div class="text-center theme-text-primary fw-bold">Load more</div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection