@extends('layouts.portal')
@section('title', 'Website content')
@section('subtitle', 'Blog articles, events, gallery photos, testimonials and FAQs shown on the public website.')

@php
  $tabs = [
    'articles' => ['Articles', 'file-text', $articles->count(), route('articles.index')],
    'events' => ['Events', 'calendar', $events->count(), route('events.index')],
    'gallery' => ['Gallery', 'image', $gallery->count(), route('gallery')],
    'testimonials' => ['Testimonials', 'quote', $testimonials->count(), route('home')],
    'faqs' => ['FAQs', 'help', $faqs->count(), route('faq')],
  ];
  $liveUrl = $tabs[$tab][3];
@endphp

@section('actions')
  <a class="btn btn-secondary btn-sm" href="{{ $liveUrl }}" target="_blank" rel="noopener"><x-icon name="external-link" :size="16"/> View live {{ strtolower($tabs[$tab][0]) }}</a>
@endsection

@section('content')
<nav class="tabs" aria-label="Content type">
  @foreach($tabs as $key => [$label, $icon, $count])
    <a href="{{ route('admin.content.index', ['tab' => $key]) }}" class="{{ $tab === $key ? 'active' : '' }}" @if($tab === $key) aria-current="page" @endif><x-icon :name="$icon" :size="16"/> {{ $label }} <span class="b2-count">{{ $count }}</span></a>
  @endforeach
</nav>

@include('admin.content._'.$tab)
@endsection

@push('scripts')
<script src="{{ asset_v('assets/js/admin-b2.js') }}" defer nonce="{{ csp_nonce() }}"></script>
<script src="{{ asset_v('assets/js/admin-content.js') }}" defer nonce="{{ csp_nonce() }}"></script>
@endpush