@extends('layouts.admin')
@section('title', 'Add staff account')

@section('content')
<div class="row"><div class="col-xl-7">
<form method="POST" action="{{ route('admin.users.store') }}" class="card">
    @csrf
    <div class="card-body row g-3">
        <div class="col-12 small text-muted-2">Staff sign in to this panel with email or mobile number and password. Farmers and other app users sign up in the app with OTP.</div>
        <div class="col-md-6"><label class="form-label">Full name *</label><input name="full_name" value="{{ old('full_name') }}" class="form-control" required></div>
        <div class="col-md-6"><label class="form-label">Role *</label>
            <select name="role_id" class="form-select" required>
                @foreach ($roles as $r)<option value="{{ $r->id }}" @selected(old('role_id') == $r->id)>{{ $r->name }}</option>@endforeach
            </select></div>
        <div class="col-md-6"><label class="form-label">Email *</label><input type="email" name="email" value="{{ old('email') }}" class="form-control" required></div>
        <div class="col-md-6"><label class="form-label">Mobile number *</label>
            <div class="input-group"><span class="input-group-text">+91</span><input name="phone_number" value="{{ old('phone_number') }}" class="form-control" inputmode="numeric" maxlength="10" required></div></div>
        <div class="col-md-6"><label class="form-label">Password *</label><input type="password" name="password" class="form-control" minlength="10" required autocomplete="new-password"><div class="form-text">At least 10 characters.</div></div>
        <div class="col-md-6"><label class="form-label">Confirm password *</label><input type="password" name="password_confirmation" class="form-control" required autocomplete="new-password"></div>
    </div>
    <div class="card-footer bg-white"><button class="btn btn-primary">Create account</button> <a href="{{ route('admin.users.index') }}" class="btn btn-light">Cancel</a></div>
</form>
</div></div>
@endsection