@extends('layouts.app')

@section('title', 'Terima Kasih - Survey Kepuasan Masyarakat (SKM)')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card card-gov shadow-sm text-center">
                <div class="card-body py-5 px-4">
                    <div class="mb-4">
                        <div class="d-inline-block bg-success bg-opacity-10 rounded-circle p-4">
                            <i class="bi bi-check-circle-fill text-success" style="font-size: 5rem;"></i>
                        </div>
                    </div>
                    <h2 class="card-title mb-3" style="color: #1e3a8a; font-weight: 700;">
                        Terima Kasih Atas Partisipasi Anda!
                    </h2>
                    <p class="card-text lead mb-4" style="color: #495057;">
                        Terima kasih telah meluangkan waktu untuk mengisi Survey Kepuasan Masyarakat (SKM).
                        Pendapat dan masukan Anda sangat berarti bagi kami untuk meningkatkan kualitas pelayanan publik.
                    </p>
                    <div class="alert alert-info border-info border-start border-4 mb-4 text-start">
                        <div class="d-flex">
                            <div class="flex-shrink-0">
                                <i class="bi bi-info-circle fs-4 text-info"></i>
                            </div>
                            <div class="flex-grow-1 ms-3">
                                <h6 class="alert-heading mb-2">Hasil Survey</h6>
                                <p class="mb-0" style="font-size: 0.95rem;">
                                    Data yang Anda berikan akan dianalisis dan digunakan sebagai bahan evaluasi untuk perbaikan pelayanan. 
                                    Kami berkomitmen untuk terus meningkatkan kualitas pelayanan berdasarkan masukan dari masyarakat.
                                </p>
                            </div>
                        </div>
                    </div>
                    <a href="{{ route('public.index') }}" class="btn btn-gov-primary btn-lg px-5">
                        <i class="bi bi-arrow-left me-2"></i> Kembali ke Halaman Utama
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

