@extends(layoutTenant())

@section('content')

  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="page-title float-left">Contribuícoes enviadas para a Licitação Nº {{ $licitacao->numero }}</h4>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <!-- end row -->
  <div class="row">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
      <div class="page-header">
        <div class="row" style="margin-top: -20px; margin-bottom: 20px;">
          <div id="custom-search" class="col-sm-3 offset-sm-7">
          </div>
          <div id="custom-search" class="col-sm-2 ">
          </div>
        </div>
        <div style="clear: both;"></div>

      </div>
    </div>
  </div>

  @if ($errors->any())
    <div class="alert alert-danger">
      <ul>
        @foreach ($errors->all() as $error)
          <li>{{ $error }}</li>
        @endforeach
      </ul>
    </div>
  @endif
  @if (session('success'))
    <div class="alert alert-success">
      {{ session('success') }}
    </div>
  @endif
  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
    <div class="card">
      <!-- recent orders  -->
      <!-- ============================================================== -->

      <h5 class="card-header">Empresas</h5>
      <div class="card-body p-0">
        <div class="table-responsive">
          <table class="table table-bordered">
            <thead class="bg-light bg-dark ">
              <tr class="border-0">
                <th class="border-0 text-light">Participante/Instituicao</th>
                <th class="border-0 text-light">CPF/CNPJ</th>
                <th class="border-0 text-light">Telefone</th>
                <th class="border-0 text-light">E-mail</th>
                <th class="border-0 text-light">Cidade</th>
                <th class="border-0 text-light">Data</th>
                <th class="border-0 text-light">Dispositivo</th>
                <th class="border-0 text-light">Contribuição</th>
                <th class="border-0 text-light">Justificativa</th>
              </tr>
            </thead>
            <tbody>
              @php $cont = 0; @endphp
              @foreach ($categories as $category)
                @php
                  $cont++;
                  $idData = 'data' . $cont;
                  $idContribuicao = 'contribuicao' . $cont;
                  $idJustificativa = 'justificativa' . $cont;
                  $idDispositivo = 'dispositivo' . $cont;
                  $idParticipante = 'participante' . $cont;
                @endphp
                <tr class="@if($cont%2==0)table-row @else table-row2 @endif" onclick="MODAL_CONTENT('{{ $cont }}')" data-toggle="modal" data-target="#modalConsulta"
                  style="cursor: pointer;">
                  <td>
                    <div class="m-r-10" id="{{ $idParticipante }}"> {{ $category->participante }}</div>
                  </td>
                  <td>
                    @php
                      $cpf = $category->cpf;
                      if (strlen($cpf) === 11) {
                          $cpf = substr_replace($cpf, '.', 3, 0);
                          $cpf = substr_replace($cpf, '.', 7, 0);
                          $cpf = substr_replace($cpf, '-', 11, 0);
                      } elseif (strlen($cpf) === 14) {
                          $cpf = substr_replace($cpf, '.', 2, 0);
                          $cpf = substr_replace($cpf, '.', 6, 0);
                          $cpf = substr_replace($cpf, '/', 10, 0);
                          $cpf = substr_replace($cpf, '-', 15, 0);
                      }
                    @endphp
                    {{ $cpf }}
                  </td>
                  <td>
                    @php
                      $telefone = $category->telefone;
                      if (strlen($telefone) === 11) {
                          $telefone = substr_replace($telefone, '(', 0, 0);
                          $telefone = substr_replace($telefone, ')', 3, 0);
                          $telefone = substr_replace($telefone, ' ', 4, 0);
                          $telefone = substr_replace($telefone, ' ', 6, 0);
                          $telefone = substr_replace($telefone, '-', 11, 0);
                      }
                    @endphp <div style="min-width: 120px"> {{ $telefone }} </div></td>
                  <td>{{ $category->email }} </td>
                  <td>
                    <div style="min-width: 120px">{{ $category->cidade }}</div></td>
                  <td>
                    <div id="{{ $idData }}">{{ $category->created_at->format('d/m/Y') }} </div>
                  </td>
                  <td>
                    {!! substr($category->dispositivo, 0, 115) !!}
                    <div style="display: none;" id="{{ $idDispositivo }}">
                      {!! $category->dispositivo !!}</div>
                  </td>
                  <td>
                    {!! substr($category->contribuicao, 0, 115) !!}
                    <div style="display: none;" id="{{ $idContribuicao }}">
                      {!! $category->contribuicao !!}</div>
                  </td>
                  <td>
                    {!! substr($category->justificativa, 0, 115) !!}
                    <div style="display: none;" id="{{ $idJustificativa }}">
                      {!! $category->justificativa !!}</div>
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
          <div style="padding: 20px; font-size: 15px;"> Exibindo página <strong>{{ $categories->currentPage() }}</strong>
            de
            <strong>
              @if ($categories->lastPage() > 0)
                {{ $categories->lastPage() }}
              @else
                1
              @endif
            </strong> de um total de <strong>{{ $categories->total() }}</strong> registros -
            máximo de <strong>{{ $categories->perPage() }}</strong> registros por página
          </div>
          <div style="padding-left: 20px; font-size: 15px;">

            @if (isset($dataform))
              {!! $categories->appends($dataform)->links() !!}
            @else
              {!! $categories->links() !!}
            @endif
          </div>
          {{-- MODAL-CONSULTA --}}

          <div class="modal fade" id="modalConsulta" tabindex="-1" role="dialog" aria-labelledby="modalConsultaLabel"
            aria-hidden="false" style="padding: 50px;">
            <div class="modal-dialog" role="document">
              <div class="modal-content modal-consulta-content">
                <div class="modal-consulta-header">
                  <div class="modal-consulta-title">
                    <h4>Detalhamento da Contribuição</h4>
                  </div>
                  <button type="button" class="close modal-consulta-close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-consulta-body">
                  <div class="modal-consulta-body-item2">
                    <label>
                      <strong>Data da Publicação:</strong>
                    </label>
                    <p id="modal-consulta-data"></p>
                  </div>
                  <div class="modal-consulta-body-item2">
                    <label>
                      <strong>Participante:</strong>
                    </label>
                    <div id="modal-consulta-participante"></div>
                  </div>
                  <div class="modal-consulta-body-item">
                    <label>
                      <strong>Dispositivo:</strong>
                    </label>
                    <p id="modal-consulta-dispositivo"></p>
                  </div>
                  <div class="modal-consulta-body-item">
                    <label>
                      <strong>Contribuição:</strong>
                    </label>
                    <p id="modal-consulta-contribuicao"></p>
                  </div>
                  <div class="modal-consulta-body-item">
                    <label>
                      <strong>Justificativa:</strong>
                    </label>
                    <p id="modal-consulta-justificativa"></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- Modal -->
        </div>
      </div>
    </div>
  </div>
  <!-- ============================================================== -->
  <!-- end recent orders  -->

