@php
    /** @var \Illuminate\Support\Collection<int, \App\Models\Backend\ContentForm> $forms */
    $site = $siteSlug ?? request()->segment(1);
@endphp

@once
<style>
.cf-card{display:flex;flex-direction:column;height:100%}
.cf-card h3{font-weight:700;color:var(--green);font-size:1rem;margin-bottom:.4rem}
.cf-card p{font-size:.82rem;color:var(--bs-secondary-color);flex-grow:1}
.cf-badge{display:inline-block;font-size:.68rem;font-weight:700;padding:.15rem .55rem;border-radius:99px;background:var(--fade);color:var(--teal);margin-bottom:.5rem}
</style>
@endonce

@if ($forms->isEmpty())
    <div class="card-soft p-4 text-center">
        <p class="mb-0 text-body-secondary">Tiada borang dibuka pada masa ini.</p>
    </div>
@else
    <div class="row g-3">
        @foreach ($forms as $form)
            <div class="col-md-6">
                <div class="card-soft p-3 cf-card">
                    <span class="cf-badge">{{ strtoupper(\Illuminate\Support\Facades\DB::table('ref')->where('cat', 'FORM_TYPE')->where('code', $form->form_type)->value('descr') ?? $form->form_type) }}</span>
                    <h3>{{ $form->title() }}</h3>
                    <p>{{ $form->translation()?->form_translation_desc ?? $form->form_desc }}</p>

                    @if (filled($form->form_external_url))
                        <a href="{{ $form->form_external_url }}" target="_blank" rel="noopener" class="btn btn-teal btn-sm align-self-start">
                            Buka Sistem
                        </a>
                    @else
                        <a href="{{ url($site.'/'.$form->form_slug) }}" class="btn btn-teal btn-sm align-self-start">
                            Isi Borang
                        </a>
                    @endif
                </div>
            </div>
        @endforeach
    </div>
@endif