@extends('layouts.public')

@section('content')
    <div class="text-center py-8">
        <div class="inline-flex items-center justify-center w-20 h-20 bg-green-100 rounded-full mb-6">
            <svg class="w-10 h-10 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path>
            </svg>
        </div>

        <h2 class="text-3xl font-extrabold text-gray-900 mb-4">Signed in!</h2>
        <p class="text-gray-600 mb-12">Thank you, your attendance has been recorded for today.</p>

        <a href="{{ route('check-in.public', ['club' => $club->id, 'venue' => $venue->id, 'hash' => request()->hash]) }}" class="inline-flex items-center justify-center w-full py-5 px-6 border border-transparent rounded-2xl shadow-md text-xl font-bold text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none transition-all duration-200">
            Next student
            <svg class="ml-3 -mr-1 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
            </svg>
        </a>
    </div>
@endsection