@extends('adminlte::page')

@section('title', 'Correos pendientes')

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

@section('content')
    <div class="container mt-4">
        <h2 class="mb-4">Correos pendientes de {{ $service->service_name }}</h2>

        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>Nombre de contacto</th>
                    <th>Nombre de la empresa</th>
                    <th>Correo de contacto</th>
                    <th>Numero de contacto</th>
                    <th colspan="2">Mensaje</th>
                    <th>Estado</th>
                    <th>Fecha de creación</th>
                    <th> * </th>
                </tr>
            </thead>
            <tbody>
                @foreach ($service->mails as $mail)
                    <tr>
                        <td>{{ $mail->contact_name }}</td>
                        <td>{{ $mail->bisness_name }}</td>
                        <td>{{ $mail->email }}</td>
                        <td>{{ $mail->phone_number }}</td>
                        <td colspan="2">{{ $mail->contact_message }}</td>
                        <td>{{ $mail->status }}</td>
                        <td>{{ $mail->created_at->format('d-m-Y') }}</td>
                        <td>
                            @if ($mail->status != 'Enviado' || $mail->status != 'Cancelado')
                                <a href="" class="btn btn-success send-mail" data-mail-id="{{ $mail->id }}"><i
                                        class="bi bi-check2-circle"></i>
                                </a>
                                <form action="{{ Route('sendServiceMail') }}" method="POST"
                                    id="sendMailForm_{{ $mail->id }}">
                                    @csrf
                                    <input type="hidden" name="mailId" value="{{ $mail->id }}">
                                </form>
                                <a href="" class="btn btn-danger cancel-mail" data-mail-id="{{ $mail->id }}"><i
                                        class="bi bi-x"></i>
                                </a>
                                <form action="{{ Route('cancelServiceMail') }}" method="POST"
                                    id="cancelMailForm_{{ $mail->id }}">
                                    @csrf
                                    <input type="hidden" name="mailId" value="{{ $mail->id }}">
                                </form>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection

@section('js')
    @vite('resources/js/services/sendServiceMail.js')
@endsection