@extends(layoutTenant())

@section('content')
  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="page-title float-left">Usuários Vinculados aos Setor</h4>

        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <!-- end row -->
  <div class="row" style="margin-top: -20px;  min-height: 80px; position: relative; ">
    <div style="position: absolute;  padding: 20px;  border-radius: 12px;  ">

      <div class="float-left" style=" ">

        <a href="{{ routeTenant('setor.vincular') }}" class="btn btn-success botao-adicionar"><i class=""></i>
          Vincular Usuário </a>

      </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">
      <h5 class="card-header">Filtros</h5>
      <div class="card-body p-0">
        {!! Form::open(['url' => routeTenant('vinculo.buscar'), 'class' => 'form form-inline']) !!}

        <div class="row" style="margin-top: 20px; margin-left: 10px;">

          <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-6">

            <div class="form-group">
              {!! Form::label('Usuario', 'Usuarios:') !!}

              <select style="width: 90%" name="usuario" class="custom-select">
                <option value="">Selecione</option>

                @foreach ($usuarios as $usuario)
                  <option @if (isset($dataform['usuario'])) @if ($dataform['usuario'] == $usuario->id) selected @endif
                    @endif value="{{ $usuario->id }}">{{ $usuario->name }} </option>
                @endforeach
              </select>

            </div>
          </div>

          <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-6">

            <div class="form-group">
              {!! Form::label('setores', 'Setores:') !!}
              <select style="width: 90%" name="setor" class="custom-select">
                <option value="">Selecione</option>

                @foreach ($setores as $setor)
                  <option @if (isset($dataform['setor'])) @if ($dataform['setor'] == $setor->id) selected @endif
                    @endif value="{{ $setor->id }}">{{ $setor->name }} </option>
                @endforeach
              </select>
            </div>

          </div>

          <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-6">

            <div class="form-group">
              {!! Form::label('pagina', 'Resultados por página:') !!}
              <select style="width: 90%" name="pagina" class="custom-select">
                <option @if (isset($dataform)) @if ($dataform['pagina'] == '10') selected @endif @endif value="10">10 </option>
                <option @if (isset($dataform)) @if ($dataform['pagina'] == '25') selected @endif @endif value="25">25 </option>
                <option @if (isset($dataform)) @if ($dataform['pagina'] == '50') selected @endif
                  @endif value="50">50 </option>
                <option @if (isset($dataform)) @if ($dataform['pagina'] == '100') selected @endif
                  @endif value="100">100 </option>
                <option @if (isset($dataform)) @if ($dataform['pagina'] == '200') selected @endif
                  @endif value="200">200 </option>

              </select>
            </div>

          </div>

          <div class="col-xl-2 col-lg-6 col-md-6 col-sm-6 col-6" style="margin-top: 20px; margin-bottom: 20px;">

            <div class="form-group">
              {!! Form::submit('Pesquisar', ['class' => 'btn btn-primary btn btn-outline-success my-2 my-sm-0']) !!}

            </div>

          </div>

        </div>

        {!! Form::close() !!}

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

  <!-- recent orders  -->
  <!-- ============================================================== -->
  <div class="col-xl-12 col-lg-12 col-md-6 col-sm-12 col-12">
    <div class="card">
      <h5 class="card-header">Usuários Vinculados ao Setor</h5>
      <div class="card-body p-0">
        <div class="table-responsive">
          <table class="table">
            <thead class="bg-light">
              <tr class="border-0">
                <th class="border-0">Usuário</th>
                <th class="border-0">Órgão</th>
                <th class="border-0">Data início</th>
                <th class="border-0">Data fim</th>
                <th class="border-0">Funções</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($categories as $category)
                <tr>
                  <td>
                    <div class="m-r-10">
                      @if ($user = App\UserAccount::find($category->user_account_id))
                        {{ $user->name }}
                      @else
                        Usuario Inexistente
                      @endif
                    </div>
                  </td>
                  <td>
                    <div class="m-r-10">
                      @if ($setor = App\Setor::find($category->setor_id))
                        {{ $setor->name }}@if ($setor->status == 0)
                          <span style="color:red"> (desabilitado) </span>
                        @endif
                      @else
                        Setor Inexistente
                      @endif
                    </div>
                  </td>
                  <td>
                    <div class="m-r-10">
                      @php  $createdAt = \Carbon\Carbon::parse( $category->entrada)->format('d-m-Y');  @endphp
                      @if ($createdAt == '10-10-2001')
                      @else
                        {{ $createdAt }}
                      @endif
                    </div>
                  </td>
                  <td>
                    <div class="m-r-10">

                      @php  $createdAt = \Carbon\Carbon::parse( $category->saida)->format('d-m-Y');  @endphp

                      @if ($createdAt == '10-10-2001')
                      @else
                        {{ $createdAt }}
                      @endif

                    </div>
                  </td>

                  <td>
                    @if ($category->status == 0 && ($setor = App\Setor::find($category->setor_id)) && $setor->status==1)
                      <a href="{{ routeTenant('vinculo.delete', ['setor' => $category->setor_id, 'user' => $category->user_account_id]) }}"
                        title="Desvincular Usuario" data-confirm='Tem certeza de que deseja Desativar o item selecionado?'
                        class="btn btn-danger"> <i class="fa fa-trash" aria-hidden="true"></i></a>
                    @endif

                  </td>
                </tr>
              @endforeach

            </tbody>
          </table>

          <div style="padding: 20px; font-size: 15px;"> Exibindo <strong>{{ $categories->currentPage() }}</strong> até
            <strong>{{ $categories->perPage() }}</strong> de <strong>{{ $categories->count() }}</strong> linhas -
            <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>
        </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">Desvincular Usuario' +
              '<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 Desvincular Usuario ?</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">Desvincular</a><' +
              '/div></div></div></div>');
          }
          $('#dataComfirmOK').attr('href', href);
          $('#confirm-delete').modal({
            show: true
          });
          return false;

        });



      });
    </script>
  @endsection