@extends('site.layouts.app')

@section('content')

<div class="page-wrapper content-wrapper page-perfil-gallery">
    <section class="content">
        <div class="container">
            <x-profile-sailor-aside :sailor="$sailor" />

            <div class="gallery">
                <div class="gallery__header">
                    <h2>Imagens</h2>
                </div>

                <div class="gallery__images">
                    @foreach ($paginatedPhotos as $photo)
                        <div class="image" data-fancybox="gallery" data-src="{{ asset($photo) }}">
                            <div class="zoom">
                                <i class="fa-solid fa-magnifying-glass-plus"></i>
                            </div>

                            <img src="{{ asset($photo) }}" alt="">
                        </div>
                    @endforeach
                </div>

                {{ $paginatedPhotos->links('site.layouts.pagination') }}
            </div>
        </div>
    </section>
</div>

@endsection