@extends('layouts.admin')

@section('title', $def['plural'])
@section('heading', $def['plural'])

@section('content')
@isset($def['back'])
<p class="back"><a href="{{ $def['back']['url'] }}">&larr; {{ $def['back']['label'] }}</a></p>
@endisset
<header class="rhead">
    <div class="rhead__id">
        <span class="rhead__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-{{ $def['icon'] ?? 'grid' }}"/></svg></span>
        <div>
            <h2>{{ $def['plural'] }}</h2>
            <p><strong>{{ $items->total() }}</strong> {{ $items->total() === 1 ? strtolower($def['label']) : strtolower($def['plural']) }}@if ($q) matching &ldquo;{{ $q }}&rdquo;@endif</p>
        </div>
    </div>
    <div class="rhead__act">
        <form class="rsearch" action="{{ admin_route($def, 'index') }}" method="get" role="search">
            <label class="sr-only" for="q">Search {{ strtolower($def['plural']) }}</label>
            <svg class="i" aria-hidden="true"><use href="#i-search"/></svg>
            <input id="q" type="search" name="q" value="{{ $q }}" placeholder="Search {{ strtolower($def['plural']) }}...">
            @if ($q)<a class="rsearch__clear" href="{{ admin_route($def, 'index') }}" aria-label="Clear search"><svg class="i" aria-hidden="true"><use href="#i-close"/></svg></a>@endif
            <button class="sr-only" type="submit">Search</button>
        </form>
        @if ($def['can_create'] ?? true)
            <a class="btn btn--green btn--sm" href="{{ admin_route($def, 'create') }}"><svg class="i" aria-hidden="true"><use href="#i-plus"/></svg>Add {{ strtolower($def['label']) }}</a>
        @endif
    </div>
</header>

@if ($items->isEmpty())
    <div class="empty"><svg class="i i--lg" aria-hidden="true"><use href="#i-{{ $q ? 'search' : ($def['icon'] ?? 'grid') }}"/></svg>
        <p>@if ($q) Nothing matched &ldquo;{{ $q }}&rdquo;. @else Nothing here yet. @endif</p>
        @if (($def['can_create'] ?? true) && ! $q)
            <p><a class="btn btn--green btn--sm" href="{{ admin_route($def, 'create') }}">Add the first {{ strtolower($def['label']) }}</a></p>
        @endif
    </div>
@elseif (($def['view'] ?? null) === 'slides')
    <ul class="slist">
        @foreach ($items as $item)
            <li @class(['sitem', 'is-off' => ! $item->is_active])>
                <a class="sitem__img" href="{{ admin_route($def, 'edit', $item->id) }}" aria-label="Edit banner {{ $item->sort }}">
                    @if ($item->thumb_url)<img src="{{ $item->thumb_url }}" alt="" loading="lazy">@else<span aria-hidden="true"><svg class="i i--lg"><use href="#i-camera"/></svg></span>@endif
                    <b class="sitem__order">{{ $item->sort }}</b>
                </a>
                <div class="sitem__body">
                    <div class="sitem__top">
                        <a class="sitem__title" href="{{ admin_route($def, 'edit', $item->id) }}">{{ $item->title ?: 'Untitled banner #'.$item->id }}</a>
                        <span @class(['pill', 'pill--on' => $item->is_active, 'pill--off' => ! $item->is_active])>{{ $item->is_active ? 'Visible' : 'Hidden' }}</span>
                    </div>
                    <p class="sitem__link">
                        @if ($item->button_url)<svg class="i" aria-hidden="true"><use href="#i-arrow"/></svg><code>{{ \Illuminate\Support\Str::limit($item->button_url, 50) }}</code>@else<span class="muted">No link</span>@endif
                    </p>
                    <div class="rowact">
                        <a class="btn btn--ghost btn--sm" href="{{ admin_route($def, 'edit', $item->id) }}"><svg class="i" aria-hidden="true"><use href="#i-pencil"/></svg>Edit</a>
                        @if ($def['can_delete'] ?? true)
                            <form action="{{ admin_route($def, 'destroy', $item->id) }}" method="post" data-confirm="Delete this {{ strtolower($def['label']) }}? {{ $def['delete_warning'] ?? 'This cannot be undone.' }}">
                                @csrf @method('DELETE')
                                <button class="iconbtn iconbtn--danger" type="submit" aria-label="Delete" title="Delete"><svg class="i" aria-hidden="true"><use href="#i-trash"/></svg></button>
                            </form>
                        @endif
                    </div>
                </div>
            </li>
        @endforeach
    </ul>
    {{ $items->links() }}
