@extends('layouts.app')
@section('title', 'Edit profile')
@section('content')
<div class="mb-6 flex flex-wrap items-center justify-between gap-3">
    <p class="text-sm text-slate-500">Update your account information and security settings.</p>
    <a href="{{ route('profile.show') }}" class="rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-sm font-semibold text-slate-700 hover:bg-slate-50">Back to profile</a>
</div>
<div class="grid max-w-5xl gap-5">
    <section class="panel-card p-5 sm:p-8">@include('profile.partials.update-profile-information-form')</section>
    <section class="panel-card p-5 sm:p-8">@include('profile.partials.update-password-form')</section>
    <section class="panel-card border-rose-100 p-5 sm:p-8">@include('profile.partials.delete-user-form')</section>
</div>
@endsection