@extends('layouts.app')

@section('title', 'Novo Usuário')
@section('page_title', 'Cadastrar Usuário')

@section('content')

<div class="container-fluid">

    <div class="row justify-content-center">
        <div class="col-md-8">

            <div class="card card-primary card-outline">

                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-user-plus"></i> Novo Usuário
                    </h3>

                    <div class="card-tools">
                        <a href="{{ route('usuarios.index') }}" class="btn btn-secondary btn-sm">
                            <i class="fas fa-arrow-left"></i> Voltar
                        </a>
                    </div>
                </div>

                <form action="{{ route('usuarios.store') }}" method="POST">
                    @csrf

                    <div class="card-body">

                        {{-- Nome --}}
                        <div class="form-group">
                            <label>Nome *</label>
                            <input type="text"
                                   name="name"
                                   class="form-control @error('name') is-invalid @enderror"
                                   value="{{ old('name') }}"
                                   placeholder="Digite o nome completo"
                                   required>

                            @error('name')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>

                        {{-- Email --}}
                        <div class="form-group">
                            <label>E-mail *</label>
                            <input type="email"
                                   name="email"
                                   class="form-control @error('email') is-invalid @enderror"
                                   value="{{ old('email') }}"
                                   placeholder="Digite o e-mail"
                                   required>

                            @error('email')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>

                        <div class="row">

                            {{-- Senha --}}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Senha *</label>
                                    <input type="password"
                                           name="password"
                                           class="form-control @error('password') is-invalid @enderror"
                                           placeholder="Digite a senha"
                                           required>

                                    @error('password')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            {{-- Confirmar --}}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Confirmar Senha *</label>
                                    <input type="password"
                                           name="password_confirmation"
                                           class="form-control"
                                           placeholder="Repita a senha"
                                           required>
                                </div>
                            </div>

                        </div>

                        <div class="row">

                            {{-- Nível --}}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Nível *</label>

                                    <select name="nivel"
                                            class="form-control @error('nivel') is-invalid @enderror"
                                            required>
                                        <option value="">Selecione</option>
                                        <option value="admin" {{ old('nivel') == 'admin' ? 'selected' : '' }}>
                                            Administrador
                                        </option>
                                        <option value="usuario" {{ old('nivel') == 'usuario' ? 'selected' : '' }}>
                                            Usuário
                                        </option>
                                    </select>

                                    @error('nivel')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            {{-- Status --}}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Status *</label>

                                    <select name="status"
                                            class="form-control @error('status') is-invalid @enderror"
                                            required>
                                        <option value="1" selected>Ativo</option>
                                        <option value="0">Inativo</option>
                                    </select>

                                    @error('status')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                        </div>

                    </div>

                    <div class="card-footer text-right">

                        <a href="{{ route('usuarios.index') }}" class="btn btn-secondary">
                            Cancelar
                        </a>

                        <button type="submit" class="btn btn-success">
                            <i class="fas fa-save"></i> Salvar Usuário
                        </button>

                    </div>

                </form>

            </div>

        </div>
    </div>

</div>

@endsection