@extends('layouts.site')

@section('content')
<section id="contato">
  <div class="container">
    <h1 class="titulo-padrao-azul ">Categorias</h1>

    <div class="row">
      <div class="col" id="downloads-doc-legislacao">
        <div class="box">
          <form action="{{ \URL::current() }}" method="get" id="form-filtros">
            <div class="filtros">
              <div class="row">
                <div class="col-md-4 col-12">
                  <div class="form-group">
                    <select class="form-control" id="tipo" name="tipo">
                      <option value="">Filtrar tipo</option>
                      @foreach($tipos as $key => $value)
                        <option value="{{ $key }}" {{ $key == $tipo ? 'selected' : '' }}>{{ $value }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>

                <div class="col-md-8 col-12">
                  <div class="input-group mb-3 campo-pesquisa">
                    <input type="text" name="busca" value="{{ $busca ?? '' }}" class="form-control" placeholder="Pesquise por nome">
                    <div class="input-group-append">
                      <button class="btn btn-outline-secondary" type="submit">Filtrar</button>
                      @if($busca || $tipo)
                        <a href="{{url()->current()}}" class="btn btn-flat btn-warning" style="color: #fff;">Limpar</a>
                      @endif
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </form>

          <div class="box-formulario-contato">
            <h1>
              <a href="{{ route('admin.categorias.create') }}" class="text-success">
                <i class="fas fa-plus text-secondary"></i>
                Nova categoria
              </a>
            </h1>

            <table class="table table-striped">
              <thead class="">
                <tr>
                  <th scope="col">#</th>
                  <th scope="col">Nome</th>
                  <th scope="col">Apelido</th>
                  <th scope="col">Tipo</th>
                  <th scope="col">Cor</th>
                  <th scope="col">Criação</th>
                  <th class="acoes">Ações</th>
                </tr>
              </thead>
              <tbody>
                @foreach($categorias as $key => $categoria)
                  <tr>
                    <td>{{ ($key+1) + ($categorias->currentPage() * $categorias->perPage() - $categorias->perPage()) }}</td>
                    <td>
                      <a href="{{ route('admin.categorias.edit', ['uuid' => $categoria->uuid]) }}">
                        {{ $categoria->nome }}
                      </a>
                    </td>
                    <td>{{ $categoria->slug }}</td>
                    <td>{{ $tipos[$categoria->tipo] }}</td>
                    <td><i class="fas fa-circle" style="color: {{ $categoria->cor }};"></i></td>
                    <td>{{ $categoria->created_at->format('d/m/Y H:i') }}</td>
                    <td>
                      <form action="{{ route('admin.categorias.destroy', ['uuid' => $categoria->uuid]) }}" id="remove{{$categoria->uuid}}" method="post">
                        {{ csrf_field() }}
                        <input type="hidden" name="_method" value="delete">
                      </form>

                      <a href="{{ route('admin.categorias.edit', ['uuid' => $categoria->uuid]) }}" class="text-success">
                        <i class="fas fa-lg fa-edit"></i>
                      </a>
                      &nbsp;
                      <a href="#" class="text-danger" onclick="return funcoes.remover('#remove{{$categoria->uuid}}')">
                        <i class="fas fa-lg fa-times"></i>
                      </a>
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>

            @if($categorias->total() == 0)
              <div class="alert alert-danger text-center">Não há registros a serem exibidos</div>
            @else
                <p class="text-right"><strong>{{ $categorias->total() }}</strong>
                  {{ $categorias->total() > 1 ? 'resultados encontrados' : 'resultado encontrado' }}</p>
            @endif

            <nav class="box-paginacao">
              {!! $categorias->links() !!}
            </nav>
          </div>

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

@endsection