@extends('frontend.app')
@section('content')
<main class="main-wrapper">
    <!-- Start Breadcrumb Area  -->
    <div class="axil-breadcrumb-area">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-8">
                    <div class="inner">
                        <ul class="axil-breadcrumb">
                            <li class="axil-breadcrumb-item"><a href="index.php">Home</a></li>
                            <li class="separator"></li>
                            <li class="axil-breadcrumb-item active" aria-current="page">My Dashboard</li>
                        </ul>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!-- End Breadcrumb Area  -->

    <!-- Start My Account Area  -->
    <div class="axil-dashboard-area">
        <div class="container-fluid">
            <div class="axil-dashboard-warp p-5">
                <div class="axil-dashboard-author">
                    <div class="media">
                        
                        <div class="media-body">
                            <h5 class="title mb-0">Hello {{ auth()->user()->first_name.' '.auth()->user()->last_name}}</h5>
                            <span class="joining-date">Member Since {{ date('M Y', strtotime(auth()->user()->created_at))}}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-3 col-md-4">
                        <aside class="axil-dashboard-aside">
                            <nav class="axil-dashboard-nav">
                                <div class="nav nav-tabs" role="tablist">
                                    <a class="nav-item nav-link active" href="{{ route('front.dashboard.index')}}"><i class="fas fa-th-large"></i>Dashboard</a>
                                    <a class="nav-item nav-link" href="{{ route('front.orders.index')}}" ><i class="fas fa-shopping-basket"></i>Orders</a>
                                    <a class="nav-item nav-link" href="{{ route('front.account_details.index')}}"><i class="fas fa-home"></i>Account Details</a>
                                    <a class="nav-item nav-link" href="{{ route('logout') }}"
                                       onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();"><i class="fa-solid fa-right-from-bracket"></i>Logout</a>
                                        <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                            @csrf
                                        </form>
                                </div>
                            </nav>
                        </aside>
                    </div>
                    <div class="col-xl-9 col-md-8">
                        <div class="dashboard-content">

                            {{-- Welcome Card --}}
                            <div class="card mb-4 border-0 shadow-sm">
                                <div class="card-body">
                                    <h5 class="mb-2 text-primary">
                                        স্বাগতম, {{ auth()->user()->first_name }} 👋
                                    </h5>
                                    <p class="text-muted mb-0">
                                        আপনার ব্যক্তিগত ড্যাশবোর্ড থেকে নিচের সুবিধাগুলো সহজেই ব্যবহার করতে পারবেন।
                                    </p>
                                </div>
                            </div>

                            {{-- Feature Cards --}}
                            <div class="row g-3">

                                <div class="col-md-4">
                                    <div class="card h-100 border-0 shadow-sm text-center">
                                        <div class="card-body">
                                            <i class="fas fa-box-open fa-2x text-primary mb-3"></i>
                                            <h6 class="text-primary">অর্ডার ট্র্যাকিং</h6>
                                            <small class="text-muted">
                                                আপনার সকল অর্ডারের বর্তমান অবস্থা দেখুন।
                                            </small>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="card h-100 border-0 shadow-sm text-center">
                                        <div class="card-body">
                                            <i class="fas fa-user-edit fa-2x text-primary mb-3"></i>
                                            <h6 class="text-primary">প্রোফাইল ম্যানেজমেন্ট</h6>
                                            <small class="text-muted">
                                                ঠিকানা ও পাসওয়ার্ড আপডেট করুন।
                                            </small>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="card h-100 border-0 shadow-sm text-center">
                                        <div class="card-body">
                                            <i class="fas fa-headset fa-2x text-primary mb-3"></i>
                                            <h6 class="text-primary">কাস্টমার সাপোর্ট</h6>
                                            <small class="text-muted">
                                                যেকোনো সমস্যায় দ্রুত সহায়তা নিন।
                                            </small>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            {{-- Alert --}}
                            <div class="alert alert-primary mt-4">
                                <strong>গুরুত্বপূর্ণ নোট:</strong>
                                পণ্য ডেলিভারি পাওয়ার পর ইনভয়েস যাচাই করুন।
                                কোনো সমস্যা থাকলে ডেলিভারি ম্যান থাকা অবস্থায় আমাদের সাথে যোগাযোগ করুন।
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End My Account Area  -->
</main>



@endsection