@extends('layouts.app')

@section('page_title', 'Add New Staff')

@section('content')
<div class="card" style="max-width: 600px; margin: 0 auto;">
    <h2 style="font-size: 16px; margin: 0 0 20px 0;">Staff Details</h2>
    
    <form action="{{ route('staff.store') }}" method="POST">
        @csrf
        
        <div style="margin-bottom: 16px;">
            <label for="name" style="font-size: 14px; font-weight: 500;">Full Name</label>
            <input type="text" id="name" name="name" value="{{ old('name') }}" required placeholder="e.g. John Doe">
        </div>

        <div style="margin-bottom: 16px;">
            <label for="email" style="font-size: 14px; font-weight: 500;">Email Address</label>
            <input type="email" id="email" name="email" value="{{ old('email') }}" required placeholder="staff@company.com">
        </div>

        <div style="margin-bottom: 24px;">
            <label for="password" style="font-size: 14px; font-weight: 500;">Password (Min. 8 characters)</label>
            <input type="password" id="password" name="password" required placeholder="••••••••">
        </div>

        <div style="display: flex; gap: 10px;">
            <button type="submit" class="btn">Create Staff Account</button>
            <a href="{{ route('staff.index') }}" class="btn btn-secondary" style="text-decoration: none;">Cancel</a>
        </div>
    </form>
</div>
@endsection
