@extends('layouts.app')

@section('mainContainerClasses', 'bg-light-gray')

@section('content')

<nav class="breadcrumb-container" aria-label="breadcrumb">
    <div class="container-fluid">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">@lang('site.home_page')</a></li>
            <li class="breadcrumb-item active" aria-current="page">@lang('site.profile')</li>
        </ol>
    </div>
</nav>

<div class="container-fluid">
    <div class="row">
        
        <div class="col-lg-3">
            @include('profile.includes._nav')
        </div>

        <div class="col-lg-9">
            <div class="mb-25">
                <h4 class="fw-medium text-capitalize mb-1">@lang('site.my_account')</h4>
                <p class="text-brown mb-0">{{ $user->email }}</p>

                @if (session('success'))
                    <div class="alert bg-primary-color text-white border-0 text-center fs-5">
                        <i class="bi bi-check-lg"></i>
                        {{ session('success') }}
                    </div>
                @endif

                @if ($errors->any())
                    <div class="alert bg-secondary-color text-white border-0 text-center fs-5">
                        <i class="bi bi-x-lg"></i>
                        {{ $errors->first() }}
                    </div>
                @endif
            </div>

            <div class="bg-white p-4 rounded-5 mb-25">
                <h5 class="fw-medium mb-25">@lang('site.edit_profile')</h5>
                @include('profile.includes._edit_basic_profile')
                
            </div>
            <div class="bg-white p-4 rounded-5 mb-25">
                <h5 class="fw-medium mb-25">@lang('site.edit_password')</h5>
                @include('profile.includes._edit_password')
            </div>
        </div>
    </div>
</div>
@endsection