@extends('layouts.admin')

@section('title', __('Profile'))

@section('mobile_title', __('Profile'))

@section('content')
    <div class="mx-auto max-w-3xl space-y-6">
        <div>
            <a href="{{ route('admin.dashboard') }}" class="text-sm font-medium text-indigo-600 hover:text-indigo-500">← {{ __('Back to dashboard') }}</a>
            <h1 class="mt-4 text-2xl font-semibold text-slate-900">{{ __('Profile') }}</h1>
            <p class="mt-1 text-sm text-slate-600">{{ __('Update your account settings and password.') }}</p>
        </div>

        <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm sm:p-8">
            @include('profile.partials.update-profile-information-form')
        </div>

        <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm sm:p-8">
            @include('profile.partials.update-password-form')
        </div>

        <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm sm:p-8">
            @include('profile.partials.delete-user-form')
        </div>
    </div>
@endsection