@elseif (($def['view'] ?? null) === 'redirects')
    <ul class="rdlist">
        @foreach ($items as $item)
            <li class="rditem">
                <div class="rditem__path">
                    <span class="rditem__label">Old address</span>
                    <a class="rditem__from" href="{{ admin_route($def, 'edit', $item->id) }}">{{ $item->from_path }}</a>
                </div>
                <span class="rditem__arrow" aria-hidden="true"><svg class="i"><use href="#i-arrow"/></svg></span>
                <div class="rditem__path">
                    <span class="rditem__label">Sends visitors to</span>
                    <span class="rditem__to">{{ \Illuminate\Support\Str::limit($item->to_url, 70) }}</span>
                </div>
                <div class="rditem__meta">
                    <span @class(['pill', 'pill--on' => (int) $item->status === 301, 'pill--warn' => (int) $item->status !== 301])>{{ $item->status }} {{ (int) $item->status === 301 ? 'Permanent' : 'Temporary' }}</span>
                    <span class="rditem__hits" title="Times this redirect has been used"><svg class="i" aria-hidden="true"><use href="#i-chart"/></svg>{{ number_format((int) $item->hits) }} {{ (int) $item->hits === 1 ? 'use' : 'uses' }}</span>
                </div>
                <div class="rowact">
                    <a class="iconbtn" href="{{ admin_route($def, 'edit', $item->id) }}" aria-label="Edit" title="Edit"><svg class="i" aria-hidden="true"><use href="#i-pencil"/></svg></a>
                    @if ($def['can_delete'] ?? true)
                        <form action="{{ admin_route($def, 'destroy', $item->id) }}" method="post" data-confirm="Delete this {{ strtolower($def['label']) }}? {{ $def['delete_warning'] ?? 'This cannot be undone.' }}">
                            @csrf @method('DELETE')
                            <button class="iconbtn iconbtn--danger" type="submit" aria-label="Delete" title="Delete"><svg class="i" aria-hidden="true"><use href="#i-trash"/></svg></button>
                        </form>
                    @endif
                </div>
            </li>
        @endforeach
    </ul>
    {{ $items->links() }}
@elseif (($def['view'] ?? null) === 'documents')
    <ul class="dlist">
        @foreach ($items as $item)
            <li @class(['ditem', 'is-off' => ! $item->is_public])>
                <span class="ditem__file" aria-hidden="true">
                    <svg class="i i--lg"><use href="#i-book"/></svg>
                    <b>{{ strtoupper(pathinfo((string) $item->file, PATHINFO_EXTENSION) ?: 'PDF') }}</b>
                </span>
                <div class="ditem__main">
                    <a class="ditem__title" href="{{ admin_route($def, 'edit', $item->id) }}">{{ $item->title ?: 'Untitled #'.$item->id }}</a>
                    <div class="ditem__meta">
                        @if ($item->category)<span class="pill pill--tag">{{ $item->category }}</span>@endif
                        @if ($item->year)<span class="ditem__year"><svg class="i" aria-hidden="true"><use href="#i-chart"/></svg>{{ $item->year }}</span>@endif
                        <span @class(['pill', 'pill--on' => $item->is_public, 'pill--off' => ! $item->is_public])>{{ $item->is_public ? 'Public' : 'Private' }}</span>
                    </div>
                </div>
                <div class="rowact">
                    @if ($item->file_url)
                        <a class="iconbtn" href="{{ $item->file_url }}" target="_blank" rel="noopener" aria-label="Open file" title="Open file"><svg class="i" aria-hidden="true"><use href="#i-external"/></svg></a>
                    @endif
                    <a class="iconbtn" href="{{ admin_route($def, 'edit', $item->id) }}" aria-label="Edit" title="Edit"><svg class="i" aria-hidden="true"><use href="#i-pencil"/></svg></a>
                    @if ($def['can_delete'] ?? true)
                        <form action="{{ admin_route($def, 'destroy', $item->id) }}" method="post" data-confirm="Delete this {{ strtolower($def['label']) }}? {{ $def['delete_warning'] ?? 'This cannot be undone.' }}">
                            @csrf @method('DELETE')
                            <button class="iconbtn iconbtn--danger" type="submit" aria-label="Delete" title="Delete"><svg class="i" aria-hidden="true"><use href="#i-trash"/></svg></button>
                        </form>
                    @endif
                </div>
            </li>
        @endforeach
    </ul>
    {{ $items->links() }}
