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

@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('listarVessel','vessel') }}">
            <input class="form-control mr-sm-2" type="search" placeholder="Search for Vessel by: Vessel name" name="vessel" 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" => "vessel"])
    @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>Vessel</th>
                        <th>status</th>
                    </tr>
                </thead>
                <tbody>
                    
                    @foreach($vessel as $item)
                        <tr>
                            <td>
                                @can('update', App\Usuario::class)
                                <a class="icone-padding" data-toggle="modal" data-target="#edit" data-toggle="tooltip" data-placement="top" title="Edit">      
                                <a class="icone-padding" data-catid="{{$item->id}}"data-descricao="{{$item->descricao}} " data-status="{{$item->status}} " data-toggle="modal" data-target="#edit"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>
                                @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>
    <div align="center"  class="d-flex justify-content-center">
        {{ $vessel->links() }}
    </div>  
        
        @include('bibliotecas.floattheadOverflow')
        <!-- add Model -->
        @include('include.modal_adicionar', ["formulario" => "Vessel"])
        <!-- edit Model -->
        @include('include.modal_editar', ["formulario" => "Vessel"])
        <!-- Delete Model -->
        @include('include.modal_deletar', ["rota" => "vessel"])
@endsection