@extends('layouts.app')
@section('title','Mi perfil — '.config('app.name'))
@section('content')
@php($isAdminProfile = $user->hasAnyRole(['superadministrador','administrador']))

@if($isAdminProfile)
<div class="dashboard-page admin-workspace"><div class="container-shell dashboard-shell"><x-dashboard-sidebar/>
<section class="dashboard-main admin-profile-workspace">
    <header class="admin-page-header"><div><span class="dashboard-kicker">Mi cuenta</span><h1>Mi perfil</h1><p>Administra tu información personal, preferencias y seguridad de acceso.</p></div><a class="btn btn-secondary" href="{{ route('admin.dashboard') }}">Volver a mi panel</a></header>
    <section class="admin-profile-summary"><x-user-avatar :user="$user" class="admin-profile-avatar"/><div><span>Cuenta administrativa</span><strong>{{ $user->name }}</strong><small>{{ $user->email }}</small></div><span class="status status-active">Cuenta activa</span></section>
    <div class="admin-profile-grid">
        <form class="panel admin-profile-form" method="POST" action="{{ route('profile.update') }}" enctype="multipart/form-data">@csrf @method('PUT')
            <header class="panel-head"><div><span>Información personal</span><h2>Datos del perfil</h2><p>Estos datos se utilizan en tu cuenta y actividad administrativa.</p></div></header>
            <div class="panel-body form-grid"><div><label class="form-label">Nombre completo</label><input class="form-input" name="name" value="{{ old('name',$user->name) }}" required></div><div><label class="form-label">Correo electrónico</label><input class="form-input" type="email" name="email" value="{{ old('email',$user->email) }}" required></div><div><label class="form-label">Teléfono</label><input class="form-input" name="phone" value="{{ old('phone',$user->phone) }}" placeholder="Opcional"></div><label class="profile-photo-field"><span class="form-label">Fotografía</span><span class="profile-photo-button">Seleccionar imagen<input type="file" name="avatar" accept="image/*"></span><small>JPG, PNG o WebP · Máximo 2 MB</small></label><div class="field-full"><label class="form-label">Presentación</label><textarea class="form-textarea" name="bio" rows="5" placeholder="Agrega una breve presentación profesional.">{{ old('bio',$user->bio) }}</textarea></div><label class="check-row field-full"><input type="checkbox" name="notify_email" value="1" @checked(old('notify_email',$user->notification_preferences['email'] ?? true))> Recibir por correo las notificaciones importantes</label><div class="field-full form-submit-row"><span>Revisa tus datos antes de guardar.</span><button class="btn btn-primary">Guardar perfil</button></div></div>
        </form>
        <div class="admin-profile-side">
            <form class="panel admin-password-form" method="POST" action="{{ route('profile.password') }}">@csrf @method('PUT')<header class="panel-head"><div><span>Seguridad</span><h2>Cambiar contraseña</h2><p>Utiliza una contraseña única para esta plataforma.</p></div></header><div class="panel-body"><label><span class="form-label">Contraseña actual</span><input class="form-input" type="password" name="current_password" required autocomplete="current-password"></label><label><span class="form-label">Nueva contraseña</span><input class="form-input" type="password" name="password" required autocomplete="new-password"></label><label><span class="form-label">Confirmar contraseña</span><input class="form-input" type="password" name="password_confirmation" required autocomplete="new-password"></label><button class="btn btn-primary">Actualizar contraseña</button></div></form>
            <section class="panel profile-access-card"><header class="panel-head"><div><span>Acceso actual</span><h2>Rol y permisos</h2></div></header><div class="panel-body"><div><span>Rol</span><strong>{{ Str::headline($user->roles->first()?->name ?? 'Sin rol') }}</strong></div><div><span>Estado</span><strong>Activo</strong></div>@can('roles.manage')<a href="{{ route('admin.roles') }}">Revisar política de acceso →</a>@endcan</div></section>
        </div>
    </div>
</section></div></div>
@else
<header class="page-head"><div class="container-shell"><span class="eyebrow">Cuenta</span><h1>Tu perfil</h1><p>Mantén actualizada la información que verán tus instructores y tus certificados.</p></div></header>
<section class="section-tight"><div class="container-shell" style="display:grid;gap:1rem;max-width:850px">
<form class="panel" method="POST" action="{{ route('profile.update') }}" enctype="multipart/form-data">@csrf @method('PUT')<div class="panel-head"><h2>Información personal</h2></div><div class="panel-body form-grid"><div><label class="form-label">Nombre</label><input class="form-input" name="name" value="{{ old('name',$user->name) }}" required></div><div><label class="form-label">Correo</label><input class="form-input" type="email" name="email" value="{{ old('email',$user->email) }}" required></div><div><label class="form-label">Teléfono</label><input class="form-input" name="phone" value="{{ old('phone',$user->phone) }}"></div><div><label class="form-label">Fotografía</label><input class="form-input" type="file" name="avatar" accept="image/*"></div><div class="field-full"><label class="form-label">Presentación</label><textarea class="form-textarea" name="bio">{{ old('bio',$user->bio) }}</textarea></div><label class="check-row field-full"><input type="checkbox" name="notify_email" value="1" @checked(old('notify_email',$user->notification_preferences['email'] ?? true))> Recibir por correo las notificaciones importantes</label><div class="field-full"><button class="btn btn-primary">Guardar perfil</button></div></div></form>
<form class="panel" method="POST" action="{{ route('profile.password') }}">@csrf @method('PUT')<div class="panel-head"><h2>Seguridad</h2></div><div class="panel-body form-grid"><div><label class="form-label">Contraseña actual</label><input class="form-input" type="password" name="current_password" required></div><div></div><div><label class="form-label">Nueva contraseña</label><input class="form-input" type="password" name="password" required></div><div><label class="form-label">Confirmación</label><input class="form-input" type="password" name="password_confirmation" required></div><div class="field-full"><button class="btn btn-primary">Cambiar contraseña</button></div></div></form>
</div></section><section class="section-tight" style="padding-top:0"><div class="container-shell" style="max-width:850px"><form class="panel" method="POST" action="{{ route('profile.destroy') }}" data-confirm="¿Eliminar tu cuenta y cerrar la sesión? Esta acción no se puede deshacer.">@csrf @method('DELETE')<div class="panel-head"><h2>Eliminar cuenta</h2></div><div class="panel-body form-grid"><div class="field-full"><p style="color:var(--muted)">Tus datos personales se eliminarán de la cuenta y el acceso quedará suspendido. Escribe tu contraseña para confirmar.</p></div><input class="form-input" type="password" name="password" placeholder="Contraseña actual" required autocomplete="current-password"><div><button class="btn btn-danger">Eliminar mi cuenta</button></div></div></form></div></section>
@endif
@endsection