@elseif (($def['view'] ?? null) === 'pages')
    @php
        $publicRoutes = ['privacy-policy' => 'privacy', 'terms' => 'terms', 'refund-policy' => 'refund'];
        $pageIcons = ['privacy-policy' => 'lock', 'terms' => 'book', 'refund-policy' => 'cart'];
    @endphp
    <ul class="lgrid">
        @foreach ($items as $item)
            @php
                $words = str_word_count(strip_tags((string) $item->body));
                $pub = $publicRoutes[$item->slug] ?? null;
            @endphp
            <li class="lcard">
                <span class="lcard__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-{{ $pageIcons[$item->slug] ?? 'info' }}"/></svg></span>
                <h3><a href="{{ admin_route($def, 'edit', $item->id) }}">{{ $item->title }}</a></h3>
                <p class="lcard__slug">/{{ $item->slug }}</p>
                <ul class="lcard__meta">
                    <li><svg class="i" aria-hidden="true"><use href="#i-book"/></svg>{{ number_format($words) }} words</li>
                    <li><svg class="i" aria-hidden="true"><use href="#i-pencil"/></svg>Updated {{ optional($item->updated_at)->format('j M Y') ?? '—' }}</li>
                </ul>
                <div class="lcard__act">
                    <a class="btn btn--green btn--sm" href="{{ admin_route($def, 'edit', $item->id) }}"><svg class="i" aria-hidden="true"><use href="#i-pencil"/></svg>Edit content</a>
                    @if ($pub && Route::has($pub))
                        <a class="btn btn--ghost btn--sm" href="{{ route($pub) }}" target="_blank" rel="noopener"><svg class="i" aria-hidden="true"><use href="#i-external"/></svg>View</a>
                    @endif
                </div>
            </li>
        @endforeach
    </ul>
    {{ $items->links() }}
@elseif (($def['view'] ?? null) === 'faq')
    <ul class="flist">
        @foreach ($items as $item)
            <li @class(['fitem', 'is-off' => ! $item->is_active])>
                <details>
                    <summary>
                        <span class="fitem__num" aria-hidden="true">{{ str_pad((string) (($items->firstItem() ?? 1) + $loop->index), 2, '0', STR_PAD_LEFT) }}</span>
                        <span class="fitem__q">{{ $item->question }}</span>
                        <span class="fitem__tags">
                            @if ($item->group)<span class="pill pill--tag">{{ $item->group }}</span>@endif
                            @if ($item->show_on_home)<span class="pill">On home</span>@endif
                            <span @class(['pill', 'pill--on' => $item->is_active, 'pill--off' => ! $item->is_active])>{{ $item->is_active ? 'Visible' : 'Hidden' }}</span>
                        </span>
                        <svg class="i fitem__chev" aria-hidden="true"><use href="#i-chevron"/></svg>
                    </summary>
                    <div class="fitem__a">
                        <p>{{ $item->answer }}</p>
                        <div class="rowact">
                            <a class="btn btn--ghost btn--sm" href="{{ admin_route($def, 'edit', $item->id) }}"><svg class="i" aria-hidden="true"><use href="#i-pencil"/></svg>Edit</a>
                            @if ($def['can_delete'] ?? true)
                                <form action="{{ admin_route($def, 'destroy', $item->id) }}" method="post" data-confirm="Delete this {{ strtolower($def['label']) }}? {{ $def['delete_warning'] ?? 'This cannot be undone.' }}">
                                    @csrf @method('DELETE')
                                    <button class="btn btn--sm btn--danger" type="submit"><svg class="i" aria-hidden="true"><use href="#i-trash"/></svg>Delete</button>
                                </form>
                            @endif
                        </div>
                    </div>
                </details>
            </li>
        @endforeach
    </ul>
    {{ $items->links() }}
