@extends('frontend.layouts.master')
@section('title')
Unbound Bangladesh | Destinations
@endsection
@section('content')
<section class="tours-hero bg-success text-white py-5">
    <div class="container">
        <h1 class="display-4 fw-bold mb-3 text-center">Explore Destinations</h1>
    </div>
</section>
<nav class="breadcrumb-nav" aria-label="breadcrumb">
    <div class="container">
        <div class="d-flex align-items-center text-white">
            <i class="bi bi-house-door me-2"></i>
            <a href="{{ route('home.home') }}" class="text-white text-decoration-none me-2">Home</a>
            <span class="me-2">•</span>
            <span>Destinations</span>
        </div>
    </div>
</nav>

<section class="tours-content py-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                @include('frontend.destinations.partials.destinations-card')
                <div class="row mt-5">
                    <div class="col-12">
                        <nav aria-label="Tours pagination">
                            {{ $destinations->appends(request()->query())->links('pagination::bootstrap-5') }}
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection