@extends('layouts.admin')

@section('content')

<div class="flex justify-between items-center mb-6">
	<h1 class="text-2xl font-bold">
		@if(request()->filled('search'))
			Search Results
		@else
			Video Pins
		@endif
	</h1>
	<x-admin.search index="admin.video_pins.index" />
	<a href="{{ route('admin.video_pins.create') }}" class="px-4 py-2 bg-green-600 text-black rounded-md">Add Video</a>
</div>

<x-admin.table
	:items="$video_pins"
	:columns="[
		[
			'label' => 'Title',
			'field' => 'title',
			'blank' => true,
			'link' => fn($item) => route('admin.video_pins.show', $item)
		],
		['label' => 'Pin Created', 'field' => 'created_at'],
		['label' => 'Video Date', 'field' => 'date'],
		[
			'label' => 'YouTube URL',
			'field' => 'url',
			'link' => fn($item) => $item->url,
			'truncate' => true
		],
		['label' => 'Latitude', 'field' => 'lat'],
		['label' => 'Longitude', 'field' => 'lon']
	]"
	itemRoute="admin.video_pins"
	:itemActions="['edit','delete']"
	:currentSort="$currentSort"
	:currentDir="$currentDir"
/>

<div class="mt-4">{{ $video_pins->links() }}</div>

@endsection