@elseif (($def['view'] ?? null) === 'people')
    <ul class="tgrid">
        @foreach ($items as $item)
            <li @class(['tcard', 'is-off' => ! $item->is_active])>
                <span @class(['pill', 'pill--on' => $item->is_active, 'pill--off' => ! $item->is_active, 'tcard__pill'])>{{ $item->is_active ? 'Visible' : 'Hidden' }}</span>
                <a class="tcard__photo" href="{{ admin_route($def, 'edit', $item->id) }}" aria-label="Edit {{ $item->name }}">
                    @if ($item->thumb_url)<img src="{{ $item->thumb_url }}" alt="" width="96" height="96" loading="lazy">@else<span class="tcard__init" aria-hidden="true">{{ mb_strtoupper(mb_substr((string) $item->name, 0, 1)) }}</span>@endif
                </a>
                <a class="tcard__name" href="{{ admin_route($def, 'edit', $item->id) }}">{{ $item->name ?: 'Unnamed #'.$item->id }}</a>
                <p class="tcard__role">{{ $item->role }}</p>
                @if ($item->bio)<p class="tcard__bio">{{ \Illuminate\Support\Str::limit($item->bio, 90) }}</p>@endif
                <div class="rowact tcard__act">
                    <a class="btn btn--ghost btn--sm" href="{{ admin_route($def, 'edit', $item->id) }}"><svg class="i" aria-hidden="true"><use href="#i-pencil"/></svg>Edit</a>
                    @if ($def['can_delete'] ?? true)
                        <form action="{{ admin_route($def, 'destroy', $item->id) }}" method="post" data-confirm="Delete this {{ strtolower($def['label']) }}? {{ $def['delete_warning'] ?? 'This cannot be undone.' }}">
                            @csrf @method('DELETE')
                            <button class="iconbtn iconbtn--danger" type="submit" aria-label="Delete" title="Delete"><svg class="i" aria-hidden="true"><use href="#i-trash"/></svg></button>
                        </form>
                    @endif
                </div>
            </li>
        @endforeach
    </ul>
    {{ $items->links() }}
