@extends('layouts.app')

@section('content')
    <h1>Listagem dos usuários ( <a href="{{ route('users.create') }}">Criar usuário</a> ) </h1>

    <form action="{{ route('users.index') }}" method="get">

        <input type="text" name="search" placeholder="Pesquisar"> <button>Pesquisar</button>
    </form>

    <ul>
        @foreach ($users as $user)
            <li>
                <img src="{{url("storage/{$user->image}")}}" alt="" >
                {{ $user->name }} - {{ $user->email }} -
                <a href="{{ route('users.edit', $user->id) }}">Editar</a>
                <a href="{{ route('users.show', $user->id) }}">Detalhes</a>
                <a href="{{ route('comments.index', $user->id) }}">Comentarios ( {{ $user->comments->count() }} )</a>

            </li>
        @endforeach

    </ul>
    <div class="py-4">{{ $users->appends([
            'search' => request()->get('search', ''),
        ])->links() }}</div>
    {{-- appends() persiste os dados passados para o filtro de pesquisa, sem perder por causa da paginação $users->links() recebe a paginação do pagination --}}
@endsection