@extends('layouts.master')

@section('title', 'Profil Pengguna')

@section('content')


    <div class="row gy-4">
        
        {{-- 1. UPDATE DATA DIRI --}}
        <div class="col-lg-6">
            <div class="card h-100 p-0 radius-12">
                <div class="card-header border-bottom bg-base py-16 px-24">
                    <h6 class="text-lg fw-semibold mb-0">Informasi Profil</h6>
                </div>
                <div class="card-body p-24">
                    {{-- Kita include partial bawaan, tapi nanti mungkin perlu penyesuaian CSS di dalamnya --}}
                    @include('profile.partials.update-profile-information-form')
                </div>
            </div>
        </div>

        {{-- 2. UPDATE PASSWORD --}}
        <div class="col-lg-6">
            <div class="card h-100 p-0 radius-12">
                <div class="card-header border-bottom bg-base py-16 px-24">
                    <h6 class="text-lg fw-semibold mb-0">Ganti Password</h6>
                </div>
                <div class="card-body p-24">
                    @include('profile.partials.update-password-form')
                </div>
            </div>
        </div>

        {{-- 3. HAPUS AKUN --}}
        <div class="col-12">
            <div class="card h-100 p-0 radius-12 border-danger-100 bg-danger-50">
                <div class="card-body p-24">
                    @include('profile.partials.delete-user-form')
                </div>
            </div>
        </div>

    </div>

@endsection