@extends('layouts.admin.app')

@section('content')
    <!-- Main content -->
    <section class="content">

        <main>
          <!--MDB -->
          <!--Title-->
          <h3 class="text-center font-up font-bold pink-text pb-2"><strong>Mensagens enviadas pelo contato</strong></h3>
            <!--MDB -->
        </main>
          <table id="dtBasicExample" class="table table-striped table-bordered dataTables" cellspacing="0" width="100%">
              <thead>
                <tr>
                  <th scope="col" class="col-lg-1">ID (ordem)</th>
                  <th scope="col" class="col-lg-1">Enviada em</th>
                  <th scope="col" class="col-lg-2">Contato</th>
                  <th scope="col" class="col-lg-2">Título</th>
                  <th scope="col" class="col-lg-5">Conteúdo</th>
                  <th scope="col" class="col-lg-1">Lida</th>
                  <th scope="col" class="col-lg-1"></th>
                </tr>
              </thead>
              <tbody>
                @foreach($messages as $message)
                  @php
                    $dt = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $message->updated_at);
                  @endphp
                  <tr>
                    <th scope="row"><a href="{{ route('admin.mensagem.show', $message->id) }}">{{ $message->id }}</a></th>
                    <td>{{ $dt->format('d-m-Y H:m') }}</td>
                    <td>{{ $message->name }}</td>
                    <td>{{ $message->subject }}</td>
                    <td>{{ $message->message }}</td>
                    <td class="text-center">@if($message->read === 1) <i class="fas fa-thumbs-up text-success"></i> <a href="{{ route('admin.mensagem.show', $message->id) }}"><i class="far fa-eye"></i></a> @else <i class="fas fa-thumbs-down text-danger"></i> <a href="{{ route('admin.mensagem.show', $message->id) }}"><i class="fab fa-readme"></i> </a> @endif</td>
                    <td class="text-center">
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>

    </section>
    <!-- /.content -->
@endsection
@section('js')
@endsection