@extends('layouts.app')

@php $editing = $user->exists; $isSuper = auth()->user()->isSuperAdmin(); @endphp
@section('title', $editing ? 'Editar usuario' : 'Nuevo usuario')
@section('hi', $editing ? 'Editar usuario' : 'Nuevo usuario')
@section('hi_sub', 'Administración')

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-title">{{ $editing ? 'Editar usuario' : 'Nuevo usuario' }}</h1>
            <p class="page-sub">Datos de acceso y rol del usuario.</p>
        </div>
        <a href="{{ route('users.index') }}" class="btn-ghost">@include('partials.icon', ['name' => 'arrow-left', 'class' => 'ic-sm']) Volver</a>
    </div>

    <div class="card panel form-wrap">
        <form method="POST" action="{{ $editing ? route('users.update', $user) : route('users.store') }}">
            @csrf
            @if($editing) @method('PUT') @endif

            <div class="form-grid">
                <div>
                    <label class="lbl">Nombre completo *</label>
                    <input class="inp" name="name" value="{{ old('name', $user->name) }}" required>
                    @error('name') <div class="err">{{ $message }}</div> @enderror
                </div>
                <div>
                    <label class="lbl">Correo *</label>
                    <input class="inp" type="email" name="email" value="{{ old('email', $user->email) }}" required>
                    @error('email') <div class="err">{{ $message }}</div> @enderror
                </div>

                <div>
                    <label class="lbl">Rol *</label>
                    <select name="role" id="roleSel" class="sel" required>
                        @foreach($roles as $value => $label)
                            <option value="{{ $value }}" @selected(old('role', $user->role) == $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                    @error('role') <div class="err">{{ $message }}</div> @enderror
                </div>

                @if($isSuper)
                    <div id="companyWrap">
                        <label class="lbl">Empresa</label>
                        <select name="company_id" class="sel">
                            <option value="">— Sin empresa (solo super admin) —</option>
                            @foreach($companies as $c)
                                <option value="{{ $c->id }}" @selected(old('company_id', $user->company_id) == $c->id)>{{ $c->name }}</option>
                            @endforeach
                        </select>
                        @error('company_id') <div class="err">{{ $message }}</div> @enderror
                    </div>
                @else
                    <div>
                        <label class="lbl">Empresa</label>
                        <input class="inp" value="{{ auth()->user()->company->name ?? '—' }}" disabled>
                    </div>
                @endif

                <div class="section-title">Acceso</div>

                <div>
                    <label class="lbl">Contraseña {{ $editing ? '' : '*' }}</label>
                    <input class="inp" type="password" name="password" autocomplete="new-password" {{ $editing ? '' : 'required' }}>
                    @error('password') <div class="err">{{ $message }}</div> @enderror
                    <div class="hint">{{ $editing ? 'Déjala en blanco para no cambiarla.' : 'Mínimo 6 caracteres.' }}</div>
                </div>
                <div>
                    <label class="lbl">Confirmar contraseña {{ $editing ? '' : '*' }}</label>
                    <input class="inp" type="password" name="password_confirmation" autocomplete="new-password" {{ $editing ? '' : 'required' }}>
                </div>

                <div class="col-2">
                    <label class="switch">
                        <input type="checkbox" name="active" value="1" @checked(old('active', $user->active ?? true))>
                        Usuario activo
                    </label>
                </div>
            </div>

            <div class="form-actions">
                <a href="{{ route('users.index') }}" class="btn-ghost">Cancelar</a>
                <button class="btn-primary" type="submit">@include('partials.icon', ['name' => 'check', 'class' => 'ic-sm']) {{ $editing ? 'Guardar cambios' : 'Crear usuario' }}</button>
            </div>
        </form>
    </div>

    @if($isSuper)
    @push('scripts')
    <script>
        const roleSel = document.getElementById('roleSel');
        const companyWrap = document.getElementById('companyWrap');
        function syncCompany(){
            if(!roleSel || !companyWrap) return;
            companyWrap.style.opacity = roleSel.value === 'superadmin' ? '.5' : '1';
        }
        roleSel && roleSel.addEventListener('change', syncCompany);
        syncCompany();
    </script>
    @endpush
    @endif
@endsection