@extends('layouts.cbt')
@section('page-title', 'Bank Soal')
@section('sidebar')@include('components.guru-sidebar')@endsection
@section('content')
<div class="mb-4"><a href="{{ route('guru.banks.create') }}" class="btn-sdn-primary">+ Buat Bank Soal</a></div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
    @foreach($banks as $bank)
    <div class="card-sdn">
        <div class="flex justify-between items-start mb-2">
            <h3 class="font-bold">{{ $bank->title }}</h3>
            @if($bank->is_shared)<span class="text-xs bg-green-100 text-green-700 px-2 py-1 rounded-full font-semibold">Shared</span>@endif
        </div>
        <p class="text-sm text-gray-500">{{ $bank->subject->name }} &bull; Kelas {{ $bank->grade }}</p>
        <p class="text-sm text-gray-500">{{ $bank->questions_count }} soal</p>
        <a href="{{ route('guru.banks.show', $bank) }}" class="btn-sdn-secondary mt-4 inline-block text-sm">Kelola</a>
    </div>
    @endforeach
</div>
{{ $banks->links() }}
@endsection