@extends('layouts.perfil')

@section('title', 'Editar Perfil')

@section('card_perfil')
<div class="col-md-10">
  <div class="card">
    <div class="card-header"> <i class='fa fa-user'></i> {{ $productor->nombre ?? '' }} {{ $productor->apellido ?? '' }} </div>
    <div class="card-body">

      @if ($isActivo == false)
        <div class="col text-right">
          <a href="{{route('perfil')}}"><i class="bi bi-arrow-left-circle"></i>&nbsp;Cancelar</a>
        </div>
      @endif

      @if ($productor->codigoProdEquis == 'test')
        <p>No posee ficha de Productor.</p>
        @if (strpos(auth()->user()->email, 'spseguros'))
          <p>Para manejo de Códigos y Jerarquías, ingrese a <a href="https://www.sanpanet.spseguros.com.ar" target="_blank">SanpaNet</a> .</p>
        @endif

      @else

        <form method="POST" id='editarProductor' enctype="multipart/form-data" action="{{ route('editarProductor') }}" >
          @csrf

          <div class="row my-2 justify-content-center">
            <p class="h4">Código de Productor: {{ $productor->codigoProdEquis == 0 ? "No asignado" : $productor->codigoProdEquis }}</p>
          </div>

          <br>

          <div class="row row-cols-md-2 row-cols-sm-1">

            <div class="col mb-2">
              <div class="input-group py-1">
                <span class="input-group-text" id="nombre">Nombre</span>
                <input type="text" class="form-control" name="nombre" value="{{$productor->nombre ?? ''}}" placeholder="..." aria-label="Nombre y Apellido" aria-describedby="nombre">
              </div>
              <div class="input-group py-1">
                <span class="input-group-text col-md-4" id="tipoPersona">Persona</span>
                <input type="text" class="form-control" name="tipoPersona" value="{{$tipoPersona}}" readonly>
              </div>
              <div class="input-group py-1">
                <select class="custom-select col-md-4" name="tipoDocumento">
                  @foreach ($tipoDocumentos as $tipo)
                    <option value="{{$tipo}}">{{$tipo}}</option>
                  @endforeach
                </select>
                <input type="text" class="form-control" name="numeroDocumento" value="{{$productor->numeroDocumento}}">
              </div>
              <div class="input-group py-1">
                <span class="input-group-text col-md-4" id="condicionFiscal">Condición Fiscal</span>
                <select class="custom-select col-md" name="condicionFiscal">
                  @foreach ($condicionesFiscales as $condicion)
                    <option value="{{$condicion->id}}" @if($condicion->condicion == $productor->condicionFiscal){{'selected'}}@endif>{{$condicion->condicion}}</option>
                  @endforeach
                </select>
              </div>
            </div>

            <div class="col mb-2">
              <div class="input-group py-1">
                <div class="input-group py-1">
                  <span class="input-group-text" id="apellido">Apellido</span>
                  <input type="text" class="form-control" name="apellido" value="{{$productor->apellido ?? ''}}" placeholder="..." aria-label="Nombre y Apellido" aria-describedby="apellido">
                </div>
                <span class="input-group-text" id="cuenta">Nombre de Fantasía</span>
                <input type="text" class="form-control" name="cuenta" value="{{$productor->cuenta ?? ''}}" placeholder="..." aria-label="Nombre y Apellido" aria-describedby="cuenta">
              </div>
              <div class="input-group py-1">
                <label class="input-group-text col-md-4" for="cuit">CUIT</label>
                <input type="text" class="form-control" name="cuit" value="{{$productor->cuit}}">
              </div>
            </div>

          </div>

          <hr class="col-6">

          <div class="row row-cols-md-2 row-cols-sm-1">

            <div class="col">
              @if ($tipoPersona == 'Física')
                <div class="input-group py-1">
                  <span class="input-group-text col-md-4" id="sexo">Sexo</span>
                  <select class="custom-select col-md" name="sexo">
                    @foreach ($sexos as $sexo)
                      <option value="{{$sexo->tipo}}" @if($sexo->tipo == $productor->sexo){{'selected'}}@endif>{{$sexo->tipo}}</option>
                    @endforeach
                  </select>
                </div>

              @elseif($tipoPersona == 'Jurídica')
                <div class="input-group py-1">
                  <label class="input-group-text col-md-4" for="razonSocial">Razón Social</label>
                  <input type="text" class="form-control" name="razonSocial" value="{{$productor->apellido}}">
                </div>
              @endif

              <div class="input-group py-1">
                <label class="input-group-text col-md-4" for="telefonoFijo">Teléfono fijo</label>
                <input type="text" class="form-control" name="telefonoFijo" value="{{$productor->telefonoFijo}}">
              </div>
              <div class="input-group py-1">
                <label class="input-group-text col-md-4" for="calle">Domicilio</label>
                <input type="text" class="form-control" placeholder="Calle" name="calle" value="{{$productor->calle}}">
                <input type="text" class="form-control col-md-2" placeholder="Altura" name="calleNumero" value="{{$productor->calleNumero}}">
              </div>
              <div class="input-group py-1">
                <label class="input-group-text col-md-4" for="provincia">Provincia</label>
                <select class="custom-select col-md" name="provincia">
                  @foreach ($provincias as $provincia)
                    <option value="{{$provincia}}" @if($provincia == $productor->provincia){{'selected'}}@endif>{{$provincia}}</option>
                  @endforeach
                </select>
              </div>
              <div class="input-group py-1">
                <label class="input-group-text col-md-4" for="cp">CP</label>
                <input type="text" class="form-control" name="cp" value="{{$productor->cp}}">
              </div>
            </div>

            <div class="col">
              <div class="input-group py-1">
                <label class="input-group-text col-md-4" for="email">Email</label>
                <input type="text" class="form-control" name="email" value="{{$email}}">
              </div>
              <div class="input-group py-1">
                <label class="input-group-text col-md-4" for="telefonoMovil">Celular</label>
                <input type="text" class="form-control" name="telefonoMovil" value="{{$productor->telefonoMovil}}">
              </div>
              <div class="input-group py-1">
                <label class="input-group-text col-md-5" for="piso">Piso/Depto/Puerta</label>
                <input type="text" class="form-control" placeholder="Piso" name="piso" value="{{$productor->piso}}">
                <input type="text" class="form-control" name="depto" placeholder="Depto" value="{{$productor->depto}}">
              </div>
              <div class="input-group py-1">
                <label class="input-group-text col-md-4" for="localidad">Localidad</label>
                <input type="text" class="form-control" name="localidad" value="{{$productor->localidad}}">
              </div>
            </div>

            <div class="col-12 mx-auto">
              <div class="row justify-content-center p-3">
                <hr class="col">
              </div>
            </div>

            <div class="form-row form-group col-md-12 mx-auto">
              @foreach ($documentos as $documento)
              @php($nombre = "file_".$documento->id)
              <div class="form-group col-md-12 @if(!isset($rutas[$documento->id])) bg-danger @endif text-center">
                <div class="card  @if(!isset($rutas[$documento->id])) border-end-0 border-start-0 @endif">
                  <div class="card-header">
                    <span class="lead">{{ $documento->descripcion }}</span>
                    <div class="card-body">
                      @if ($isActivo == false)
                        <div class="row">
                          <div class="col-8 mx-auto">
                            <input type="file" name="file_{{$documento->id}}" accept="image/jpg,image/jpeg,image/bmp,.pdf" class="form-control p-1  @error($nombre) is-invalid @enderror" id="inputZip">
                              @error($nombre)
                                <span class="invalid-feedback" role="alert">
                                  <strong>Solo se permiten formatos jpg, png, bmp y PDF</strong>
                                </span>
                              @enderror
                            </div>
                          </div>

                      @else
                        <div class="row">
                          <div class='col text-center'>
                            <br>
                            @if(isset($rutas[$documento->id]))
                              <a class='btn btn-info btn-sm' target="_blank" onclick="window.open(this.href, this.target, 'width=300,height=400'); return false;" href='{{ $rutas[$documento->id] }}'>Ver documento cargado</a><br>
                            @endif
                          </div>
                        </div>
                      @endif
                    </div>
                  </div>
                  <ul class="list-group list-group-flush">
                  </ul>
                </div>
              </div>
              @endforeach
            </div>

            <input class="form-control" type="hidden" name="id" value="{{ $productor->id }}">
            <input class="form-control" type="hidden" name="codigoProdEquis" value="{{ $productor->codigoProdEquis }}">

            <button type="submit" class="btn btn-outline-success mx-auto">Guardar cambios</button>

          </div>

        </form>

      @endif
    </div>
  </div>
</div>
@endsection

@push('scripts')
  @if ($productor->activo === true)
    <script type="text/javascript">

      $(document).ready(function() {
        $("#editarProductor input").each(function() {
          this.disabled = true;
        });
        $("#editarProductor select").each(function() {
          this.disabled = true;
        });
      });

    </script>
  @endif
@endpush