@elseif (($def['view'] ?? null) === 'videos')
    <ul class="pgrid pgrid--video">
        @foreach ($items as $item)
            <li @class(['pcard', 'is-off' => ! $item->is_active])>
                <a class="pcard__img pcard__img--video" href="{{ admin_route($def, 'edit', $item->id) }}" aria-label="Edit {{ $item->name }}">
                    @if ($item->thumb_url)<img src="{{ $item->thumb_url }}" alt="" loading="lazy">@endif
                    <span class="pcard__play" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M8 5.5v13a1 1 0 0 0 1.5.86l11-6.5a1 1 0 0 0 0-1.72l-11-6.5A1 1 0 0 0 8 5.5z"/></svg></span>
                    <span @class(['pill', 'pill--on' => $item->is_active, 'pill--off' => ! $item->is_active, 'pcard__pill'])>{{ $item->is_active ? 'Visible' : 'Hidden' }}</span>
                    @unless ($item->video_id)<span class="pill pill--bad pcard__pill pcard__pill--r">Check link</span>@endunless
                </a>
                <div class="pcard__body">
                    <div class="pcard__txt">
                        <a class="pcard__title" href="{{ admin_route($def, 'edit', $item->id) }}">{{ $item->name ?: 'Unnamed #'.$item->id }}@if ($item->role) <span class="pcard__role">&middot; {{ \Illuminate\Support\Str::limit($item->role, 30) }}</span>@endif</a>
                        @if ($item->title)<small>{{ \Illuminate\Support\Str::limit($item->title, 80) }}</small>@endif
                    </div>
                    <div class="rowact">
                        @if ($item->video_id)
                            <a class="iconbtn" href="{{ $item->video_url }}" target="_blank" rel="noopener" aria-label="Watch on YouTube" title="Watch on YouTube"><svg class="i" aria-hidden="true"><use href="#i-external"/></svg></a>
                        @endif
                        <a class="iconbtn" href="{{ admin_route($def, 'edit', $item->id) }}" aria-label="Edit" title="Edit"><svg class="i" aria-hidden="true"><use href="#i-pencil"/></svg></a>
                        @if ($def['can_delete'] ?? true)
                            <form action="{{ admin_route($def, 'destroy', $item->id) }}" method="post" data-confirm="Delete this {{ strtolower($def['label']) }}? {{ $def['delete_warning'] ?? 'This cannot be undone.' }}">
                                @csrf @method('DELETE')
                                <button class="iconbtn iconbtn--danger" type="submit" aria-label="Delete" title="Delete"><svg class="i" aria-hidden="true"><use href="#i-trash"/></svg></button>
                            </form>
                        @endif
                    </div>
                </div>
            </li>
        @endforeach
    </ul>
    {{ $items->links() }}
@elseif (($def['view'] ?? null) === 'quotes')
    <ul class="qgrid">
        @foreach ($items as $item)
            <li @class(['qcard', 'is-off' => ! $item->is_active])>
                <svg class="qcard__mark" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-heart"/></svg>
                <div class="qcard__top">
                    <span class="qcard__stars" role="img" aria-label="{{ (int) $item->rating }} out of 5 stars">@for ($i = 1; $i <= 5; $i++)<span @class(['is-on' => $i <= (int) $item->rating])>&#9733;</span>@endfor</span>
                    <span @class(['pill', 'pill--on' => $item->is_active, 'pill--off' => ! $item->is_active])>{{ $item->is_active ? 'Visible' : 'Hidden' }}</span>
                </div>
                <blockquote class="qcard__quote">&ldquo;{{ \Illuminate\Support\Str::limit((string) $item->quote, 170) }}&rdquo;</blockquote>
                <div class="qcard__foot">
                    <div class="qcard__who">
                        @if ($item->thumb_url)<img class="qcard__av" src="{{ $item->thumb_url }}" alt="" width="42" height="42" loading="lazy">@else<span class="qcard__av qcard__av--txt" aria-hidden="true">{{ mb_strtoupper(mb_substr((string) $item->name, 0, 1)) }}</span>@endif
                        <div>
                            <a class="cell-link" href="{{ admin_route($def, 'edit', $item->id) }}">{{ $item->name ?: 'Unnamed #'.$item->id }}</a>
                            @if ($item->role)<small>{{ \Illuminate\Support\Str::limit($item->role, 40) }}</small>@endif
                        </div>
                    </div>
                    <div class="rowact">
                        <a class="iconbtn" href="{{ admin_route($def, 'edit', $item->id) }}" aria-label="Edit" title="Edit"><svg class="i" aria-hidden="true"><use href="#i-pencil"/></svg></a>
                        @if ($def['can_delete'] ?? true)
                            <form action="{{ admin_route($def, 'destroy', $item->id) }}" method="post" data-confirm="Delete this {{ strtolower($def['label']) }}? {{ $def['delete_warning'] ?? 'This cannot be undone.' }}">
                                @csrf @method('DELETE')
                                <button class="iconbtn iconbtn--danger" type="submit" aria-label="Delete" title="Delete"><svg class="i" aria-hidden="true"><use href="#i-trash"/></svg></button>
                            </form>
                        @endif
                    </div>
                </div>
            </li>
        @endforeach
    </ul>
    {{ $items->links() }}