@endsection

@section('post-script')
  <script>
    $(document).ready(function() {
      $('a[data-confirm]').click(function(ev) {
        var href = $(this).attr('href');
        if (!$('#confirm-delete').length) {
          $('body').append('<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
            'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
            '<div class="modal-content"><div class="modal-header bg-danger text-white">DELETAR PROPOSTA' +
            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
            '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
            'Tem certeza de que deseja Deletar a proposta ? Todos os itens cadastrados na proposta serão apagados.</div><div class="modal-footer">' +
            '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
            '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Deletar</a><' +
            '/div></div></div></div>');
        }
        $('#dataComfirmOK').attr('href', href);
        $('#confirm-delete').modal({
          show: true
        });
        return false;
      });
    });

    $(document).ready(function() {
      $('a[data-confirm2]').click(function(ev) {
        var href = $(this).attr('href');
        if (!$('#confirm-delete').length) {
          $('body').append('<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
            'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
            '<div class="modal-content"><div class="modal-header bg-success text-white">APROVAR MATERIA' +
            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
            '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
            'Tem certeza de que deseja aprovar materia ?</div><div class="modal-footer">' +
            '<button type="button" class="btn btn-danger " data-dismiss="modal">Cancelar' +
            '</button><a class="btn btn-success text-white" id="dataComfirmOK">Aprovar</a><' +
            '/div></div></div></div>');
        }
        $('#dataComfirmOK').attr('href', href);
        $('#confirm-delete').modal({
          show: true
        });
        return false;
      });
    });
    $(document).ready(function() {
      $('a[data-confirm3]').click(function(ev) {
        var href = $(this).attr('href');
        if (!$('#confirm-delete').length) {
          $('body').append('<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
            'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
            '<div class="modal-content"><div class="modal-header bg-danger text-white">REPROVAR MATERIA' +
            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
            '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
            'Tem certeza de que deseja reprovar materia ?</div><div class="modal-footer">' +
            '<button type="button" class="btn btn-success " data-dismiss="modal">Cancelar' +
            '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Reprovar</a><' +
            '/div></div></div></div>');
        }
        $('#dataComfirmOK').attr('href', href);
        $('#confirm-delete').modal({
          show: true
        });
        return false;
      });
    });
  </script>

  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" />

  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

  <script>
    $(function() {

      var dates = $("#data_inicial").datepicker({
        dateFormat: 'dd/mm/yy',
        defaultDate: "+1w",
        dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado', 'Domingo'],
        dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
        dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'],
        monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro',
          'Outubro', 'Novembro', 'Dezembro'
        ],
        monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
      });
    });
  </script>

  <script>
    $(function() {
      var dates = $("#data_final").datepicker({
        dateFormat: 'dd/mm/yy',
      });
    });
    let div = document.getElementById("item0");
    let cont = 0;

    function recolher(i) {
      if (div === document.getElementById("item" + i) && cont != 0) {
        div.style.display = "none";
        cont = 0;
      } else {
        div.style.display = "none";
        div = document.getElementById("item" + i);
        div.style.display = "flex";
        cont++;
      }
    }
  </script>

  <script src="{{ asset('assets/vendor/inputmask/js/jquery.inputmask.bundle.js') }}"></script>
  <script>
    function MODAL_CONTENT(i) {
      var x = document.getElementById("modal-consulta-dispositivo");
      x.innerHTML = document.getElementById("dispositivo" + i).innerHTML;
      var x = document.getElementById("modal-consulta-justificativa");
      x.innerHTML = document.getElementById("justificativa" + i).innerHTML;
      var x = document.getElementById("modal-consulta-data");
      x.innerHTML = document.getElementById("data" + i).innerHTML;
      var x = document.getElementById("modal-consulta-contribuicao");
      x.innerHTML = document.getElementById("contribuicao" + i).innerHTML;
      var x = document.getElementById("modal-consulta-participante");
      x.innerHTML = document.getElementById("participante" + i).innerHTML;
    }
  </script>
@endsection