@extends('layouts.theme_selector')

@section('content')
  <div class="container-fluid">
    <div class="row justify-content-center">
      <div class="col-md-12">
        <div class="card {{ session('theme_card') }}">

          <div class="card-header">
            <a href="{{ url()->previous() }}" class="text-decoration-none text-primary mr-2">
              <i class="bi bi-caret-left"></i>
            </a>
            Comunicaciones
          </div>

          <div class="card-body {{ session('theme_bg_black') }}">
            <div class="col">
              <p>Vía Email</p>
              <table class="table table-sm {{ session('theme_table') }}">
                <caption>Lista de Templates ACTIVOS para EMAIL</caption>
                <thead class="text-center table-primary">
                  <th>ID</th>
                  <th>Descripción</th>
                  <th>Título en Mail</th>
                  <th>Último enviado</th>
                  <th>Acciones</th>
                </thead>
                <tbody>
                  @foreach ($mails as $template)
                    <tr class="text-center">
                      <td>{{ $template->id }}</td>
                      <td>{{ $template->descripcion }}</td>
                      <td>{{ $template->titulo }}</td>
                      <td>{{ $template->ultimo_enviado ?? 'No se pudo encontrar' }}</td>
                      <td>
                        <a class="btn btn-outline-danger btn-sm" target="_blank" href="{{ Route('Template', ['proceso_id' => $template->proceso_id]) }}">Vista previa</a>
                        <a class="btn btn-outline-primary btn-sm" href="{{ Route('DescargarTemplate', ['proceso_id' => $template->proceso_id]) }}">Descargar</a>
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>

            <br>
            <hr>
            <br>

            <div class="col-8 mx-auto">
              <p>Vía SMS</p>
              <table class="table table-sm {{ session('theme_table') }}">
                <caption>Lista de Templates ACTIVOS para SMS</caption>
                <thead class="text-center table-primary">
                  <th>ID</th>
                  <th>Descripción</th>
                  <th>Último enviado</th>
                  <th>Acciones</th>
                </thead>
                <tbody>
                  @foreach ($sms as $template)
                    <tr class="text-center">
                      <td>{{ $template->id }}</td>
                      <td>{{ $template->descripcion }}</td>
                      <td>{{ $template->ultimo_enviado }}</td>
                      <td>
                        <a class="btn btn-outline-danger btn-sm" target="_blank" href="{{ route('Template', ['proceso_id' => $template->proceso_id]) }}">Vista previa</a>
                        <a class="btn btn-outline-primary btn-sm" href="#">Descargar</a>
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
@endsection