@extends('admin.layouts.admin')
@section('content')
    <div class="pagetitle">
      <h1>Dashboard</h1>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="#">Home</a></li>
          <li class="breadcrumb-item">Dashboard</li>
          <li class="breadcrumb-item active">Users</li>
        </ol>
      </nav>
    </div><!-- End Page Title -->

    <section class="section dashboard">
      <div class="row">

        <!-- Left side columns -->
        <div class="col-lg-12">


            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Personal Account Details</h5>
                    <p>Personal accounts detail page shows vehicles, id documents, transactions, trading years, and profile setting.</p>


                </div>
            </div>


            <!-- Display basic user information -->
            <div class="card">
                <div class="card-header">User Information</div>
                <div class="card-body">
                    <p><strong>Full Name:</strong> {{ $user->first_name }} {{ $user->last_name }}</p>
                    <p><strong>Email:</strong> {{ $user->email }}</p>
                    <p><strong>Account Status:</strong> {{ $user->account_status ? 'Active' : 'Inactive' }}</p>
                </div>
            </div>

            <!-- Display Profile Settings -->
            <div class="card mt-3">
                <div class="card-header">Profile Settings</div>
                <div class="card-body">
                    @if($user->profile_setting)
                        <p><strong>Setting Name:</strong> {{ $user->profile_setting->setting_name }}</p>
                        <!-- Add more profile settings as needed -->
                    @else
                        <p>No profile settings available.</p>
                    @endif
                </div>
            </div>

            <!-- Display Vehicles -->
            <div class="card mt-3">
                <div class="card-header">Vehicles</div>
                <div class="card-body">
                    @if($user->vehicles->isNotEmpty())
                        <ul>
                            @foreach($user->vehicles as $vehicle)
                                <li>{{ $vehicle->make }} - {{ $vehicle->model }} ({{ $vehicle->year }})</li>
                            @endforeach
                        </ul>
                    @else
                        <p>No vehicles associated with this user.</p>
                    @endif
                </div>
            </div>

            <!-- Display Transactions -->
            <div class="card mt-3">
                <div class="card-header">Transactions</div>
                <div class="card-body">
                    @if($user->transactions->isNotEmpty())
                        <ul>
                            @foreach($user->transactions as $transaction)
                                <li>{{ $transaction->description }} - ${{ $transaction->amount }}</li>
                            @endforeach
                        </ul>
                    @else
                        <p>No transactions available.</p>
                    @endif
                </div>
            </div>

            <!-- Display Trading Years -->
            <div class="card mt-3">
                <div class="card-header">Trading Years</div>
                <div class="card-body">
                    @if($user->trading_years->isNotEmpty())
                        <ul>
                            @foreach($user->trading_years as $trading_year)
                                <li>{{ $trading_year->year }} ({{ $trading_year->active_trading_year ? 'Active' : 'Inactive' }})</li>
                            @endforeach
                        </ul>
                    @else
                        <p>No trading years available.</p>
                    @endif
                </div>
            </div>

        </div><!-- End Left side columns -->



      </div>
    </section>




@endsection