@extends('layouts.dashboard_layout')

@section('title', 'Campañas')

@section('content')
<div class="container-fluid container-column d-flex justify-content-between align-items-center">
    <div class="d-flex justify-content-start ms-auto">
        <div class="@if (Auth::user()->roles->first()->nombre=='Usuario') d-none @endif">
            <button id="enviarCampaña" class="button-crear"><i class="fas fa-paper-plane"></i> Enviar Campaña</button>
        </div>
    </div>       
</div>

<div class="container-fluid p-3 table-acta">
    <label class="text-align">Campaña</label>
    <div class="table-responsive">
        <table id="actaTable" class="table">
            <thead>
                <tr id="text-table">
                    <th>#</th>
                    <th>Nombre</th>
                    <th>Enviado por</th>
                    <th>Estado</th>
                    <th></th>
                </tr>
            </thead>
            <tbody id="myTable">
                @foreach ($campana as $item)
                <tr id="">
                    <td>{{$item?->id ?? ''}}</td>
                    <td>{{$item->asunto}}</td>
                    <td>{{$item?->enviado?->nombre ?? ''}}</td>
                    <td>{{$item?->estado ?? ''}}</td>
                    <td class="icon-edit">
                        <div class="icon-box">
                            <a href="#" class="listado"  data-id="{{ $item?->id ?? 0 }}">
                                <i class="far fa-eye"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>       
    @include('dashboard.campana.modals.modal')
</div>
@endsection

@section('scripts')
@include('partials.scripts')
    <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
    <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script src="{{ asset('js/contactos/modals.js') }}"></script>
@endsection