@extends('layouts.app')

@section('body-class','welcome-page')

@section('title', config('app.name', 'ppdb'))

@section('content')
    <div class="container py-5">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-8">
                <div class="card border-0 shadow-lg">
                    <div class="row g-0">
                        <div class="col-lg-6 p-5 d-flex align-items-center justify-content-center">
                            <div class="text-center">
                                <h1 class="display-5 fw-bold mb-4">Penerimaan Peserta Didik Baru</h1>
                                <p class="lead mb-4">SDN Bareng 3 Malang</p>
                                <p class="text-muted mb-4">Sistem pendaftaran online peserta didik baru yang mudah dan cepat</p>
                                <a href="{{ route('login') }}" class="btn btn-lg" style="background-color: #0d9488; color: white;">
                                    <i class="bi bi-box-arrow-in-right me-2"></i>Mulai Pendaftaran
                                </a>
                            </div>
                        </div>
                        <div class="col-lg-6 p-5" style="background: linear-gradient(135deg, #4f46e5, #14b8a6); color: white; border-radius: 0 0.5rem 0.5rem 0;">
                            <div class="h-100 d-flex align-items-center">
                                <div>
                                    <h2 class="h4 mb-3">
                                        <i class="bi bi-info-circle me-2"></i><span class="bg-warning text-dark px-2 py-1 rounded">Informasi Penting</span>
                                    </h2>
                                    <ul class="list-unstyled">
                                        <li class="mb-3">
                                            <i class="bi bi-check-circle me-2"></i>
                                            <strong>Pendaftaran Mudah</strong> - Proses pendaftaran yang sederhana dan cepat
                                        </li>
                                        <li class="mb-3">
                                            <i class="bi bi-check-circle me-2"></i>
                                            <strong>Aman & Terpercaya</strong> - Data Anda dilindungi dengan enkripsi
                                        </li>
                                        <li class="mb-3">
                                            <i class="bi bi-check-circle me-2"></i>
                                            <strong>Support 24/7</strong> - Tim support siap membantu Anda
                                        </li>
                                        <li>
                                            <i class="bi bi-check-circle me-2"></i>
                                            <strong>Konfirmasi Real-time</strong> - Status pendaftaran dapat dipantau
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    @push('content')
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                const footer = document.querySelector('footer');
                if (footer) {
                    footer.style.display = 'none';
                }
            });
        </script>
    @endpush
@endsection