@extends('layouts.app')

@section('title', 'آرشیو تورها')

@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/archive.css') }}">
@endpush

@section('content')
    <div class="archive-page">
        <div class="container">

            {{-- هدر آرشیو --}}
            <div class="archive-header">
                <h4><i class="fa fa-plane mr-2"></i> آرشیو تورها</h4>
                <a href="{{ route('index') }}" class="btn-back">
                    <i class="fa fa-home"></i> بازگشت به صفحه اصلی
                </a>
            </div>

            <div class="row">
                @forelse($tours as $tour)
                    <div class="col-md-4 col-sm-6 mb-4">
                        <div class="tour-card">
                            <div class="tour-image-wrap">
                                {{-- دکمه علاقه‌مندی (در صورت لاگین بودن کاربر) --}}
                                @auth
                                    <form action="{{ route('favorites.toggle', $tour->id) }}" method="POST" style="position: absolute; top: 10px; right: 10px; z-index: 10;">
                                        @csrf
                                        <button type="submit" class="btn btn-sm" style="background: rgba(255,255,255,0.8); border-radius: 50%; border:none; padding: 5px 10px;">
                                            <i class="fa {{ $tour->isFavoritedBy(auth()->user()) ? 'fa-heart text-danger' : 'fa-heart-o' }}"></i>
                                        </button>
                                    </form>
                                @endauth

                                @if($tour->image)
                                    <img src="{{ asset('storage/' . $tour->image) }}" alt="{{ $tour->title }}">
                                @else
                                    <img src="{{ asset('assets/img/exp-page/slider/2.jpg') }}" alt="بدون تصویر">
                                @endif
                            </div>
                            <div class="tour-body">
                                <h5 class="tour-title">
                                    <a href="{{ route('tours.show', $tour->id) }}">{{ $tour->title }}</a>
                                </h5>
                                <p class="tour-desc">{{ Str::limit(strip_tags($tour->description), 80) }}</p>
                                <div class="tour-footer">
                                    <span class="tour-price">{{ number_format($tour->price) }} تومان</span>
                                    <a href="{{ route('tours.show', $tour->id) }}" class="text-primary">
                                        جزئیات <i class="fa fa-arrow-left"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="col-12">
                        <div class="archive-empty">
                            <i class="fa fa-map-marker"></i>
                            <p>هنوز توری ثبت نشده است.</p>
                        </div>
                    </div>
                @endforelse
            </div>


            <div class="archive-pagination">
                {{ $tours->links('pagination::bootstrap-4') }}
            </div>
        </div>
    </div>
@endsection