@extends('layouts.demo10.base')

@section('content')
<div class="grid gap-5 lg:gap-7.5">
    <div class="flex flex-wrap items-center justify-between gap-5">
        <div class="flex flex-col gap-1">
            <h1 class="font-semibold text-xl text-mono">{{ __('My Profile') }}</h1>
            <p class="text-sm text-secondary-foreground">{{ __('Update your basic account details.') }}</p>
        </div>
    </div>

    <div class="kt-card">
        <div class="kt-card-header">
            <h3 class="kt-card-title">{{ __('Profile Form') }}</h3>
        </div>
        <div class="kt-card-content">
            @include('profile.partials.update-profile-information-form')
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    @if (session('success'))
        toastr.success(@json(session('success')));
    @endif
</script>
@endsection