@extends('layouts.app')

@php
    $eyebrow = 'Administration';
    $pageTitle = $row ? 'Edit team member' : 'Add team member';
@endphp

@section('content')

<div class="surface-card p-4 p-md-5" style="max-width: 560px;">
    <form method="POST" action="{{ $row ? route('users.update', $row->id) : route('users.store') }}">
        @csrf
        @if($row) @method('PUT') @endif

        <div class="mb-3">
            <label class="form-label">Full name <span class="text-danger">*</span></label>
            <input type="text" name="name" value="{{ old('name', $row?->name) }}" class="form-control" required autofocus>
            @error('name')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
        </div>

        <div class="mb-3">
            <label class="form-label">Email <span class="text-danger">*</span></label>
            <input type="email" name="email" value="{{ old('email', $row?->email) }}" class="form-control" required>
            @error('email')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
        </div>

        <div class="mb-3">
            <label class="form-label">Role <span class="text-danger">*</span></label>
            <select name="role" class="form-select" required>
                <option value="manager" @selected(old('role', $row?->role) === 'manager')>Manager — full access except HR, reports view-only, no admin settings</option>
                <option value="staff" @selected(old('role', $row?->role) === 'staff')>Staff — day-to-day operations only, no back-office or admin access</option>
            </select>
            @error('role')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
        </div>

        <div class="mb-3">
            <label class="form-label">{{ $row ? 'New password' : 'Password' }} @if(!$row)<span class="text-danger">*</span>@endif</label>
            <input type="password" name="password" class="form-control" @if(!$row) required @endif placeholder="{{ $row ? 'Leave blank to keep current password' : '' }}">
            @error('password')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
        </div>

        <div class="mb-4">
            <label class="form-label">Confirm password</label>
            <input type="password" name="password_confirmation" class="form-control" @if(!$row) required @endif>
        </div>

        <div class="d-flex gap-2">
            <button class="btn btn-brand px-4"><i class="bi bi-check-lg me-1"></i>Save</button>
            <a href="{{ route('users.index') }}" class="btn btn-outline-secondary">Cancel</a>
        </div>
    </form>
</div>
@endsection