@extends('layouts.app')

@section('content')

    <div class="theme-page-section theme-page-section-lg">
        <div class="container">

            <div class="row">

                {{-- Sidebar --}}
                <div class="col-md-3">

                    <div class="theme-account-sidebar">

                        <div class="theme-account-sidebar-header">

                            <div class="theme-account-sidebar-user">

                                <div class="theme-account-sidebar-user-icon">
                                    <i class="fa fa-user-circle-o"></i>
                                </div>

                                <div class="theme-account-sidebar-user-name">
                                    {{getUserFullName()}}
                                 </div>

                                <div class="theme-account-sidebar-user-email">
                                    {{ auth()->user()->email }}
                                </div>

                            </div>

                        </div>

                        <ul class="theme-account-sidebar-menu">

                            <li>
                                <a href="{{ route('users.profile.edit') }}">
                                    <i class="fa fa-user"></i>
                                    پروفایل من
                                </a>
                            </li>

                            <li>
                                <a href="{{ route('users.favorite.index') }}">
                                    <i class="fa fa-heart"></i>
                                    علاقه‌مندی‌ها
                                </a>
                            </li>

                            <li class="active">
                                <a href="{{ route('users.comments.index') }}">
                                    <i class="fa fa-comments"></i>
                                    نظرات من
                                </a>
                            </li>

                            <li>
                                <form
                                    action="{{ route('auth.logout.index') }}"
                                    method="POST"
                                >
                                    @csrf

                                    <button type="submit">
                                        <i class="fa fa-sign-out"></i>
                                        خروج
                                    </button>
                                </form>
                            </li>

                        </ul>

                    </div>

                </div>


                {{-- Content --}}
                <div class="col-md-9">

                    <div class="theme-account">

                        <div class="theme-account-header">

                            <h1 class="theme-account-title">
                                نظرات من
                            </h1>

                            <p class="theme-account-subtitle">
                                فهرست نظراتی که ثبت کرده‌اید
                            </p>

                        </div>


                        @if($comments->count())

                            <div class="theme-account-box">

                                @foreach($comments as $comment)

                                    <div class="theme-account-box-row">

                                        <div class="row">

                                            <div class="col-md-8">

                                                @if($comment->tour)
                                                    <h4>
                                                        {{ $comment->tour->title }}
                                                    </h4>
                                                @endif

                                                <p>
                                                    {{ $comment->body }}
                                                </p>

                                            </div>

                                            <div class="col-md-4 text-left">

                                                @if(isset($comment->status))

                                                    @if($comment->status == 1)
                                                        <span class="label label-success">
                                                            تأیید شده
                                                        </span>
                                                    @elseif($comment->status == 0)
                                                        <span class="label label-warning">
                                                            در انتظار تأیید
                                                        </span>
                                                    @else
                                                        <span class="label label-danger">
                                                            رد شده
                                                        </span>
                                                    @endif

                                                @endif

                                                <div class="text-muted">
                                                    {{ $comment->created_at?->format('Y/m/d') }}
                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                    @if(!$loop->last)
                                        <hr>
                                    @endif

                                @endforeach

                            </div>

                            <div class="text-center">
                                {{ $comments->links() }}
                            </div>

                        @else

                            <div class="theme-account-box text-center">

                                <div class="theme-account-box-icon">
                                    <i class="fa fa-comments-o"></i>
                                </div>

                                <h3>
                                    هنوز نظری ثبت نکرده‌اید
                                </h3>

                                <p>
                                    نظرات شما درباره تورها در این قسمت نمایش داده می‌شود.
                                </p>

                                <a
                                    href="{{ route('index') }}"
                                    class="btn btn-primary"
                                >
                                    مشاهده تورها
                                </a>

                            </div>

                        @endif

                    </div>

                </div>

            </div>

        </div>
    </div>

@endsection