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

@section('content')
  <div class="content-wrapper">
    <section class="content-header">
      {{-- <h1>Clientes</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.customers.index')}}"> Clientes</a></li>
        <li class="breadcrumb-item active"> Crear</li>
      </ol>
    </section>

    <section class="content">
      @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
          {{session('success')}}
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
      @endif
      @if(session('danger'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
          {{session('danger')}}
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
      @endif
      <div class="box">
        <div class="box-header with-border">
          <div class="row align-items-center">
            <div class="col-12">
              <h4 class="box-title">Clientes</h4>
            </div>
          </div>
        </div>
        <div class="box-body">
          <form action="{{route('administrator.customers.store')}}" method="post" files="true" enctype="multipart/form-data">
            @csrf
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="document_type" class="control-label">Tipo de documento</label>
                  <select class="form-control hg_select select2" id="document_type" name="document_type">
                    @foreach ($documentTypes as $documentType)
                      <option value="{{$documentType->id}}">{{$documentType->reference}} - {{$documentType->name}}</option>
                    @endforeach
                  </select>
                  <small class="text-danger">{{ $errors->first('document_type') }}</small>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="document" class="control-label">Documento</label>
                  <input type="text" id="document" name="document" placeholder="Documento" autocomplete="off" class="form-control input-number" value="{{old('document')}}">
                  <small class="text-danger">{{ $errors->first('document') }}</small>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  <label for="username" class="control-label">Usuario</label>
                  <input type="text" id="username" name="username" placeholder="Usuario" autocomplete="off" class="form-control" value="{{old('username')}}">
                  <small class="text-danger">{{ $errors->first('username') }}</small>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <label for="company" class="control-label">Empresa *</label>
                  <input type="text" id="company" name="company" placeholder="Empresa" autocomplete="off" class="form-control" value="{{old('company')}}" required>
                  <small class="text-danger">{{ $errors->first('company') }}</small>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <label for="name" class="control-label">Nombre admin contrato *</label>
                  <input type="text" id="name" name="name" placeholder="Nombre" autocomplete="off" class="form-control" value="{{old('name')}}" required>
                  <small class="text-danger">{{ $errors->first('name') }}</small>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="email" class="control-label">Correo admin contrato *</label>
                  <input type="email" id="email" name="email" placeholder="Correo" autocomplete="off" class="form-control" 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="password" class="control-label">Contraseña *</label>
                  <input type="password" id="password" name="password" placeholder="Contraseña" autocomplete="off" class="form-control" required>
                  <small class="text-danger">{{ $errors->first('password') }}</small>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <label for="password_confirmation" class="control-label">Repetir contraseña *</label>
                  <input type="password" id="password_confirmation" name="password_confirmation" placeholder="Repetir contraseña" autocomplete="off" class="form-control" required>
                  <small class="text-danger">{{ $errors->first('password_confirmation') }}</small>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <label for="address" class="control-label">Dirección</label>
                  <input type="text" id="address" name="address" placeholder="Dirección" autocomplete="off" class="form-control" value="{{old('address')}}">
                  <small class="text-danger">{{ $errors->first('address') }}</small>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="cellphone" class="control-label">Celular/Teléfono admin contrato</label>
                  <input type="text" id="cellphone" name="cellphone" placeholder="Celular" autocomplete="off" class="form-control input-number" value="{{old('cellphone')}}">
                  <small class="text-danger">{{ $errors->first('cellphone') }}</small>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="images" class="control-label">Imagen</label>
                  <input type="file" id="images" name="images" class="form-control">
                  <small class="text-danger">{{ $errors->first('images') }}</small>
                </div>
              </div>
            </div>
            <hr>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="report_title" class="control-label">Título del reporte</label>
                  <input type="text" id="report_title" name="report_title" placeholder="Título del reporte" autocomplete="off" class="form-control" value="{{old('report_title')}}">
                  <small class="text-danger">{{ $errors->first('report_title') }}</small>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="report_description" class="control-label">Descripción</label>
                  <textarea id="report_description" name="report_description" placeholder="Descripción breve" autocomplete="off" class="form-control" rows="3">{{old('report_description')}}</textarea>
                  <small class="text-danger">{{ $errors->first('report_description') }}</small>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <button type="submit" class="btn btn_admin btn-block">Guardar</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </section>
  </div>
@endsection