@extends('layouts.app', ['mainClass' => 'message inbox'])
@section('content')

<div class="subheader">
	<h3 class="title">{{ __('messages.inbox') }}</h3>
	<small class="subtitle">{{ __('messages.manage_inbox') }}</small>
</div>

@include('partials._alert')

<div class="panel">

	<div class="panel-heading">

		<div class="heading-title">{{ __('messages.visualize') }}</div>

	</div>

	<div class="panel-body">

		<div class="table-area">

			@include('partials._message-filters')

			@if (!empty($messages) && count($messages) > 0)

				<div class="table-responsive">
					<table class="table table-striped table-actions table-ordered">
						<thead>
							<tr>
								<th data-column="id">{{ __('messages.id') }}</th>
								<th data-column="subject">{{ __('messages.subject') }}</th>
								<th data-column="from_user_name">{{ __('messages.author_msg') }}</th>
								<th data-column="sended_at">{{ __('messages.sent_date') }}</th>
								<th>{{ __('messages.actions') }}</th>
							</tr>
						</thead>

						<tbody>
							@foreach ($messages as $m)
								@if(!$m->removed_at)
									<tr class="{{ !$m->readed_at ? 'to_read' : ''}}">
										<td>{{ $m->id }}</td>
										<td>{{ $m->subject }}</td>
										<td>{{ $m->from_user_name ?? '-' }}</td>
										<td>{{ $m->sended_at ? convertDate($m->sended_at) : '-' }}</td>
										<td>
											<a href="{{ url('messages/' . $m->id . '/read') }}" class="btn btn-light btn-sm btn-show" title="{{ __('messages.visualize') }}"><i class="fa fa-search"></i></a>
											<a href="{{ url('messages/inbox/remove') }}" data-id="{{ $m->id }}" class="btn btn-danger btn-sm btn-remove-message" title="{{ __('messages.remove') }}"><i class="fa fa-trash"></i></a>
										</td>
									</tr>
								@endif
							@endforeach
						</tbody>
					</table>
				</div>

				<div class="pagination-wrapper mt15">{{ $messages->appends(Request::except('page'))->links() }}</div>

			@else
				@include('partials._empty-info', ['button' => __("messages.new_msg") ])
			@endif
		</div>
	</div>
</div>
@endsection