@extends('layouts.app')
@section('page-title', isset($user) ? 'Edit User' : 'Add User')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-{{ isset($user) ? 'edit' : 'user-plus' }}" style="color:#0097c4"></i>
        {{ isset($user) ? 'Edit User: '.$user->name : 'Add New User' }}
    </h1>
    <a href="{{ route('users.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Back</a>
</div>

<div class="card" style="max-width:600px;">
    <div class="card-header"><i class="fas fa-user-cog"></i> User Details</div>
    <div class="card-body">
        <form method="POST" action="{{ isset($user) ? route('users.update', $user) : route('users.store') }}">
            @csrf
            @if(isset($user)) @method('PUT') @endif

            <div class="form-group">
                <label class="form-label">Full Name *</label>
                <input type="text" 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="form-group">
                <label class="form-label">Email *</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="form-row">
                <div class="form-group">
                    <label class="form-label">Password {{ isset($user) ? '(leave blank to keep)' : '*' }}</label>
                    <input type="password" name="password" class="form-control" {{ isset($user) ? '' : 'required' }}>
                </div>
                <div class="form-group">
                    <label class="form-label">Confirm Password</label>
                    <input type="password" name="password_confirmation" class="form-control">
                </div>
            </div>

            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Role *</label>
                    <select name="role" class="form-control">
                        <option value="admin"    {{ old('role', $user->role ?? '') === 'admin'    ? 'selected' : '' }}>Admin</option>
                        <option value="hr"       {{ old('role', $user->role ?? '') === 'hr'       ? 'selected' : '' }}>HR</option>
                        <option value="employee" {{ old('role', $user->role ?? '') === 'employee' ? 'selected' : '' }}>Employee</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">Linked Employee</label>
                    <select name="employee_id" class="form-control">
                        <option value="">None</option>
                        @foreach($employees as $emp)
                            <option value="{{ $emp->id }}" {{ old('employee_id', $user->employee_id ?? '') == $emp->id ? 'selected' : '' }}>
                                {{ $emp->name }} ({{ $emp->rg_id }})
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div style="display:flex; gap:10px; margin-top:8px;">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> {{ isset($user) ? 'Update User' : 'Save User' }}
                </button>
                <a href="{{ route('users.index') }}" class="btn btn-secondary"><i class="fas fa-times"></i> Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection