@extends('layouts.auth')

@section('content')
<div class="col-lg-10 mx-auto">
    <div class="auth-form-light text-left p-5">
        <div class="brand-logo text-center">
            <img src="{{ asset('images/logo.png') }}" style="width: 271px;">
        </div>

        <h4 class="text-center">Portal do Corrector</h4>
        <h6 class="font-weight-light text-center">Faça o seu Cadastro!</a></h6>

        <div class="card-body">
            <form method="POST" action="{{ route('register.store') }}" enctype="multipart/form-data">
                @csrf

                <div class="form-group row">
                    <label for="name" class="col-md-4 col-form-label text-md-right">Nome</label>

                    <div class="col-md-6">
                        <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>

                        @error('name')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="form-group row">
                    <label for="surname" class="col-md-4 col-form-label text-md-right">Apelido</label>

                    <div class="col-md-6">
                        <input id="surname" type="text" class="form-control @error('surname') is-invalid @enderror" name="surname" value="{{ old('surname') }}" required autocomplete="surname" >

                        @error('surname')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="form-group row">
                    <label for="nascimento" class="col-md-4 col-form-label text-md-right">Data de Nascimento</label>

                    <div class="col-md-6">
                        <input id="nascimento" type="date" class="form-control @error('nascimento') is-invalid @enderror" name="nascimento" value="{{ old('nascimento') }}" required autocomplete="nascimento" >

                        @error('nascimento')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="form-group row">
                    <label for="bi" class="col-md-4 col-form-label text-md-right">Nr. Identificaçao (Bi, etc)</label>

                    <div class="col-md-6">
                        <input id="bi" type="text" class="form-control @error('bi') is-invalid @enderror" name="bi" value="{{ old('bi') }}" required autocomplete="bi" >

                        @error('bi')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                
                <div class="form-group row">
                    <label for="email" class="col-md-4 col-form-label text-md-right">Endereço de E-mail</label>

                    <div class="col-md-6">
                        <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">

                        @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="form-group row">
                    <label for="number" class="col-md-4 col-form-label text-md-right">Contacto</label>

                    <div class="col-md-6">
                        <input id="number" type="text" class="form-control @error('number') is-invalid @enderror" name="number" value="{{ old('number') }}" required autocomplete="number" >

                        @error('number')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="form-group row">
                    <label for="number2" class="col-md-4 col-form-label text-md-right">WhatsApp</label>

                    <div class="col-md-6">
                        <input id="number2" type="text" class="form-control @error('number2') is-invalid @enderror" name="number2" value="{{ old('number2') }}" required autocomplete="number2" >

                        @error('number2')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="form-group row">
                    <label for="cidade" class="col-md-4 col-form-label text-md-right">Cidade de Residencia</label>

                    <div class="col-md-6">
                        <input id="cidade" type="text" class="form-control @error('cidade') is-invalid @enderror" name="cidade" value="{{ old('cidade') }}" required autocomplete="cidade" >

                        @error('cidade')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="form-group row">
                    <label for="bairro" class="col-md-4 col-form-label text-md-right">Bairro</label>

                    <div class="col-md-6">
                        <input id="bairro" type="text" class="form-control @error('bairro') is-invalid @enderror" name="bairro" value="{{ old('bairro') }}" required autocomplete="bairro" >

                        @error('bairro')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="form-group row">
                    <label for="profissao" class="col-md-4 col-form-label text-md-right">Profissao</label>

                    <div class="col-md-6">
                        <input id="profissao" type="text" class="form-control @error('profissao') is-invalid @enderror" name="profissao" value="{{ old('profissao') }}" required autocomplete="profissao" >

                        @error('profissao')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="form-group row">
                    <label for="filiado_id" class="col-md-4 col-form-label text-md-right">Filiado a:</label>

                    <div class="col-md-6">