@extends('layout.administrator.index')
@section('title', 'Comercios')

@section('content')
  <div class="content-wrapper">
    <section class="content-header">
      <h1>Comercios</h1>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('administrator.dashboard')}}"><i class="fa fa-dashboard"></i> Inicio</a></li>
        <li class="breadcrumb-item"><a href="{{route('administrator.business.index')}}">Comercios</a></li>
        <li class="breadcrumb-item active">Crear</li>
      </ol>
    </section>

    <section class="content">
      <div class="box">
        <div class="box-header with-border">
          <div class="row align-items-center">
            <div class="col-12">
              <h4 class="box-title">Comercios</h4>
            </div>
          </div>
        </div>
        <div class="box-body">
          <form action="{{route('administrator.business.store')}}" method="post" files="true" enctype="multipart/form-data">
            @csrf
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  <label for="idSocialReason" class="control-label">Razon social *</label>
                  <input type="text" id="idSocialReason" name="socialReason" placeholder="Razon social" autocomplete="off" class="form-control @error('socialReason') is-invalid @enderror" value="{{old('socialReason')}}" required>
                  <small class="text-danger">{{ $errors->first('socialReason') }}</small>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <label for="idNit" class="control-label">Nit *</label>
                  <input type="text" id="idNit" name="nit" placeholder="Nit" autocomplete="off" class="form-control input-nit @error('nit') is-invalid @enderror" value="{{old('nit')}}" required>
                  <small class="text-danger">{{ $errors->first('nit') }}</small>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <label for="idLogo" class="control-label">Logo</label>
                  <input type="file" id="idLogo" name="logo" autocomplete="off" class="form-control">
                  <small class="text-danger">{{ $errors->first('logo') }}</small>
                </div>
              </div>
            </div>
            <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-6">
                <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 class="col-md-3">
                <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-3">
                <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="celular" class="control-label">Celular</label>
                  <input type="number" id="celular" name="celular" placeholder="celular" autocomplete="off" class="form-control">
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="direccion" class="control-label">Dirección</label>
                  <input type="text" id="direccion" name="direccion" placeholder="Dirección" autocomplete="off" class="form-control">
                </div>
              </div>
            </div> --}}
            <div class="row">
              <div class="col-md-12">
                <button type="submit" class="btn btn_admin btn-block"><i class="fa fa-floppy-o"></i> Guardar</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </section>
  </div>
@endsection