@extends('layouts.app')

@section('content')
<h3 class="mb-3">{{ $mode === 'create' ? 'Create Staff/User' : 'Edit User' }}</h3>
<form method="POST" action="{{ $mode === 'create' ? route('staff.store') : route('staff.update', $userModel) }}" class="card mb-3">
    <div class="card-body row g-3">
        @csrf
        @if($mode === 'edit') @method('PUT') @endif
        <div class="col-md-6"><label class="form-label">Name</label><input name="name" class="form-control" value="{{ old('name', $userModel->name) }}" required></div>
        <div class="col-md-6"><label class="form-label">Email</label><input name="email" type="email" class="form-control" value="{{ old('email', $userModel->email) }}" required></div>
        <div class="col-md-4"><label class="form-label">Role</label><select name="role" class="form-select"><option value="admin" @selected(old('role', $userModel->role) === 'admin')>Admin</option><option value="staff" @selected(old('role', $userModel->role) !== 'admin')>Staff</option></select></div>
        <div class="col-md-4"><label class="form-label">Status</label><select name="is_active" class="form-select"><option value="1" @selected((int)old('is_active', $userModel->is_active ?? 1)===1)>Active</option><option value="0" @selected((int)old('is_active', $userModel->is_active ?? 1)===0)>Disabled</option></select></div>
        <div class="col-md-4"></div>
        <div class="col-md-6"><label class="form-label">Password {{ $mode==='edit' ? '(leave blank to keep)' : '' }}</label><input type="password" name="password" class="form-control" {{ $mode==='create' ? 'required' : '' }}></div>
        <div class="col-md-6"><label class="form-label">Confirm Password</label><input type="password" name="password_confirmation" class="form-control" {{ $mode==='create' ? 'required' : '' }}></div>
    </div>
    <div class="card-footer d-flex justify-content-between"><a href="{{ route('staff.index') }}" class="btn btn-outline-secondary">Back</a><button class="btn btn-primary">Save</button></div>
</form>

@if($mode === 'edit')
<form method="POST" action="{{ route('staff.reset-password', $userModel) }}" class="card">
    <div class="card-header">Reset Password (quick action)</div>
    <div class="card-body row g-3">
        @csrf
        <div class="col-md-6"><input type="password" name="password" class="form-control" placeholder="New password" required></div>
        <div class="col-md-6"><input type="password" name="password_confirmation" class="form-control" placeholder="Confirm new password" required></div>
    </div>
    <div class="card-footer"><button class="btn btn-warning">Reset Password</button></div>
</form>
@endif
@endsection