@extends(layoutTenant())

@section('content')
@if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="page-title float-left">Lista de Portais</h4>
        <div class="float-right">
          {!! Form::open([
              'url' => routeTenant('buscaportais'),
              'class' => 'form form-inline',
              'style' => 'height:40px;width: 100%;',
          ]) !!}
          {!! Form::text('buscar', null, ['class' => 'form-control', 'style' => 'height:40px;width: 70%;']) !!}
          {!! Form::submit('buscar', ['class' => 'btn btn-primary  btn-outline-success ']) !!}
          {!! Form::close() !!}
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <!-- end row -->
  <div class="row"
    style="margin-top: -20px; margin-bottom: 20px; min-height: 100px; position: relative; margin-bottom: 30px;">
    <div style="position: absolute;  padding: 20px;  border-radius: 12px;  ">
      <div class="float-left" style=" ">
        <a href="{{ routeTenant('addportais') }}" class="btn btn-success botao-adicionar"><i class=""></i> Adicionar
          Novo Portal</a>
      </div>
    </div>
  </div>
  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
    <div class="row">
      @foreach ($categories as $category)
        <div class="col-md-4">
          <div class="card m-b-30" style="display: block; text-align: center; padding: 5px;">
            <img class="
              @if ($category->status == 0) desaturate @endif"
              @if ($category->logoh == 1) height="100px" @endif
              @if ($category->logow == 1) width="100%" @endif src="{{ asset($category->imglogo) }}"
              alt="Card image cap">
              <div class="card-body">
              <h5 class="card-title">{{ $category->name }}</h5>
              <p class="card-text">
                <a href="{{ routeTenant('portais.editar', ['id' => $category->id]) }}" class="btn btn-primary">Editar</a>
                <a href="{{ routeTenant('portais.detalhes', ['id' => $category->id]) }}" class="btn btn-warning">Detalhes</a>
                <a href="{{ routeTenant('usuarios', ['id' => $category->id]) }}" class="btn btn-info">Usuarios</a>
                @if ($category->status == 1)
                  <a href="{{ routeTenant('portais.desativar', ['id' => $category->id, 'status' => '0']) }}"
                    class="btn btn-danger " data-confirm='Tem certeza de que deseja Desativar o item selecionado?'
                    title="Desativar"><i class="fa fa-power-off"></i></a>
                @else
                  <a href="{{ routeTenant('portais.desativar', ['id' => $category->id, 'status' => '1']) }}"
                    class="btn btn-success" data-confirm2='Tem certeza de que deseja Ativar o item selecionado?'><i
                      class="fa fa-check-circle"></i></a>
                @endif
              </p>
            </div>
          </div>
        </div>
      @endforeach
    </div>
    {!! $categories->links() !!}
  </div>
@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">DESATIVAR PORTAL' +
            '<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 desativar o portal ?</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">Desativar</a><' +
            '/div></div></div></div>');
        }
        $('#dataComfirmOK').attr('href', href);
        $('#confirm-delete').modal({
          show: true
        });
        return false;
      });
      $('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">ATIVAR PORTAL ' +
            '<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 ativar o portal ?</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">Ativar</a><' +
            '/div></div></div></div>');
        }
        $('#dataComfirmOK').attr('href', href);
        $('#confirm-delete').modal({
          show: true
        });
        return false;
      });
    });
  </script>
@endsection