@extends('layout.auth.index')
@section('title', 'Iniciar sesión')

@section('style')
  <style media="screen">
    .login-box {
      width: 450px;
      margin: 4% auto;
    }
  </style>
@endsection

@section('content')
  <div class="login-box">
    <div class="login-logo">
      <a href="/"><b>Domicilios</b></a>
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body">
      <p class="login-box-msg">Registrarse</p>

      <form action="{{route('postRegisterAdmin')}}" method="post" class="form_login">
        @csrf
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label for="idName" class="control-label">Nombre *</label>
              <input type="text" id="idName" name="name" placeholder="Nombre" autocomplete="off" class="form-control @error('name') is-invalid @enderror" value="{{old('name')}}" required>
              <small class="text-danger">{{ $errors->first('name') }}</small>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="idLastName" class="control-label">Apellidos</label>
              <input type="text" id="idLastName" name="lastName" placeholder="Apellidos" autocomplete="off" class="form-control @error('lastName') is-invalid @enderror" value="{{old('lastName')}}">
              <small class="text-danger">{{ $errors->first('lastName') }}</small>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label for="idDocumentType" class="control-label">Tipo de documento *</label>
              <select class="form-control hg_select @error('documentType') is-invalid @enderror" id="idDocumentType" name="documentType" required>
                @foreach ($documentType as $type)
                  <option value="{{$type->id}}">{{$type->name}}</option>
                @endforeach
              </select>
              <small class="text-danger">{{ $errors->first('documentType') }}</small>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="idDocument" class="control-label">Documento *</label>
              <input type="text" id="idDocument" name="document" placeholder="Documento" autocomplete="off" class="form-control input-number @error('document') is-invalid @enderror" value="{{old('document')}}" required>
              <small class="text-danger">{{ $errors->first('document') }}</small>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="idEmail" class="control-label">Correo *</label>
              <input type="email" id="idEmail" name="email" placeholder="Correo" autocomplete="off" class="form-control @error('email') is-invalid @enderror" value="{{old('email')}}" required>
              <small class="text-danger">{{ $errors->first('email') }}</small>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label for="idPassword" class="control-label">Contraseña *</label>
              <input type="password" id="idPassword" name="password" placeholder="Contraseña" autocomplete="off" class="form-control @error('password') is-invalid @enderror">
              <small class="text-danger">{{ $errors->first('password') }}</small>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="idPasswordConfirmation" class="control-label">Repetir contraseña *</label>
              <input type="password" id="idPasswordConfirmation" name="passwordConfirmation" placeholder="Repetir contraseña" autocomplete="off" class="form-control @error('passwordConfirmation') is-invalid @enderror">
              <small class="text-danger">{{ $errors->first('passwordConfirmation') }}</small>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label for="idTelephone" class="control-label">Teléfono</label>
              <input type="text" id="idTelephone" name="telephone" placeholder="Teléfono" autocomplete="off" class="form-control @error('telephone') is-invalid @enderror" value="{{old('telephone')}}">
              <small class="text-danger">{{ $errors->first('telephone') }}</small>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="idCellPhone" class="control-label">Celular *</label>
              <input type="text" id="idCellPhone" name="cellPhone" placeholder="celular" autocomplete="off" class="form-control input-number @error('cellPhone') is-invalid @enderror" value="{{old('cellPhone')}}" required>
              <small class="text-danger">{{ $errors->first('cellPhone') }}</small>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-12 text-center">
            <button type="submit" class="btn btn_admin btn-block margin-top-10">Registrarme</button>
          </div>
        </div>
      </form>
    </div>
  </div>
@endsection