@extends('layouts.admin')

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">WhatsApp Group QR Code</h3>
    </div>
    <div class="card-body">
        <!-- Check if WhatsApp group link exists -->
        @if ($academicYear->whatsapp_group_link)
            <div class="text-center mb-4">
                {!! QrCode::size(150)->generate($academicYear->whatsapp_group_link) !!}
            </div>
            <p class="text-center">Scan the QR code to join the WhatsApp group.</p>
            <p class="text-center">
                <span class="text-primary" style="text-decoration: underline">Can't join with QR code?</span>
                <a href="{{ $academicYear->whatsapp_group_link }}" class="btn btn-sm ms-3" style="background:#1F6984;color:aliceblue">
                    Join
                    <i class="fa fa-whatsapp"></i>
                </a>
            </p>
        @else
            <p class="text-center text-danger">No WhatsApp group link available.</p>
        @endif
    </div>
</div>
@endsection