@extends('layouts.base')

@push('css')
    <link href="{{ asset('assets/custom/css/frontend/modules/further-education/style.css') }}?v=2" rel="stylesheet">
@endpush
@push('title')
    SecuCircle | Weiterbildung & Events
@endpush
@section('content')

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-custom">
        <div class="container">
            <a class="logo" href="#">
                Secu<span>Circle</span>
            </a>
            <a href="{{ route('login') }}" class="btn btn-primary-custom fw-normal btn-sm p-2">
                <i class="fas fa-sign-in-alt me-2"></i>
                Anmelden
            </a>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero-section">
        <div class="floating-elements">
            <div class="floating-element" style="left: 10%; animation-delay: 0s;"></div>
            <div class="floating-element" style="left: 20%; animation-delay: 1s;"></div>
            <div class="floating-element" style="left: 30%; animation-delay: 2s;"></div>
            <div class="floating-element" style="left: 40%; animation-delay: 3s;"></div>
            <div class="floating-element" style="left: 50%; animation-delay: 4s;"></div>
            <div class="floating-element" style="left: 60%; animation-delay: 5s;"></div>
            <div class="floating-element" style="left: 70%; animation-delay: 6s;"></div>
            <div class="floating-element" style="left: 80%; animation-delay: 7s;"></div>
            <div class="floating-element" style="left: 90%; animation-delay: 8s;"></div>
        </div>
        
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="hero-content">
                        <div class="security-badge">
                            <i class="fas fa-handshake me-2"></i> In Kooperation mit führenden Bildungsanbietern
                        </div>
                        
                        <h1 class="hero-title">
                            <span class="highlight">Weiterbildung & Events</span> für Ihre berufliche Entwicklung
                        </h1>
                        
                        <p class="hero-subtitle">
                            SecuCircle vermittelt Ihnen exklusive Konditionen bei ausgewählten Partnern für 
                            Sicherheitsweiterbildungen, Zertifizierungen und Fachveranstaltungen. 
                            Profitieren Sie von unserem Partnernetzwerk.
                        </p>
                        
                        <div class="partner-notice">
                            <i class="fas fa-info-circle me-2"></i>
                            <strong>Hinweis:</strong> Sie werden zu unseren Partnern weitergeleitet, wo Sie alle 
                            Informationen finden und direkt buchen können.
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="education-animation">
                        <i class="fas fa-shield-alt shield-icon"></i>
                        <i class="fas fa-calendar-alt calendar-icon"></i>
                        <i class="fas fa-users users-icon"></i>
                        <i class="fas fa-graduation-cap graduation-icon"></i>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Partner Section with EC-Council and Global Cyber Conference -->
    <section class="partner-section">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="partner-card">
                        <h2 class="section-title">Unsere Bildungs- & Eventpartner</h2>
                        <p class="section-subtitle">
                            SecuCircle arbeitet mit führenden Anbietern im Bereich Sicherheitsweiterbildung zusammen, 
                            um Ihnen die besten Konditionen zu sichern.
                        </p>
                        
                        <!-- EC-Council Partner Highlight -->
                        <div class="partner-highlight mb-4">
                            <div class="row align-items-center">
                                <div class="col-md-8">
                                    <div class="d-flex align-items-center mb-3">
                                        <img src="https://www.eccouncil.org/wp-content/uploads/2020/07/EC-Council-Logo.png" alt="EC-Council" class="partner-logo me-3" style="height: 40px; object-fit: contain;">
                                        <span class="badge bg-primary">Offizieller Partner</span>
                                    </div>
                                    <h3 class="h4 mb-2">Cyber Security Training in Germany</h3>
                                    <p class="mb-2">
                                        <strong><i class="fas fa-certificate me-2 text-primary"></i>EC-Council Zertifizierungen</strong>
                                    </p>
                                    <p class="mb-md-0">
                                        Als SecuCircle-Mitglied erhalten Sie exklusive Konditionen für alle EC-Council 
                                        Zertifizierungen, einschließlich CEH (Certified Ethical Hacker), CISSP, CISA, CHFI und mehr. 
                                        Profitieren Sie von vergünstigten Preisen für Trainings und Prüfungen in Deutschland.
                                    </p>
                                    <div class="mt-3">
                                        <span class="badge bg-light text-dark me-2 mb-2">CEH</span>
                                        <span class="badge bg-light text-dark me-2 mb-2">CISSP</span>
                                        <span class="badge bg-light text-dark me-2 mb-2">CISA</span>
                                        <span class="badge bg-light text-dark me-2 mb-2">CHFI</span>
                                        <span class="badge bg-light text-dark me-2 mb-2">LPT</span>
                                    </div>
                                </div>
                                <div class="col-md-4 text-md-end">
                                    <a href="https://www.eccouncil.org" target="_blank" class="btn btn-outline-primary mb-2 w-100">
                                        <i class="fas fa-external-link-alt me-2"></i>Zum Partner
                                    </a>
                                    <span class="discount-badge d-inline-block mt-2">
                                        <i class="fas fa-tag me-2"></i>Bis zu 20% Rabatt
                                    </span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Global Cyber Conference Partner Highlight -->
                        <div class="partner-highlight mb-4">
                            <div class="row align-items-center">
                                <div class="col-md-8">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="conference-logo-placeholder me-3">
                                            <i class="fas fa-globe fa-2x text-primary"></i>
                                        </div>
                                        <span class="badge bg-primary">Medienpartner</span>
                                    </div>
                                    <h3 class="h4 mb-2">Cybersecurity Conference 2026</h3>
                                    <p class="mb-2">
                                        <strong><i class="fas fa-calendar-alt me-2 text-primary"></i>Global Cyber Conference</strong>
                                    </p>
                                    <p class="mb-md-0">
                                        Sichern Sie sich exklusive Rabatte für die Global Cyber Conference 2026 – 
                                        das führende Branchentreffen für Cybersecurity-Experten in der DACH-Region. 
                                        Als SecuCircle-Mitglied erhalten Sie vergünstigte Ticketpreise und Zugang zu 
                                        exklusiven Networking-Events mit Branchenführern.
                                    </p>
                                    <div class="mt-3">
                                        <span class="badge bg-light text-dark me-2 mb-2">28.-30. September 2026</span>
                                        <span class="badge bg-light text-dark me-2 mb-2">München</span>
                                        <span class="badge bg-light text-dark me-2 mb-2">Hybrid</span>
                                    </div>
                                </div>
                                <div class="col-md-4 text-md-end">
                                    <a href="https://www.globalcyberconference.com" target="_blank" class="btn btn-outline-primary mb-2 w-100">
                                        <i class="fas fa-external-link-alt me-2"></i>Zur Konferenz
                                    </a>
                                    <span class="discount-badge d-inline-block mt-2">
                                        <i class="fas fa-tag me-2"></i>15% Frühbucher-Rabatt
                                    </span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Additional Partner: SANS Institute -->
                        <div class="partner-highlight mb-4">
                            <div class="row align-items-center">
                                <div class="col-md-8">
                                    <div class="d-flex align-items-center mb-3">
                                        <span class="h4 mb-0 me-3">SANS Institute</span>
                                        <span class="badge bg-primary">Training Partner</span>
                                    </div>
                                    <h3 class="h4 mb-2">SANS Security Training</h3>
                                    <p class="mb-2">
                                        <strong><i class="fas fa-chalkboard-teacher me-2 text-primary"></i>Live-Trainings in Deutschland</strong>
                                    </p>
                                    <p class="mb-md-0">
                                        Exklusive Rabatte auf alle SANS-Trainings und Zertifizierungen in Deutschland. 
                                        Besuchen Sie Kurse wie SEC504, FOR500 oder SEC560 zu vergünstigten Konditionen.
                                    </p>
                                </div>
                                <div class="col-md-4 text-md-end">
                                    <a href="https://www.sans.org" target="_blank" class="btn btn-outline-primary mb-2 w-100">
                                        <i class="fas fa-external-link-alt me-2"></i>Zu SANS
                                    </a>
                                    <span class="discount-badge d-inline-block mt-2">
                                        <i class="fas fa-tag me-2"></i>10% Rabatt
                                    </span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Original Partner Highlight (kept for context) -->
                        <div class="partner-highlight mt-4" style="background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%); color: white;">
                            <div class="row align-items-center">
                                <div class="col-md-8">
                                    <h3 class="h4 mb-3 text-white">Exklusive Konditionen für SecuCircle-Mitglieder</h3>
                                    <p class="mb-md-0 text-white-50">
                                        Als SecuCircle-Mitglied erhalten Sie bei unseren Partnern vergünstigte Preise 
                                        für Seminare, Zertifizierungen und Fachkonferenzen. Melden Sie sich an oder 
                                        loggen Sie sich ein, um Ihre Vorteile zu nutzen.
                                    </p>
                                </div>
                                <div class="col-md-4 text-md-end">
                                    <span class="discount-badge" style="background: rgba(255,255,255,0.2); color: white; border: 1px solid rgba(255,255,255,0.3);">
                                        <i class="fas fa-tag me-2"></i>Bis zu 20% Rabatt
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section class="features-section">
        <div class="container">
            <h2 class="section-title">Bildungsangebote & Veranstaltungen</h2>
            <p class="section-subtitle">
                Entdecken Sie unser vielfältiges Angebot an Weiterbildungen und Events im Sicherheitsbereich
            </p>
            
            <div class="row g-4">
                <div class="col-md-6 col-lg-3">
                    <div class="feature-card">
                        <div class="feature-icon">
                            <i class="fas fa-certificate"></i>
                        </div>
                        <h3 class="feature-title">Zertifizierungen</h3>
                        <p class="feature-description">
                            ISO 27001, TISAX, CEH, CISSP, CISA und weitere anerkannte Sicherheitszertifizierungen.
                        </p>
                    </div>
                </div>
                
                <div class="col-md-6 col-lg-3">
                    <div class="feature-card">
                        <div class="feature-icon">
                            <i class="fas fa-chalkboard"></i>
                        </div>
                        <h3 class="feature-title">Seminare & Workshops</h3>
                        <p class="feature-description">
                            Praxisnahe Schulungen zu aktuellen Sicherheitsthemen und Best Practices.
                        </p>
                    </div>
                </div>
                
                <div class="col-md-6 col-lg-3">
                    <div class="feature-card">
                        <div class="feature-icon">
                            <i class="fas fa-calendar-alt"></i>
                        </div>
                        <h3 class="feature-title">Fachkonferenzen</h3>
                        <p class="feature-description">
                            Global Cyber Conference, IT-SA, und weitere Branchentreffs mit Expertenvorträgen.
                        </p>
                    </div>
                </div>
                
                <div class="col-md-6 col-lg-3">
                    <div class="feature-card">
                        <div class="feature-icon">
                            <i class="fas fa-graduation-cap"></i>
                        </div>
                        <h3 class="feature-title">Online-Kurse</h3>
                        <p class="feature-description">
                            Flexible E-Learning-Formate für ortsunabhängige Weiterbildung.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Upcoming Events Preview -->
    <section class="events-preview-section">
        <div class="container">
            <h2 class="section-title text-white">Aktuelle Veranstaltungen 2026</h2>
            <p class="section-subtitle text-white-50">
                Eine Auswahl unserer Partner-Veranstaltungen – für Details besuchen Sie die Partner-Website
            </p>
            
            <div class="row g-4">
                <div class="col-lg-4">
                    <div class="event-card">
                        <div class="event-date">
                            <span class="day">15</span>
                            <span class="month">JUN</span>
                        </div>
                        <h4 class="event-title">CEH Bootcamp</h4>
                        <p class="event-location"><i class="fas fa-map-marker-alt me-2"></i> Frankfurt / Online</p>
                        <span class="event-badge">EC-Council</span>
                        <span class="event-badge ms-2">Zertifikatskurs</span>
                    </div>
                </div>
                
                <div class="col-lg-4">
                    <div class="event-card">
                        <div class="event-date">
                            <span class="day">28</span>
                            <span class="month">SEP</span>
                        </div>
                        <h4 class="event-title">Global Cyber Conference</h4>
                        <p class="event-location"><i class="fas fa-map-marker-alt me-2"></i> München</p>
                        <span class="event-badge">Hauptkonferenz</span>
                        <span class="event-badge ms-2">Networking</span>
                    </div>
                </div>
                
                <div class="col-lg-4">
                    <div class="event-card">
                        <div class="event-date">
                            <span class="day">05</span>
                            <span class="month">JUL</span>
                        </div>
                        <h4 class="event-title">SANS SEC504</h4>
                        <p class="event-location"><i class="fas fa-map-marker-alt me-2"></i> Berlin / Online</p>
                        <span class="event-badge">SANS Institute</span>
                        <span class="event-badge ms-2">GIAC Zertifizierung</span>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-5">
                <a href="#contact" class="btn btn-outline-light btn-lg me-3">
                    <i class="fas fa-envelope me-2"></i>Information anfordern
                </a>
                <a href="https://www.globalcyberconference.com" target="_blank" class="btn btn-primary-custom btn-lg">
                    Alle Veranstaltungen ansehen <i class="fas fa-arrow-right ms-2"></i>
                </a>
            </div>
        </div>
    </section>

    <!-- How It Works -->
    <section class="how-it-works-section">
        <div class="container">
            <h2 class="section-title">So einfach funktioniert's</h2>
            <p class="section-subtitle">
                Als SecuCircle-Mitglied profitieren Sie von exklusiven Partnerkonditionen
            </p>
            
            <div class="row">
                <div class="col-md-4">
                    <div class="step-card">
                        <div class="step-number">1</div>
                        <h4>Angebot wählen</h4>
                        <p>Stöbern Sie in unserem Partner-Angebot nach passenden Weiterbildungen oder Events</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="step-card">
                        <div class="step-number">2</div>
                        <h4>Weiterleitung zum Partner</h4>
                        <p>Sie werden sicher zu unserem Partner weitergeleitet</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="step-card">
                        <div class="step-number">3</div>
                        <h4>Exklusiv buchen</h4>
                        <p>Buchen Sie direkt mit Ihren SecuCircle-Vorteilskonditionen</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact/Info Request Section -->
    <section class="contact-section" id="contact">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="contact-card">
                        <h2 class="contact-title">Informationen zu Weiterbildungen anfordern</h2>
                        <p class="mb-4">Sie haben Fragen zu bestimmten Kursen oder Veranstaltungen? Wir leiten Ihre Anfrage an den passenden Partner weiter.</p>                        
                        <form id="infoRequestForm" action="{{ route('further-education-event-requests.store') }}" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="text" name="name" class="form-control form-control-custom" placeholder="Ihr Name" required>
                                </div>
                                <div class="col-md-6">
                                    <input type="email" name="email" class="form-control form-control-custom" placeholder="Ihre E-Mail" required>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="email" name="contact_email" class="form-control form-control-custom" placeholder="Kontakt-E-Mail">
                                </div>
                                <div class="col-md-6">
                                    <input type="text" name="company" class="form-control form-control-custom" placeholder="Firmenname">
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-md-12">
                                    <textarea name="message" class="form-control form-control-custom" rows="4" placeholder="Welche Weiterbildung oder Veranstaltung interessiert Sie?"></textarea>
                                </div>
                            </div>                        
                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-primary-custom w-100" id="submitBtn">
                                        <i class="fas fa-paper-plane me-2"></i> Anfrage senden
                                    </button>
                                </div>
                            </div>
                        </form>
                        
                        {{-- <div class="partner-redirect-note mt-4 p-3 bg-light rounded">
                            <i class="fas fa-external-link-alt me-2 text-primary"></i>
                            <strong>Direkt buchen?</strong> 
                            <a href="https://www.eccouncil.org" target="_blank" class="text-primary">EC-Council</a> | 
                            <a href="https://www.globalcyberconference.com" target="_blank" class="text-primary">Global Cyber Conference</a> | 
                            <a href="https://www.sans.org" target="_blank" class="text-primary">SANS Institute</a>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <h4 class="mb-3">SecuCircle</h4>
                    <p class="mb-4">Ihr Netzwerk für Sicherheitsprofessionals – Vermittlung von Weiterbildungen und Events mit exklusiven Partnern.</p>
                    <div class="partner-logos-footer">
                        <span class="me-3 text-white-50">Partner:</span>
                        <i class="fas fa-certificate me-2 text-primary" title="EC-Council"></i>
                        <i class="fas fa-globe me-2 text-primary" title="Global Cyber Conference"></i>
                        <i class="fas fa-shield-alt text-primary" title="SANS Institute"></i>
                    </div>
                </div>
                <div class="col-lg-3">
                    <h5 class="mb-3">Kontakt</h5>
                    <p><i class="fas fa-envelope me-2"></i> weiterbildung@secucircle.de</p>
                    <p><i class="fas fa-phone me-2"></i> 04551 - 8908912</p>
                </div>
                <div class="col-lg-3">
                    <h5 class="mb-3">Folgen Sie uns</h5>
                    <div class="d-flex gap-3">
                        <a href="#" class="text-white"><i class="fab fa-linkedin fa-lg"></i></a>
                        <a href="#" class="text-white"><i class="fab fa-xing fa-lg"></i></a>
                        <a href="#" class="text-white"><i class="fab fa-twitter fa-lg"></i></a>
                    </div>
                </div>
            </div>
            <hr class="my-4" style="border-color: #374151;">
            <div class="text-center">
                <p class="mb-0">&copy; {{ date('Y') }} SecuCircle. Alle Rechte vorbehalten.</p>
            </div>
        </div>
    </footer>
@endsection
@push('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
    <script src="{{ asset('assets/custom/js/frontend/modules/further-education/index.js') }}?v=2"></script>
@endpush