@extends('aulavirtual.layout.master')

@section('title', 'Educa Auge - Accede a los mejores cursos online para docentes')
@section('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/aulavirtual/soporte.css') }}" />
@endsection
@section('content')
    <main class="page-main">

        <!-- CONTENEDOR -->
        <div class="uk-container uk-margin-large-top">

            <!-- GRID PRINCIPAL -->
            <div class="uk-grid-large" uk-grid>
                <!-- IZQUIERDA: IMAGEN -->
                <div class="uk-width-1-2@m">
                    <div class="box-img">
                        <img src="{{ asset('assets/img/aulavirtual/soporte.png') }}" alt="Soporte Técnico Grupo AUGE">
                    </div>
                </div>

                <!-- DERECHA: TARJETA DE CONSULTA -->
                <div class="uk-width-1-2@m">
                    <div class="box-help">
                        <h3 class="help-title">Si tienes alguna consulta</h3>
                        <p class="help-subtitle">Haz clic en el botón para iniciar conversación:</p>

                        <!-- Botón WhatsApp -->
                        <a class="btn-wa"
                            href="https://wa.me/51957668571?text={{ urlencode('Hola, necesito soporte técnico sobre el curso: ' . $curso->titulo) }}"
                            target="_blank" rel="noopener">
                            <img src="{{ asset('assets/img/aulavirtual/whatsapp.png') }}" alt="">
                        </a>

                        <div class="help-or">O escríbanos a:</div>

                        <!-- Botón Email -->
                        <div class="btn-mail">
                            informes@educaauge.com
                        </div>
                    </div>
                </div>
            </div>

            <!-- BOTÓN COMPLETADO -->
            <div class="uk-text-center uk-margin-large-top">
                <a href="{{ url('detallecurso/' . $curso->titulo_rewrite) }}" class="btn-completado">
                    Volver a mis cursos
                </a>
            </div>
        </div>



    </main>
@endsection