@php
    $role = auth()->user()->role;
    $layout = "layouts.$role";
    $routePrefix = $role;
@endphp

@extends($layout)
@section('title','Profil Saya')
@section('page-title','Profil Saya')

@section('content')
<div class="page-header">
    <div class="page-header-left">
        <div class="breadcrumb"><span>Profil Saya</span></div>
        <h1 class="page-header-title">Pengaturan Profil</h1>
    </div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px;" class="profil-grid">
    {{-- Update Profil --}}
    <div class="card">
        <div class="card-header"><span class="card-title">Informasi Profil</span></div>
        <div class="card-body">
            <form method="POST" action="{{ route($routePrefix.'.profil.update') }}">
                @csrf @method('PUT')
                <div class="form-group">
                    <label class="form-label">Nama Lengkap <span class="required">*</span></label>
                    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
                        value="{{ old('name', auth()->user()->name) }}">
                    @error('name')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label class="form-label">Username <span class="required">*</span></label>
                    <input type="text" name="username" class="form-control @error('username') is-invalid @enderror"
                        value="{{ old('username', auth()->user()->username) }}">
                    @error('username')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label class="form-label">Email</label>
                    <input type="email" name="email" class="form-control @error('email') is-invalid @enderror"
                        value="{{ old('email', auth()->user()->email) }}">
                    @error('email')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <button type="submit" class="btn btn-primary">Simpan Profil</button>
            </form>
        </div>
    </div>

    {{-- Update Password --}}
    <div class="card">
        <div class="card-header"><span class="card-title">Ganti Password</span></div>
        <div class="card-body">
            <form method="POST" action="{{ route($routePrefix.'.profil.password') }}">
                @csrf @method('PUT')
                <div class="form-group">
                    <label class="form-label">Password Lama <span class="required">*</span></label>
                    <input type="password" name="current_password" class="form-control @error('current_password') is-invalid @enderror"
                        placeholder="Password saat ini">
                    @error('current_password')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label class="form-label">Password Baru <span class="required">*</span></label>
                    <input type="password" name="password" class="form-control @error('password') is-invalid @enderror"
                        placeholder="Min. 8 karakter">
                    @error('password')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label class="form-label">Konfirmasi Password <span class="required">*</span></label>
                    <input type="password" name="password_confirmation" class="form-control" placeholder="Ulangi password baru">
                </div>
                <button type="submit" class="btn btn-primary">Ganti Password</button>
            </form>
        </div>
    </div>
</div>

@push('styles')
<style>
.profil-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px; }
@media(max-width:640px) { .profil-grid { grid-template-columns:1fr; } }
</style>
@endpush
@endsection