@extends('layouts.app')
@section('title', 'Profil Saya')

@section('content')
<div class="row justify-content-center g-3"><div class="col-lg-7">

    <div class="card mb-3"><div class="card-body">
        <h5 class="fw-bold"><i class="bi bi-person-circle text-teal"></i> Maklumat Profil</h5>
        <form method="POST" action="{{ route('profile.update') }}">
            @csrf @method('PUT')
            <div class="row g-3">
                <div class="col-md-6"><label class="form-label">Nama *</label>
                    <input name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $user->name) }}" required>
                    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                <div class="col-md-6"><label class="form-label">Emel *</label>
                    <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email', $user->email) }}" required>
                    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                <div class="col-md-6"><label class="form-label">Peranan</label>
                    <input class="form-control" value="{{ $user->roleLabel() }}" disabled></div>
            </div>
            <div class="mt-4"><button class="btn btn-teal"><i class="bi bi-save"></i> Simpan Profil</button></div>
        </form>
    </div></div>

    <div class="card"><div class="card-body">
        <h5 class="fw-bold"><i class="bi bi-key text-teal"></i> Tukar Kata Laluan</h5>
        <form method="POST" action="{{ route('profile.password') }}">
            @csrf @method('PUT')
            <div class="row g-3">
                <div class="col-12"><label class="form-label">Kata Laluan Semasa *</label>
                    <input type="password" name="current_password" class="form-control @error('current_password') is-invalid @enderror" required>
                    @error('current_password')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                <div class="col-md-6"><label class="form-label">Kata Laluan Baru *</label>
                    <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" required>
                    @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                <div class="col-md-6"><label class="form-label">Sahkan Kata Laluan Baru *</label>
                    <input type="password" name="password_confirmation" class="form-control" required></div>
            </div>
            <div class="mt-4"><button class="btn btn-teal"><i class="bi bi-shield-lock"></i> Tukar Kata Laluan</button></div>
        </form>
    </div></div>

</div></div>
@endsection