@extends('layouts.app')

@section('conteudo')

<br><br>
<center>
  @if (session()->has('error'))
  <div class="alert alert-danger" role="alert">
    {{ session('error') }}
  </div>
  @endif
</center>

<!-- Hero -->
<div class="bg-image" style="background-image: url(''); margin-top: 70px;">
  <div class="bg-black-50">
    <div class="content content-full">
      <div class="d-flex justify-content-between align-items-center">
        <h1 class="flex-grow-1 fs-2 text-white my-2">
          <i class="fa fa-boxes text-white-50 me-1"></i> Projetos
        </h1>
        @can('pode_registrar_projeto')
        <a class="btn btn-primary my-2" href="/registar_projeto">
          <!-- <a class="btn btn-primary my-2" data-bs-toggle="modal" data-bs-target="#addProjetModal"> -->
          <i class="fa fa-fw fa-plus"></i>
          <span class="d-none d-sm-inline ms-1">Registrar Projeto</span>
        </a>
        @endcan
        @can('pode_visualizar_projeto')
        <a class="btn btn-primary my-2" href="/projetos_antigos" style="margin-left: 10px;">
          <i class="fa fa-fw fa-list"></i>
          <span class="d-none d-sm-inline ms-1">Projetos Anteriores</span>
        </a>
        @endcan
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->


{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_projeto')
<!-- funcionalidade trazer todos os projetos vigentes do ano -->
<div class="content content-boxed">
  <!-- Current Jobs -->
  <h2 class="content-heading">
    <i class="fa fa-briefcase text-muted me-1"></i> Listagem de Projetos
  </h2>
  @foreach($projetos as $item)
  <div class="block block-rounded">
    <div class="block-content block-content-full">
      <div class="d-sm-flex">
        <div class="ms-sm-2 me-sm-4 py-2 text-center">
          <a class="item item-rounded bg-body-dark text-dark fs-2 mb-2 mx-auto" href="javascript:void(0)">
            <i class="fab fa-fw fa-cloudsmith"></i>
          </a>

          <div class="btn-group btn-group-sm">
            @can('pode_visualizar_projeto')
            <a class="btn btn-alt-secondary" href="/visualizar_projeto/{{$item->id}}">
              <i class="fa fa-fw fa-eye"></i>
            </a>
            @endcan
            <br>
            @can('pode_editar_projeto')
            <a class="btn btn-alt-secondary" href="/editar_projeto/{{$item->id}}">
              <i class="fa fa-pencil-alt text-info"></i>
            </a>
            @endcan
            <br>
            @can('pode_eliminar_projeto')
            <a class="btn btn-alt-secondary" data-toggle="modal" data-target="#modalEliminar{{$item->id}}">
              <i class="fa fa-times text-danger"></i>
            </a>
            @endcan
          </div>
        </div>
        <div class="py-2">
          <p class="link-fx h4 mb-1 d-inline-block text-dark">
            {{$item->descricao}}
          </p>
          <!-- <div class="fs-sm fw-semibold text-muted mb-2">
            Criado aos: {{$item->created_at}}
          </div> -->
          <p class="text-muted mb-2">
            <!-- Coordenador: {{$item->coordenador_id}} -->
            Coordenador: {{$item->nome_completo}}
          </p>
          <!-- <div>
            <span class="badge bg-primary">{{$item->estado}}</span>
            <span class="badge bg-primary">{{$item->cidade}}</span>
            <span class="badge bg-primary">{{$item->cnpj}}</span>
          </div> -->
        </div>
      </div>
    </div>
  </div>


  <!-- Modal -->
  <div class="modal fade" id="modalEliminar{{$item->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Confirmar Operação</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          Tem a certeza que pretende eliminar esse projeto?
        </div>
        <div class="modal-footer">
          <a href="/eliminar_projeto/{{$item->id}}"><button type="button" class="btn btn-danger">Eliminar</button> </a>
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
        </div>
      </div>
    </div>
  </div>

  @endforeach


</div>

{{-- Pra quem não tem permissão de visualizar essa página aparecerá a mensagem abaixo --}}
@else

<center>
  <br>
  <div class="alert alert-danger" role="alert">
    Você não tem permissão pra visualizar essa página!
  </div>
</center>

@endcan
<!-- END Page Content -->



@endsection