@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">{!! __('message.opinion.title') !!}</div>

                <div class="card-body">
                    @if(Session::has('success_message'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        {!! Session::get('success_message') !!}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                    @endif
                    @if(Session::has('error_message'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        {!! Session::get('error_message') !!}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                    @endif

                    @if (isset($messages['query']))
                        @foreach ($messages['query'] as $message)
                            <div class="message my-3">
                                <div>
                                    {!! __('welcome.opinion.box.writer') !!} {{ $message->name }}
                                </div>
                                <div>
                                    {!! __('welcome.opinion.box.text') !!} {{ $message->text }}
                                </div>
                                <div>
                                    {!! __('welcome.opinion.box.date') !!} {{ $message->created_at }}
                                </div>
                            </div>
                        @endforeach
                    @else
                            <div class="text-center">{!! __('message.empty.messages') !!}</div>
                    @endif

                    @if (isset($messages['query']))
                        <div class="row paginate">
                            <div class="col d-flex justify-content-start">
                                @if ($messages['prev_page'] >= 1)
                                    <a class="btn btn-primary" href="{{ route('message.index', ['locale' => app()->getLocale(), 'current_page' => $messages['prev_page']]) }}">{!! __('button.prev') !!}</a>
                                @endif
                            </div>
                            <div class="col d-flex justify-content-center">
                                {{ $messages['current_page'].'/'.$messages['max_page'] }}
                            </div>
                            <div class="col d-flex justify-content-end">
                                @if ($messages['next_page'] <= $messages['max_page'])
                                    <a class="btn btn-primary" href="{{ route('message.index', ['locale' => app()->getLocale(), 'current_page' => $messages['next_page']]) }}">{!! __('button.next') !!}</a>
                                @endif
                            </div>
                        </div>
                    @endif
                    
                    <div class="d-flex justify-content-center mt-4">
                        <a class="btn btn-primary" href="{{ route('user.message.create', ['locale' => app()->getLocale(), 'type' => 'opinion']) }}">{!! __('link.opinion.create') !!}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection