@extends('admin.layout')

@section('header_actions')
<a href="{{ route('admin.users.index') }}" class="btn btn-secondary btn-sm">
    <i class="bi bi-arrow-left"></i> Back
</a>
@endsection

@section('content')
<div class="card mb-4">
    <div class="card-header">
        <h3 class="card-title mb-0">User Information</h3>
    </div>
    <div class="card-body">
        @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif

        <form id="userForm" action="{{ route('admin.users.store') }}" method="POST">
            @csrf
            <div class="row g-3">
                <div class="col-md-12">
                    <label class="form-label">Full Name <span class="text-danger">*</span></label>
                    <input type="text" name="name" value="{{ old('name') }}" class="form-control" required />
                </div>
                <div class="col-md-6">
                    <label class="form-label">Email <span class="text-danger">*</span></label>
                    <input type="email" name="email" value="{{ old('email') }}" class="form-control" required />
                </div>
                <div class="col-md-6">
                    <label class="form-label">Password <span class="text-danger">*</span></label>
                    <input type="password" name="password" class="form-control" required />
                </div>
                <div class="col-md-6">
                    <label class="form-label">Mobile Number</label>
                    <input type="text" name="mobile_no" value="{{ old('mobile_no') }}" class="form-control" />
                </div>
                <div class="col-md-6">
                    <label class="form-label">Phone Number</label>
                    <input type="text" name="phone_no" value="{{ old('phone_no') }}" class="form-control" />
                </div>
                <div class="col-md-6">
                    <label class="form-label">Role</label>
                    <input type="text" name="role" value="{{ old('role') }}" placeholder="e.g., Admin, Manager" class="form-control" />
                </div>
                <div class="col-6">
                    <label class="form-label">Active <span class="text-danger">*</span></label>
                    <select name="is_active" class="form-select" required>
                        <option value="1" {{ old('is_active', true) == 1 ? 'selected' : '' }}>Active</option>
                        <option value="0" {{ old('is_active', true) == 0 ? 'selected' : '' }}>Inactive</option>
                    </select>
                </div>
            </div>
        </form>
    </div>
</div>

<!-- Form Actions -->
<div class="card">
    <div class="card-body text-center">
        <button type="submit" form="userForm" class="btn btn-primary"><i class="bi bi-save"></i> Save User</button>
    </div>
</div>
@endsection