@extends('adminlte::page')

@section('title', 'Notificaciones')

@section('content_header')
    <h1>Dashboard</h1>
@endsection

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Notificaciones</h3>
                </div>
                <div class="d-flex justify-content-between col-sm mt-3 px-4">
                    <a href="{{ Route('createNotification') }}" class="btn btn-success px-4 validateIfExist">
                        Programar nueva notificación
                    </a>
                </div>
                <div class="card-body">
                    <div class="">
                        <table class="table table-bordered table-hover" id="productsTable">
                            <thead>
                                <tr>
                                    <th>Imagen</th>
                                    <th>Mensaje</th>
                                    <th>Enviado a</th>
                                    <th> * </th>
                                    <th>Enviado</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($notifications as $noti)
                                    <tr class="row-loading">
                                        <td class="text-center">
                                            <img src="{{ Asset('uploads/notifications/' . $noti->banner_image) }}"
                                                class="img-fluid rounded align-middle border" alt="Sin imagen"
                                                width="50%" height="50%">
                                        </td>
                                        <td>{{ $noti->message }}</td>
                                        <td>
                                            @foreach ($noti->send_to as $item)
                                                -{{ $item }}
                                            @endforeach
                                        </td>
                                        <td></td>
                                        {{--<td>
                                            @foreach ($noti->send_to as $userId)
                                                @php
                                                    $user = \App\Models\Iam_user::where('email', $userId)->first();
                                                @endphp
                                                <p>{{ $user->name }} - {{ $user->email }}</p>
                                            @endforeach
                                        </td>--}}
                                        <td>
                                            @if ($noti->expired)
                                                <i class="bi bi-check"></i>
                                            @endif
                                        </td>
                                        <td>
                                            <div class="dropdown" data-bs-display="static">
                                                <button class="btn btn-outline-secondary btn-sm dropdown-toggle"
                                                    type="button" data-bs-toggle="dropdown">
                                                    <i class="bi bi-gear"></i>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-end">
                                                    <li>
                                                        <p class="mt-1 dropdown-item">Creado:
                                                            {{ $noti->updated_at }}</p>
                                                    </li>
                                                    <li>
                                                        <hr class="dropdown-divider">
                                                    </li>
                                                    <li><a class="dropdown-item text-danger" href="#"
                                                            data-product-id="{{ $noti->id }}"
                                                            data-product-name="{{ $noti->display_name }}"><i
                                                                class="bi bi-trash me-1"></i> Eliminar</a></li>
                                                    <form id="dropProduct_{{ $noti->id }}"
                                                        action="{{ route('dropVendorProduct') }}" method="POST">
                                                        @csrf
                                                        @method('DELETE')
                                                        <input type="hidden" name="idProduct" value="{{ $noti->id }}">
                                                    </form>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td class="bg-secondary" colspan="7" align="center">Sin notificaciones
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection