@extends('layouts.default')

{{-- Page Title --}}
@section('title')
    Add User
    @parent
@stop

{{-- Content --}}
@section('content')
    <div class="container">
        <h1>
            Add User
            <a class="btn btn-dark float-right" href="{{ route('user.index') }}">Cancel</a>
        </h1>
        <hr/>
        <form method="POST" action="{{ route('user.store') }}">
            @csrf
            {{--Name--}}
            <div class="row">
                <div class="col-sm-6">
                    @include('components.form.input_row', [
                        'name' => 'first_name',
                        'label' => 'First Name',
                        'validation' => 'maxLength="190"',
                    ])
                </div>
                <div class="col-sm-6">
                    @include('components.form.input_row', [
                        'name' => 'last_name',
                        'label' => 'Last Name',
                        'validation' => 'maxLength="190"',
                    ])
                </div>
            </div>
            {{--Email--}}
            @include('components.form.input_row', [
                'type' => 'email',
                'name' => 'email',
                'label' => 'Email',
                'validation' => 'maxLength="190"',
            ])
            {{--Role--}}
            @include('components.form.input_select_row', [
                'name' => 'role',
                'label' => 'Role',
                'data' => array_combine($roles, array_map('ucfirst', $roles)),
                'value' => 'volunteer'
            ])

            {{--Submit--}}
            <div class="form-group text-right">
                <button type="submit" class="btn btn-primary btn-lg px-5">Save</button>
            </div>
        </form>
    </div>
@endsection