@extends('admin.layouts.index-template', [
    'pageTitle' => 'Consultas de Contacto',
    'items' => $contacts,
    'icon' => 'mail',
    'module' => 'Contactos',
    'createRoute' => null,
    'indexRoute' => route('admin.contacts.index'),
    'searchPlaceholder' => 'Buscar por nombre, email o asunto...',
    'emptyIcon' => 'envelope',
    'emptyTitle' => 'No hay consultas',
    'emptyMessage' => 'Cuando los clientes envíen consultas por el formulario de contacto, aparecerán aquí',
    'stats' => [
        'all' => [
            'label' => 'Total',
            'count' => $contacts->total(),
            'color' => 'primary',
            'icon' => 'mail'
        ],
        'today' => [
            'label' => 'Hoy',
            'count' => \App\Models\ContactInquiry::whereDate('created_at', today())->count(),
            'color' => 'success',
            'icon' => 'calendar-event'
        ],
        'this_week' => [
            'label' => 'Esta Semana',
            'count' => \App\Models\ContactInquiry::whereBetween('created_at', [now()->startOfWeek(), now()->endOfWeek()])->count(),
            'color' => 'info',
            'icon' => 'calendar'
        ],
        'this_month' => [
            'label' => 'Este Mes',
            'count' => \App\Models\ContactInquiry::whereMonth('created_at', now()->month)->whereYear('created_at', now()->year)->count(),
            'color' => 'warning',
            'icon' => 'calendar-2'
        ]
    ]
])

@push('css')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endpush

@section('action-buttons')
    <a href="{{ route('admin.contacts.export') }}" class="btn btn-success btn-sm me-2" title="Exportar a Excel">
        <i class="ri-file-excel-line"></i> Exportar a Excel
    </a>
@endsection

@section('table-headers')
    <tr>
        <th width="50">ID</th>
        <th>Nombre</th>
        <th>Correo</th>
        <th width="120">Teléfono</th>
        <th>Asunto</th>
        <th>Mensaje</th>
        <th width="90">Fecha</th>
        <th width="100">Acciones</th>
    </tr>
@endsection

@section('table-body')
    @foreach($contacts as $contact)
    <tr>
        <td>{{ $contact->id }}</td>
        <td>
            <strong>{{ $contact->name }}</strong>
        </td>
        <td>
            <a href="mailto:{{ $contact->email }}" class="text-primary">
                {{ $contact->email }}
            </a>
        </td>
        <td>
            @if($contact->phone)
                <a href="https://wa.me/{{ preg_replace('/[^0-9]/', '', $contact->phone) }}"
                   target="_blank"
                   class="text-success">
                    <i class="ri-whatsapp-fill"></i> {{ $contact->phone }}
                </a>
            @else
                <span class="text-muted">-</span>
            @endif
        </td>
        <td>
            <span title="{{ $contact->subject }}">
                {{ Str::limit($contact->subject, 30) }}
            </span>
        </td>
        <td>
            <span title="{{ $contact->message }}">
                {{ Str::limit($contact->message, 50) }}
            </span>
        </td>
        <td>
            {{ \Carbon\Carbon::parse($contact->created_at)->format('d/m/Y') }}
            <br><small class="text-muted">{{ \Carbon\Carbon::parse($contact->created_at)->format('H:i') }}</small>
        </td>
        <td>
            <div class="d-flex gap-1">
                <button type="button"
                        onclick="viewContact({{ $contact->id }})"
                        class="btn btn-sm btn-info"
                        title="Ver detalles">
                    <i class="ri-eye-line"></i>
                </button>

                <button type="button"
                        onclick="deleteContact({{ $contact->id }})"
                        class="btn btn-sm btn-danger"
                        title="Eliminar">
                    <i class="ri-delete-bin-line"></i>
                </button>
            </div>
        </td>
    </tr>
    @endforeach
@endsection

@push('js')
<script>
function viewContact(id) {
    // Encontrar el contacto en la lista actual
    var contact = @json($contacts->items());
    var selectedContact = contact.find(c => c.id === id);

    if (selectedContact) {
        Swal.fire({
            title: '<strong>Consulta de Contacto #' + id + '</strong>',
            html: `
                <div style="text-align: left; padding: 15px;">
                    <p><strong>Nombre:</strong> ${selectedContact.name}</p>
                    <p><strong>Email:</strong> <a href="mailto:${selectedContact.email}">${selectedContact.email}</a></p>
                    ${selectedContact.phone ? `<p><strong>Teléfono:</strong> <a href="https://wa.me/${selectedContact.phone.replace(/[^0-9]/g, '')}" target="_blank">${selectedContact.phone}</a></p>` : ''}
                    <p><strong>Asunto:</strong> ${selectedContact.subject}</p>
                    <p><strong>Mensaje:</strong></p>
                    <div style="background: #f8f9fa; padding: 10px; border-radius: 5px; white-space: pre-wrap;">${selectedContact.message}</div>
                    <p style="margin-top: 15px;"><strong>Fecha:</strong> ${new Date(selectedContact.created_at).toLocaleString('es-AR')}</p>
                </div>
            `,
            width: 600,
            confirmButtonText: 'Cerrar',
            confirmButtonColor: '#3085d6'
        });
    }
}

function deleteContact(id) {
    Swal.fire({
        title: '¿Estás seguro?',
        text: "Esta acción no se puede deshacer. Se eliminará la consulta de contacto.",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Sí, eliminar',
        cancelButtonText: 'Cancelar'
    }).then((result) => {
        if (result.isConfirmed) {
            var url = '{{ route("admin.contacts.destroy", "ID") }}';
            var newUrl = url.replace("ID", id);

            $.ajax({
                url: newUrl,
                type: 'DELETE',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    Swal.fire(
                        '¡Eliminado!',
                        'La consulta ha sido eliminada correctamente.',
                        'success'
                    ).then(() => {
                        location.reload();
                    });
                },
                error: function(xhr) {
                    Swal.fire(
                        'Error',
                        'Hubo un error al eliminar la consulta.',
                        'error'
                    );
                }
            });
        }
    });
}
</script>
@endpush