@extends('layouts.app')

@section('conteudo')

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


<!-- Hero -->
<div class="bg-dark bg-image" style="background-image: url('{{$organizacao->logotipo}}');">
  <div class="bg-black-75">
    <div class="content content-full content-top">
      <div class="py-4 text-center">
        <h1 class="fw-bold text-white mb-2">
          {{$organizacao->nome}}
        </h1>
        <h2 class="h3 fw-normal text-white-75">
          {{$organizacao->endereco}}
        </h2>

      </div>
      <div style=" margin-left:73%">
        <a class="btn btn-hero btn-primary" href="/editar_organizacao/{{$organizacao->id}}" data-toggle="click-ripple">
          <i class="fa fa-pencil-alt text-info"></i> Editar
        </a>
        <a class="btn  btn-hero btn-primary my-2" href="/organizacoes">
          <i class="fa fa-reply" aria-hidden="true"></i>
          <span class="d-none d-sm-inline ms-1">voltar</span>
        </a>
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->


{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_projeto')
<!-- Page Content -->
<div class="content content-boxed">
  <!-- Meta -->
  <div class="row items-push">
    <div class="col-md-6">
      <div class="block block-rounded">
        <div class="block-header block-header-default">
          <h3 class="block-title">Decrição</h3>
        </div>
        <div class="block-content">
          <div class="fs-4 mb-1">{{$projeto->descricao}}</div>

        </div>
      </div>
      <div class="block block-rounded">
        <div class="block-header block-header-default">
          <h3 class="block-title">Observações</h3>
        </div>
        <div class="block-content">
          <div class="fs-4 mb-1">{{$projeto->observacoes}}</div>

        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="block block-rounded block-bordered block-link-shadow h-100 mb-0">
        <div class="block-content">
          <table class="table table-borderless table-striped">
            <tbody>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-star"></i>
                  </span>
                  <span class="fw-medium text-muted">Categoria: {{$categoria->descricao}}</span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-star"></i>
                  </span>
                  <span class="fw-medium text-muted">Organização: {{$organizacao->nome}}</span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-star"></i>
                  </span>
                  <span class="fw-medium text-muted">Sigla: {{$projeto->sigla}}</span>
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-heart me-1 text-danger"></i> Inativo: {{$projeto->inativo == 1 ? 'Sim' : 'Não'}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-heart me-1 text-danger"></i> listar: {{$projeto->listar == 1 ? 'Sim' : 'Não'}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-calendar me-1"></i> Ano: {{$projeto->ano}}
                </td>
              </tr>
              <!-- <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-shopping-basket me-1"></i> Criação: {{$projeto->created_at}}
                </td>
              </tr> -->
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <!-- END Meta -->



  <!-- Listagem de Projetos -->
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Projetos Pertencentes a {{$organizacao->nome}}</h3>
      <div class="block-options">
        <!-- <a data-bs-toggle="modal" data-bs-target="#modalAddProjeto">
          <button type="button" class="btn btn-alt-primary">
            + Criar Novo Projeto
          </button>
        </a> -->
        <a class="btn btn-alt-primary my-2" href="/visualizar_organizacao/{{$organizacao->id}}" style="margin-left: 10px;">
          <i class="fa fa-fw fa-list"></i>
          <span class="d-none d-sm-inline ms-1">Projetos Recentes</span>
        </a>
      </div>
    </div>
  </div>

  @if (\Session::has('success_project'))
  <div class="alert alert-success">
    <ul>
      <center>
        <li>{!! \Session::get('success_project') !!}</li>
      </center>
    </ul>
  </div>
  @endif

  <div class="block-content">
    <!-- All Products Table -->
    <div class="table-responsive">
      <table class="table table-borderless table-striped table-vcenter">
        <<thead>
          <tr>
            <th class="d-none d-sm-table-cell text-center">Nome</th>
            <th class="d-none d-sm-table-cell text-center">Professor</th>
            <th class="d-none d-sm-table-cell text-center">Período</th>
            <th class="d-none d-md-table-cell">Carga Horária</th>
            <th class="d-none d-md-table-cell">Vagas restantes</th>
            <th class="text-center">Ação</th>
          </tr>
          </thead>
          <tbody>
            @foreach($turmas as $item)
            <tr>
              <!-- <td class="text-center fs-sm">
              <strong>{{$item->id}}</strong>
            </td> -->
              <td class="text-center fs-sm">
                <strong>{{$item->descricao}}</strong>
              </td>
              <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->nome_funcionario}}</td>
              <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->periodo_id == 1 ? 'Manhã' : 'Tarde'}}</td>
              <td class="d-none d-sm-table-cell text-center fs-sm"> {{$item->carga_horaria_turma}} </td>
              <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->vagas}}</td>

              <td class="text-center fs-sm">
                <a class="btn btn-sm btn-alt-secondary" href="/visualizar_turma/{{$item->id}}">
                  <i class="fa fa-fw fa-eye"></i>
                </a>

              </td>
            </tr>
            @endforeach

          </tbody>
      </table>
    </div>
    <!-- END All Projetos Table -->

    <br><br><br>


    <!-- Pagination -->
    <nav aria-label="Photos Search Navigation">
      <ul class="pagination justify-content-end mt-2">
        <li class="page-item">
          <a class="page-link" href="javascript:void(0)" tabindex="-1" aria-label="Previous">
            Prev
          </a>
        </li>
        <li class="page-item active">
          <a class="page-link" href="javascript:void(0)">1</a>
        </li>
        <li class="page-item">
          <a class="page-link" href="javascript:void(0)">2</a>
        </li>
        <li class="page-item">
          <a class="page-link" href="javascript:void(0)">3</a>
        </li>
        <li class="page-item">
          <a class="page-link" href="javascript:void(0)">4</a>
        </li>
        <li class="page-item">
          <a class="page-link" href="javascript:void(0)" aria-label="Next">
            Next
          </a>
        </li>
      </ul>
    </nav>
    <!-- END Pagination -->
  </div>
</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 All Products -->


</div>
<!-- END Page Content -->


@include('conteudos.projetos.modal_criar_projeto');

@endsection