@extends('layouts.app')

@section('title', 'Mis Productores')

@section('content')
  <div class="col-sm-8 col-md-8 text-center mx-auto">

    <div class="card">
      <div class="card-header">
        Mis Productores
      </div>
      <div class="card-body">
        @if (count($data) > 0)
          <table class='table'>
            <thead class="table-dark table-active">
              <th>Email</th>
              <th>Nombre Completo / Nombre Comercial</th>
              <th>Tipo de Documento</th>
              <th>Número de documento</th>
              <th>Estado</th>
            </thead>
            <tbody>
              @foreach ($data as $dato)
                <tr>
                  <td>{{$dato->email}}</td>
                  <td>{{$dato->nombre}} {{$dato->apellido}}</td>
                  <td>{{$dato->tipoDocumento}}</td>
                  <td>{{$dato->numeroDocumento}}</td>
                  <td>
                    @if ($dato->activo == 0)
                      Solicitud Iniciada
                    @elseif ($dato->activo == 1)
                      Solicitud Aprobada
                    @elseif ($dato->activo == 2)
                      Activo
                    @endif
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>

        @elseif (count($data) <= 0)
          <p>No hay productores registrados en tu cartera</p>
        @endif

        @if (!$isActivo)
          <div class="col-sm-8 mx-auto">
            <div class="alert alert-info show" role="alert">
              Una vez aprobada tu solicitud de alta, vas a poder sumar productores a tu estructura.
            </div>
          </div>
        @endif
      </div>
    </div>

    <br>

    @if ($isActivo)
      <div class="col-sm-12 col-md-8 mx-auto my-2">
        <div class="alert alert-primary text-left" role="alert">
          <p class="h2">¿Querés sumar un productor a tu estructura?</p>
          <p class="p-2">Compartí este link para que se den de alta en el sistema directamente bajo tu código</p>
          <div class="row justify-content-center">
            <div class="col-8 mx-auto">
              <input class="col" readonly onclick="copyContent()" onfocus="copyContent()" style="background:transparent; border:none; color:blue;" type="text" value="{{ Route('altaProductor', [$encriptado]) }}" id="myInput">
            </div>
            <div class="col-4 mx-auto">
              <button class="btn btn-sm btn-primary" onclick="copyContent()">Copiar Link</button>
            </div>
          </div>
          <br>
        </div>
      </div>
    @endif

  </div>
@endsection

@push('scripts')
  <script>
  function copyContent() {
    /* Get the text field */
    var copyText = document.getElementById("myInput");

    /* Select the text field */
    copyText.select();
    copyText.setSelectionRange(0, 99999); /*For mobile devices*/

    /* Copy the text inside the text field */
    document.execCommand("copy");
  }
  </script>
@endpush