@extends('layouts.model')
@section('content')
    <table class="table table-borderless table-advance table-condensed">
        <tr>
            <td width="80%">
                <h3>
                    <i class="fas fa-laptop"></i> Projetos
                </h3>
            </td>
            <td width="50%" align="center">
                <h3>
                    <a class="cor-digiliza" href="{{route('projeto.add')}}">
                        <i class="fas fa-plus-circle"></i>&nbsp;&nbsp;&nbsp;
                        <span>Novo</span>
                    </a>
                </h3>
            </td>
        </tr>
    </table><hr>
    <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
        <span class="fas fa-filter"></span> Filtros
    </button><p>
    <div class="collapse" id="collapseExample">
        <div class="card card-body">
            <form method="get" action="{{ route('projeto.listAll') }}">
                @csrf
                <div class="row">
                    <div class="form-group col-md-2">
                        Projeto Ativo
                        <select id="ativo" name="ativo">
                            <option value="Sim">Sim</option>
                            <option value="Não">Não</option>
                        </select>
                    </div>
                    <div class="form-group col-md-4">
                        Cliente
                        <input class="form-control" type="text" name="cliente" id="cliente">
                    </div>
                </div>
                <button class="btn btn-primary" type="submit" >
                    <span class="fas fa-play"></span> Filtrar
                </button>
            </form >
        </div>
    </div>
    <p>

    <table class="table table-bordered table-condensed table-striped fonte-20">
        <thead>
            <tr>
                <th width="50%">Cliente</th>
                <th width="10%">OS</th>
                <th width="20%">Prev. Inicio</th>
                <th width="10%">Nr. Colaboradores</th>
                <th width="10%">Projeto Ativo</th>
                <th width="10%"></th>
            </tr>
        </thead>
        <tbody>
            @foreach ($projetos as $projeto)
                <tr>
                    <td> {{ $projeto->cliente }} </td>
                    <td align="right"> {{ $projeto->os }} </td>
                    <td align="center"> {{ date('d/m/Y',strtotime($projeto->data_inicio ))}} </td>
                    <td align="center"> {{ $projeto->nr_colaborador }} </td>
                    <td align="center"> {{ $projeto->ativo }} </td>
                    <td>
                        <div class="btn-group-vertical">
                            <div class="btn-group">
                            <button type="button"  class="btn btn-outline-info dropdown-toggle" data-toggle="dropdown">
                                <i class="fas fa-cogs"></i>
                                <span>Ação</span>
                            </button>
                            <div class="dropdown-menu">
                                <a class="dropdown-item" href="{{route('projeto.formEdit', $projeto->id)}}">
                                    <i class="far fa-edit"></i>&nbsp;&nbsp;&nbsp;
                                    <span>Editar</span>
                                </a>
                                <a class="dropdown-item" href="#">
                                    {{-- <form action=" {{ route('projeto.destroy',['projeto'=> $projeto->id ]) }} " method="POST">
                                        @csrf
                                        @method('delete')
                                        <input type="hidden" name='projeto' value=" {{ $projeto->id }} ">
                                        <i class="far fa-trash-alt"></i>
                                        <input type="submit" class="btn btn-default delete"  value="Eliminar"> --}}
                                    </form>
                                </a>
                            </div>
                            </div>
                        </div>
                    </td>
                </tr>
            @endforeach

        </tbody>
    </table>

    {{-- {{$Operadores->links()}} --}}
@endsection