@extends('account.layouts.app')

@section('account-content')
    <div class="user-profile-wrapper">

        @if (session('success'))
            <div class="col-lg-12 mb-3">
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            </div>
        @endif

        @if (session('error'))
            <div class="col-lg-12 mb-3">
                <div class="alert alert-danger">
                    {{ session('error') }}
                </div>
            </div>
        @endif

        <div class="col-lg-12">
            <div class="user-profile-card">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h4 class="user-profile-card-title mb-0">
                        <i class="far fa-comments"></i>
                        کامنت‌های من
                    </h4>

                    <span class="badge bg-primary">
                        {{ $comments->total() }} کامنت
                    </span>
                </div>

                @forelse($comments as $comment)
                    <div class="border rounded p-3 mb-3">
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            @if($comment->tour)
                                <span class="badge bg-info px-3 py-2" style="font-size: 0.95rem;">
                                    <i class="fas fa-umbrella-beach me-1"></i>
                                    تور:
                                    <a href="{{ route('tours.show', $comment->tour->id) }}"
                                       class="text-white text-decoration-none fw-semibold">
                                        {{ $comment->tour->title ?? ('تور شماره ' . $comment->tour->id) }}
                                    </a>
                                </span>
                            @elseif($comment->flight)
                                <span class="badge bg-primary px-3 py-2" style="font-size: 0.95rem;">
                                    <i class="fas fa-plane-departure me-1"></i>
                                    پرواز:
                                    <a href="{{ route('flights.show', $comment->flight->id) }}"
                                       class="text-white text-decoration-none fw-semibold">
                                        {{ $comment->flight->flight_number ?? ('پرواز شماره ' . $comment->flight->id) }}
                                    </a>
                                </span>
                            @else
                                <span class="badge bg-secondary px-3 py-2" style="font-size: 0.95rem;">
                                    عمومی
                                </span>
                            @endif
                            <span class="text-muted">
                                <i class="far fa-calendar-alt"></i>
                                {{ \Hekmatinasser\Verta\Verta::instance($comment->created_at)->format('Y/m/d - H:i') }}
                            </span>

                            @if(isset($comment->status))
                                @if($comment->status == \App\Enums\CommentStatus::PENDING)
                                    <span class="badge bg-success">{{$comment->status->label()}}</span>
                                @elseif($comment->status == \App\Enums\CommentStatus::CONFIRMED)
                                    <span class="badge bg-warning text-dark">{{$comment->status->label()}}</span>
                                @elseif($comment->status == \App\Enums\CommentStatus::REJECTED)
                                    <span class="badge bg-danger">{{$comment->status->label()}}</span>
                                @endif
                            @endif
                        </div>

                        <p class="mb-0">
                            {{ $comment->content }}
                        </p>
                    </div>
                @empty
                    <div class="text-center py-5">
                        <i class="far fa-comment-dots fa-3x text-muted mb-3"></i>
                        <h5>هنوز کامنتی ثبت نکرده‌اید.</h5>
                        <p class="text-muted mb-0">
                            بعد از ثبت نظر برای تورها یا پروازها، کامنت‌هایتان در این بخش نمایش داده می‌شوند.
                        </p>
                    </div>
                @endforelse

                @if ($comments->hasPages())
                    <div class="mt-4 d-flex justify-content-center">
                        {{ $comments->links() }}
                    </div>
                @endif
            </div>
        </div>

    </div>
@endsection