@extends('crm.master.master')

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mt-2">
                <div class="col-lg-6">
                    <div class="page-title"><i class="fas fa-bullhorn m-2"></i> Campanhas de E-mail na Lixeira</div>
                </div>
                <div class="col-lg-6">
                    <ol class="breadcrumb float-sm-right">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('crm.dashboard') }}"
                                    title="Painel de Controle">Painel
                                    de Controle</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('crm.email_campaigns.index') }}"
                                    title="Campanhas">Campanhas</a></li>
                            <li class="breadcrumb-item active">Campanha na Lixeira</li>
                        </ol>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>


    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Lista de Campanhas</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <table id="example1" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th style="width:3%; vertical-align: middle;">ID</th>
                                <th>Assunto</th>
                                <th>Grupo</th>
                                <th style="width:3%; vertical-align: middle;"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($campaigns_trashed as $campaign)
                                <tr>
                                    <td style="vertical-align: middle;">{{ $campaign->id }}</td>
                                    <td style="vertical-align: middle; text-transform:uppercase;">
                                        <b>{{ $campaign->subject }}</b>
                                    </td>
                                    <td style="vertical-align: middle;">
                                        @if ($campaign->group)
                                            <b>{{ $campaign->group->title }}</b><br>
                                            <small>({{ $campaign->group->emails()->count() }} e-mails)</small>
                                        @else
                                            Sem grupo
                                        @endif
                                    </td>

                                    <td class="align-middle">
                                        <form action="{{ route('crm.email_campaigns.restore', $campaign->id) }}"
                                            class="restore-form" method="POST">
                                            @csrf
                                            <button type="button"
                                                class="btn btn-warning btn-md btn-block mt-1 restore-button"
                                                data-client-name="{{ $campaign->subject }}"
                                                title="Restaurar">
                                                <i class="fas fa-trash-restore-alt"></i>
                                            </button>
                                        </form>
                                        <form action="{{ route('crm.email_campaigns.destroy', $campaign->id) }}"
                                            class="delete-form" method="POST">
                                            @csrf
                                            @method('DELETE')
                                            <button type="button"
                                                class="btn btn-danger btn-md btn-block mt-1 delete-button"
                                                data-client-name="{{ $campaign->subject }}"
                                                title="Excluir">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>

                    </table>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->

        </div>
    </section>
    <!-- /.content -->


    <!-- SweetAlert2 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.all.min.js"></script>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('.restore-button').forEach(function(button) {
                button.addEventListener('click', function() {
                    const clientName = this.getAttribute('data-client-name');
                    const form = this.closest('.restore-form');

                    Swal.fire({
                        title: 'Tem certeza?',
                        text: "Você deseja RESTAURAR a campanha: " + clientName +
                            "?",
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Sim, restaurar!',
                        cancelButtonText: 'Cancelar'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            form.submit();
                        }
                    });
                });
            });
        });
    </script>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('.delete-button').forEach(function(button) {
                button.addEventListener('click', function() {
                    const clientName = this.getAttribute('data-client-name');
                    const form = this.closest('.delete-form');

                    Swal.fire({
                        title: 'Tem certeza?',
                        text: "Você deseja EXCLUIR PERMANENTEMENTE a campanha: " +
                            clientName +
                            "?",
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Sim, excluir permanentemente!',
                        cancelButtonText: 'Cancelar'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            form.submit();
                        }
                    });
                });
            });
        });
    </script>
@endsection