@extends('template')
@section('title', $title)
@section('content')
    <section>
        <div class="row">
            <div class="col-8">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center m-0 p-0">
                            <a class="card-title" href="/dashboard" style="color: #0B4238; font-weight: 600;"><i
                                    class="bi bi-chevron-compact-left"></i>
                                <small style="color: #0B4238; font-weight: 600; margin-top: 100px">Kembali</small>
                            </a>
                            <p class="text-kanan">Edit Profile Pengguna</p>
                        </div>
                        <hr class="hr">
                        <form class="row g-3 needs-validation" action="/profile/{{ Auth::user()->id }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="col-12 text-left">
                                <label for="email" class="form-label">Email<span class="text-danger">*</span></label>
                                <input type="email" class="form-control @error('email') is-invalid @enderror"
                                    name="email" id="email" value="{{ old('email', Auth::user()->email) }}" disabled>
                                {{-- -- --}} <br>
                                <label for="username" class="form-label">Username<span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('username') is-invalid @enderror"
                                    id="username" name="username" value="{{ old('username', Auth::user()->username) }}"
                                    disabled>
                                {{-- -- --}} <br>
                                <label for="name" class="form-label">Nama Lengkap<span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('name') is-invalid @enderror"
                                    name="name" id="name" value="{{ old('name', Auth::user()->name) }}">
                                @error('name')
                                    <div class="invalid-tooltip">
                                        {{ $message }}
                                    </div>
                                @enderror
                                {{-- -- --}} <br>
                                <label for="password" class="form-label">Password<span class="text-danger"></span></label>
                                <input type="password" class="form-control @error('password') is-invalid @enderror"
                                    name="password" id="password" value="{{ old('password') }}">
                                @error('password')
                                    <div class="invalid-tooltip">
                                        {{ $message }}
                                    </div>
                                @enderror
                                {{-- -- --}} <br>
                                <label for="konfirmasi_password" class="form-label">Konfirmasi Password<span
                                        class="text-danger"></span></label>
                                <input type="password"
                                    class="form-control @error('konfirmasi_password') is-invalid @enderror"
                                    name="konfirmasi_password" id="konfirmasi_password"
                                    value="{{ old('konfirmasi_password') }}">
                                @error('konfirmasi_password')
                                    <div class="invalid-tooltip">
                                        {{ $message }}
                                    </div>
                                @enderror
                                {{-- -- --}} <br>
                            </div>

                            <hr class="hr-form">
                            <div class="text-end">
                                <button type="submit" class="btn btn-success">Simpan</button>
                            </div>
                        </form><!-- Vertical Form -->
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection