@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-birthday-cake m-2"></i> Aniversariantes do Dia <span
                            class="badge bg-success ml-1">{{ $birthdaysCount }}</span></div>
                </div>
                <div class="col-lg-6">
                    <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 active">Aniversariantes do Dia</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <div class="content">
        <div class="row">
            <div class="card-body">
                <div class="col-md-12">
                    <div class="tab-content" id="myTabContent">

                        <div class="card">
                            <div class="card-header">
                                <h4 class="mb-3">
                                    Lista de Aniversariantes
                                    <span class="badge bg-success ml-1"></span>
                                </h4>
                            </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>Cliente</th>
                                            <th></th>
                                            <th style="width:3%; vertical-align: middle;"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($birthdays as $birthday)
                                            <tr>
                                                <td style="vertical-align: middle;">{{ $birthday->id }}</td>
                                                <td style="vertical-align: middle; text-transform:uppercase;">
                                                    <b>{{ $birthday->name }}</b>
                                                </td>
                                                <td style="vertical-align: middle;">
                                                    @if (!empty($birthday->cell_phone))
                                                        @if ($birthday->account->political_office == 1)
                                                            @php $political_office_name =  "Vereador "; @endphp
                                                        @elseif ($birthday->account->political_office == 2)
                                                            @php $political_office_name =  "Prefeito "; @endphp
                                                        @elseif ($birthday->account->political_office == 3)
                                                            @php $political_office_name =  "Deputado Estadual "; @endphp
                                                        @elseif ($birthday->account->political_office == 4)
                                                            @php $political_office_name =  "Governador "; @endphp
                                                        @elseif ($birthday->account->political_office == 5)
                                                            @php $political_office_name = "Deputado Federal "; @endphp
                                                        @elseif ($birthday->account->political_office == 6)
                                                            @php $political_office_name =  "Senador "; @endphp
                                                        @elseif ($birthday->account->political_office == 7)
                                                            @php $political_office_name =  "Outro "; @endphp
                                                        @endif
                                                        @php
                                                            $client_name = $birthday->name;
                                                            $account_name = $birthday->account->fantasy_name;
                                                            $mensagem = $birthday->account->birthday_message;

                                                            $whatsapp_feedback = str_replace(
                                                                [
                                                                    '{{ $client_name }}',
                                                                    '{{ $political_office_name }}',
                                                                    '{{ $account_name }}',
                                                                ],
                                                                [$client_name, $political_office_name, $account_name],
                                                                $mensagem,
                                                            );
                                                        @endphp
                                                    @endif

                                                    <a href="https://web.whatsapp.com/send?phone=55{{ preg_replace('/[^0-9]/', '', $birthday->cell_phone) }}&text={{ urlencode($whatsapp_feedback) }}"
                                                        title="Enviar Mensagem de Aniversário"
                                                        class="btn btn-sm btn-success btn-flat" target="_blank">
                                                        <i class="bi bi-whatsapp"></i> Enviar Mensagem de Aniversário
                                                    </a>

                                                </td>

                                                <td class="align-middle">
                                                    <a href="{{ route('crm.clients.edit', $birthday->id) }}?client"
                                                        class="btn btn-primary btn-md btn-block my-1" title="Editar">
                                                        <i class="far fa-edit"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>

                                </table>

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

                    </div><!-- /.container-fluid -->
                </div>
                <!-- /.content -->

            </div>
        </div>
    </div>


    <!-- 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('.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 ENVIAR PARA A LIXEIRA o cliente: " + clientName +
                            "?",
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Sim, enviar para a lixeira!',
                        cancelButtonText: 'Cancelar'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            form.submit();
                        }
                    });
                });
            });
        });
    </script>
@endsection