@extends('layout.padrao')
@section('title', 'List - Products')

@section('content')
    <div class="col col-lg-12 col-sm-12 col-md-12">
        <h5>Search For:</h5>   
        <form class="form-inline w-100 search-listas-int" method="GET" action="{{ route('listProducts','platform') }}">
        <input class="form-control mr-sm-2 " type="search" placeholder="Search for Product by: Product name" name="product" style="margin-top:25px;margin-bottom:50px">   
            <button class="btn btn-primary " type="submit" style="margin-top:-25px">Search</button>
        </form>
    </div> 
@include('include.filtro_result')
    @if($errors->any())
        <div class="alert alert-danger">
        @foreach($errors->all() as $error)
            {{ $error }} <br>
        @endforeach
        </div>
    @endif 
    <!--Botão Novo-->
    @can('create', App\Usuario::class)
            @include('include.btn_adicionar',["btn" => "Product"])
    @endcan
    <div class="wrapper">
        <div class="table-responsive tableMenor">
            <table class="table table-striped table-sm " data-form="deleteForm">  
                <thead>  
                    <tr>
                        <th>Operation</th>
                        <th>Register ID</th>
                        <th>Product</th>
                        <th>Density</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($product as $item)
                        <tr>
                            <td>
                                @can('update', App\Usuario::class)
                                <a class="icone-padding" data-toggle="modal" data-target="#editPlatform" data-toggle="tooltip" data-placement="top" title="Edit">      
                                <a class="icone-padding" data-catid="{{$item->id}}" data-descricao="{{$item->descricao}} " data-density="{{$item->density}}" data-status="{{$item->status}} " data-toggle="modal" data-target="#editPlatform" data-toggle="tooltip" data-placement="top" title="Edit">
                                    <i class="fas fa-pencil-alt"></i>
                                </a>                          
                                    
                                @endcan
                                @can('delete', App\Usuario::class)
                                <a class="icone-padding" data-catid={{$item->id}} data-toggle="modal" data-target="#delete" data-toggle="tooltip" data-placement="top" title="Delete">
                                    <i class="fas fa-trash-alt"></i>
                                </a>

                                
                                @endcan
                            </td>
                            <td>
                                {{ $item->id }}

                            </td>
                            <td >
                                {{ $item->descricao }}
                            </td>
                            <td >
                                {{ $item->density }}
                            </td>
                            <td>
                                @if ((!empty($item->status))&&$item->status  == "Ativo")
                                    <i class="fas fa-check" style="color:green"></i>
                                @else
                                    <i class="fas fa-times-circle" style="color:red"></i>
                                @endif

                            </td>
                        </tr>

                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @include('bibliotecas.floattheadOverflow')
    <div align="center"  class="d-flex justify-content-center">
        {{ $product->links() }}
    </div>
    </div>

        <!-- add Model -->
        @include('include.modal_adicionar_platform', ["formulario" => "Product"])
        <!-- edit Model -->
        @include('include.modal_editar_platform', ["formulario" => "Product"])
        <!-- Delete Model -->
        @include('include.modal_deletar', ["rota" => "Product"])
@endsection