@elseif (($def['view'] ?? null) === 'grid')
    @php $g = $def['grid']; @endphp
    <ul class="pgrid">
        @foreach ($items as $item)
            @php $on = (bool) data_get($item, $g['status']); $img = data_get($item, $g['image']); @endphp
            <li @class(['pcard', 'is-off' => ! $on])>
                <a class="pcard__img" href="{{ admin_route($def, 'edit', $item->id) }}" aria-label="Edit {{ data_get($item, $g['title']) }}">
                    @if ($img)<img src="{{ $img }}" alt="" loading="lazy">@else<span class="pcard__none" aria-hidden="true"><svg class="i i--lg"><use href="#i-camera"/></svg></span>@endif
                    <span @class(['pill', 'pill--on' => $on, 'pill--off' => ! $on, 'pcard__pill'])>{{ $on ? $g['labels'][0] : $g['labels'][1] }}</span>
                </a>
                <div class="pcard__body">
                    <div class="pcard__txt">
                        <a class="pcard__title" href="{{ admin_route($def, 'edit', $item->id) }}">{{ \Illuminate\Support\Str::limit((string) data_get($item, $g['title']), 60) ?: 'Untitled #'.$item->id }}</a>
                        @if (data_get($item, $g['sub']))<small>{{ \Illuminate\Support\Str::limit((string) data_get($item, $g['sub']), 70) }}</small>@endif
                    </div>
                    <div class="rowact">
                        <a class="iconbtn" href="{{ admin_route($def, 'edit', $item->id) }}" aria-label="Edit" title="Edit"><svg class="i" aria-hidden="true"><use href="#i-pencil"/></svg></a>
                        @if ($def['can_delete'] ?? true)
                            <form action="{{ admin_route($def, 'destroy', $item->id) }}" method="post" data-confirm="Delete this {{ strtolower($def['label']) }}? {{ $def['delete_warning'] ?? 'This cannot be undone.' }}">
                                @csrf @method('DELETE')
                                <button class="iconbtn iconbtn--danger" type="submit" aria-label="Delete" title="Delete"><svg class="i" aria-hidden="true"><use href="#i-trash"/></svg></button>
                            </form>
                        @endif
                    </div>
                </div>
            </li>
        @endforeach
    </ul>
    {{ $items->links() }}
@else
    <div class="tablewrap">
        <table class="table">
            <thead>
                <tr>
                    @foreach ($def['columns'] as $col)
                        <th scope="col" @class(['is-thumb' => ($col['type'] ?? '') === 'thumb'])>{{ $col['label'] }}</th>
                    @endforeach
                    <th scope="col" class="is-actions"><span class="sr-only">Actions</span></th>
                </tr>
            </thead>
            <tbody>
                @foreach ($items as $item)
                    <tr>
                        @foreach ($def['columns'] as $col)
                            <td data-label="{{ $col['label'] }}">@include('admin.resource.cell', ['col' => $col, 'item' => $item, 'def' => $def])</td>
                        @endforeach
                        <td class="is-actions">
                            <div class="rowact">
                                @if (! empty($def['public_route']))
                                    <a class="iconbtn" href="{{ route($def['public_route'], $item) }}" target="_blank" rel="noopener" aria-label="View on website" title="View on website"><svg class="i" aria-hidden="true"><use href="#i-external"/></svg></a>
                                @endif
                                <a class="iconbtn" href="{{ admin_route($def, 'edit', $item->id) }}" aria-label="Edit" title="Edit"><svg class="i" aria-hidden="true"><use href="#i-pencil"/></svg></a>
                                @if ($def['can_delete'] ?? true)
                                    <form action="{{ admin_route($def, 'destroy', $item->id) }}" method="post"
                                          data-confirm="Delete this {{ strtolower($def['label']) }}? {{ $def['delete_warning'] ?? 'This cannot be undone.' }}">
                                        @csrf @method('DELETE')
                                        <button class="iconbtn iconbtn--danger" type="submit" aria-label="Delete" title="Delete"><svg class="i" aria-hidden="true"><use href="#i-trash"/></svg></button>
                                    </form>
                                @endif
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    {{ $items->links() }}
@endif
@endsection