@extends('layout.layout')

@section('section')

    <link rel='stylesheet' href='/css/usuarios/registrar_usuario.css?v=2'>

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8"
                 style="position: relative;
                        max-width: 550px;
                        width: 80%;
                        height: auto;
                        min-height: 300px;
                        background: #FFFFFF;
                        border-radius: 20px;
                        align-items: center;
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        justify-content: center;">


                <div class="card-body">
                    <form method="POST" action="/registrar-enviar"
                          style="display: flex; flex-direction: column; align-items: center">
                        @csrf

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

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

                        <div class="form-group row">
                            <div class="">
                                <label class="label_editar" for="login">Login</label>
                                <input id="login" type="text" placeholder="Login"
                                       class="form-control @error('login') is-invalid @enderror"
                                       name="login" value="{{ old('login') }}" required>

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

                        <div class="form-group row">
                            <div class="">
                                <label class="label_editar" for="email">Email</label>
                                <input id="email" type="email" placeholder="Email"
                                       class="form-control @error('email') is-invalid @enderror"
                                       name="email" value="{{ old('email') }}" required>

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

                        <div class="form-group row">
                            <div class="">
                                <label class="label_editar" for="password">Senha</label>
                                <input id="password" type="password" placeholder="Senha"
                                       class="form-control @error('password') is-invalid @enderror" name="password"
                                       required>

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

                        <div class="form-group row">
                            <div class="">
                                <label class="label_editar" for="password-confirm">Confirmar Senha</label>
                                <input id="password-confirm" type="password"
                                       placeholder="Confirmar Senha" class="form-control"
                                       name="password_confirmation" required>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="">
                                <label class="label_editar" for="status">Status</label>
                                <select id="status" class="form-control" name="status"
                                        style="display: block; width: 206px">
                                    <option value="Ativo">Ativo</option>
                                    <option value="Inativo">Inativo</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="">
                                <label class="label_editar" for="horas_mensais">Horas Mensais</label>
                                <input id="horas_mensais" type="number" placeholder="Horas Mensais"
                                       class="form-control @error('horas_mensais') is-invalid @enderror"
                                       name="horas_mensais"  value="{{ old('horas_mensais') }}"  required min="0">
                                <span>
                                    <strong>Em horas</strong>
                                </span>
                                @error('horas_mensais')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="">
                                <label class="label_editar" for="tempo_almoco">Tempo Almoço</label>
                                <input id="tempo_almoco" type="number" placeholder="Tempo Almoço"
                                       class="form-control @error('tempo_almoco') is-invalid @enderror"
                                       name="tempo_almoco"  value="{{ old('tempo_almoco') }}"  required min="0">
                                <span>
                                    <strong>Em minutos</strong>
                                </span>
                                @error('tempo_almoco')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="">
                                <label class="label_editar" for="privilegio">Privilégio</label>
                                <select id="privilegio" class="form-control" name="privilegio"
                                        style="display: block; width: 206px">
                                    @foreach($privilegios as $p)
                                        <option value="{{$p->id}}">{{$p->nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group row mb-0">
                            <button type="submit" class="btn btn-primary" style="display: block; width: 100px;">
                                Registrar
                            </button>
                            <a href="/listar_usuarios"><button type="button" class="btn btn-danger" style="display: block; width: 100px;">
                                Cancelar
                            </button></a>
                        </div>
                    </form>
                </div>

            </div>
        </div>

@endsection