@extends('layouts.template')

@section('title', 'Terima Kasih')

@section('content')
<div class="py-5">
  <div class="row justify-content-center">
    <div class="col-lg-6 col-md-8">
      <div class="card border-0 shadow-sm">
        <div class="card-body text-center p-5">
          <div class="rounded-circle bg-label-success d-inline-flex align-items-center justify-content-center mb-3" style="width: 72px; height: 72px;">
            <svg viewBox="0 0 24 24" width="32" height="32" role="img" aria-hidden="true">
              <path fill="currentColor" d="M12 2a10 10 0 1010 10A10.011 10.011 0 0012 2zm4.3 8.38l-5.07 5.08a1 1 0 01-1.42 0l-2.09-2.09a1 1 0 111.42-1.41l1.38 1.38 4.36-4.37a1 1 0 111.42 1.41z"/>
            </svg>
          </div>
          <h3 class="fw-semibold mb-2">Terima kasih sudah mengisi halaman ini</h3>
          <p class="text-muted mb-4">
            @if (session('success'))
              {{ session('success') }}
            @else
              Jawaban Anda sudah kami terima dan akan dipergunakan untuk pengembangan layanan terbaik.
            @endif
          </p>
          <a href="{{ route('soal.index') }}" class="btn btn-primary">
            Kembali ke daftar kuesioner
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection