@extends('layouts.app')

@section('conteudo')

<!-- 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 Anteriores
                </h1>
                @can('pode_visualizar_projeto')
                <a class="btn btn-primary my-2" href="/projetos">
                    <span class="d-none d-sm-inline ms-1">Vizualizar Projetos</span>
                </a>
                @endcan
            </div>
        </div>
    </div>
</div>
<!-- END Hero -->


{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_projeto')

<div class="content content-boxed">
    <!-- Current Jobs -->
    <h2 class="content-heading">
        <i class="fa fa-briefcase text-muted me-1"></i> Listagem
    </h2>
    <form class="w-100" action="be_pages_generic_search.html" method="POST" style="margin-top: 30px; margin-bottom: 30px;">
        <div class="input-group">
            <!-- Layout API, functionality initialized in Template._uiApiLayout() -->
            <input type="text" class="form-control border-0" placeholder="Pesquisar Por Projetos ou Ano" id="search" name="search">
        </div>
    </form>
    @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_editar_projeto')
                        <a class="btn btn-alt-secondary" href="/editar_projeto/{{$item->id}}">
                            <i class="fa fa-pencil-alt text-info"></i>
                        </a>
                        @endcan
                        @can('pode_eliminar_projeto')
                        <a class="btn btn-alt-secondary" href="/eliminar_projeto/{{$item->id}}">
                            <i class="fa fa-times text-danger"></i>
                        </a>
                        @endcan
                    </div>
                </div>
                <div class="py-2">
                    @can('pode_visualizar_projeto')
                    <a class="link-fx h4 mb-1 d-inline-block text-dark" href="/visualizar_projeto/{{$item->id}}">
                        {{$item->descricao}}
                    </a>
                    @endcan
                    <!-- <div class="fs-sm fw-semibold text-muted mb-2">
                        Criado aos: {{$item->created_at}}
                    </div> -->
                    <p class="text-muted mb-2">
                        {{$item->observacoes}}
                    </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>
    @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