@extends('layouts.app')

@section('title', 'Profil Saya - Monev LLDIKTI XV')

@section('content')
<div class="mb-4">
    <h4 class="fw-bold mb-1">Profil Saya</h4>
    <p class="text-secondary mb-0">Perbarui data akun dan password Anda.</p>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="table-card p-4">
            <form action="{{ route('profile.update') }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row g-3">
                    <div class="col-md-6">
                        <label for="username" class="form-label">Username <span class="text-danger">*</span></label>
                        <input type="text" name="username" id="username" class="form-control @error('username') is-invalid @enderror"
                               value="{{ old('username', $user->username) }}" required>
                        @error('username')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-6">
                        <label for="name" class="form-label">Nama Lengkap <span class="text-danger">*</span></label>
                        <input type="text" name="name" id="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 for="email" class="form-label">Email <span class="text-danger">*</span></label>
                        <input type="email" name="email" id="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 for="institusi" class="form-label">Institusi <span class="text-danger">*</span></label>
                        <input type="text" name="institusi" id="institusi" class="form-control @error('institusi') is-invalid @enderror"
                               value="{{ old('institusi', $user->institusi) }}" required>
                        @error('institusi')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-6">
                        <label for="telepon" class="form-label">Telepon</label>
                        <input type="text" name="telepon" id="telepon" class="form-control @error('telepon') is-invalid @enderror"
                               value="{{ old('telepon', $user->telepon) }}">
                        @error('telepon')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-12">
                        <hr class="my-2">
                        <h6 class="fw-semibold">Ganti Password</h6>
                        <p class="small text-secondary">Kosongkan jika tidak ingin mengubah password.</p>
                    </div>

                    <div class="col-md-6">
                        <label for="password" class="form-label">Password Baru</label>
                        <input type="password" name="password" id="password" class="form-control @error('password') is-invalid @enderror">
                        <small class="text-secondary">Minimal 8 karakter, kombinasi huruf dan angka.</small>
                        @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-6">
                        <label for="password_confirmation" class="form-label">Konfirmasi Password Baru</label>
                        <input type="password" name="password_confirmation" id="password_confirmation" class="form-control">
                    </div>
                </div>

                <div class="d-flex justify-content-end gap-2 mt-4">
                    <a href="{{ route('dashboard') }}" class="btn btn-outline-secondary">Batal</a>
                    <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
                </div>
            </form>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="table-card p-4">
            <div class="text-center mb-3">
                <div class="bg-primary text-white rounded-circle d-inline-flex align-items-center justify-content-center" style="width:80px;height:80px">
                    <i class="bi bi-person fs-1"></i>
                </div>
            </div>
            <h5 class="text-center fw-bold">{{ $user->name }}</h5>
            <p class="text-center text-secondary mb-3">{{ $user->role === 'admin_lldikti' ? 'Admin LLDIKTI' : 'LPPM Perguruan Tinggi' }}</p>
            <ul class="list-group list-group-flush">
                <li class="list-group-item d-flex justify-content-between px-0">
                    <span class="text-secondary">Email</span>
                    <span class="fw-semibold">{{ $user->email }}</span>
                </li>
                <li class="list-group-item d-flex justify-content-between px-0">
                    <span class="text-secondary">Institusi</span>
                    <span class="fw-semibold">{{ $user->institusi }}</span>
                </li>
                <li class="list-group-item d-flex justify-content-between px-0">
                    <span class="text-secondary">Status Akun</span>
                    <span class="badge {{ $user->is_active ? 'bg-success' : 'bg-secondary' }}">
                        {{ $user->is_active ? 'Aktif' : 'Nonaktif' }}
                    </span>
                </li>
            </ul>
        </div>
    </div>
</div>
@endsection