@csrf

<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
    <x-admin.input label="Title" name="title">
        <input
            type="text"
            name="title"
            id="title"
            value="{{ old('title', $video_pin->title ?? '') }}"
            class="block w-full border rounded px-3 py-2"
            required
        />
    </x-admin.input>
    <x-admin.input label="Date" name="date">
        <input
            type="date"
            name="date"
            id="date"
            value="{{ old('date', $video_pin->date ?? '') }}"
            class="block w-full border rounded px-3 py-2"
            required
        />
    </x-admin.input>
    <x-admin.input label="Latitude" name="lat">
        <input
            id="lat"
            name="lat"
            type="number"
            step="0.000001"
            min="-90"
            max="90"
            value="{{ old('lat', $video_pin->lat ?? '') }}"
            class="block w-full border rounded px-3 py-2"
        />
    </x-admin.input>
    <x-admin.input label="Longitude" name="lon">
        <input
            id="lon"
            name="lon"
            type="number"
            step="0.000001"
            min="-180"
            max="180"
            value="{{ old('lon', $video_pin->lon ?? '') }}"
            class="block w-full border rounded px-3 py-2"
        />
    </x-admin.input>
</div>
<x-admin.input label="Address (optional)" name="address">
    <input
        type="text"
        name="address"
        id="address"
        placeholder="Enter address to auto-fill coordinates"
        class="block w-full border rounded px-3 py-2"
    />
    <p class="text-sm text-gray-500 mt-1">
        If provided, this will overwrite existing coordinates. Leave blank to keep current values.
    </p>
</x-admin.input>
<x-admin.input label="YouTube URL" name="url">
    <input
        type="url"
        name="url"
        id="url"
        value="{{ old('url', $video_pin->url ?? '') }}"
        class="block w-full border rounded px-3 py-2"
        placeholder="https://www.youtube.com/watch?v=abc123"
        required
    />
	<p class="text-sm text-gray-500 mt-1">
		Must be a valid YouTube link (e.g. youtube.com/watch or youtu.be).
	</p>
</x-admin.input>
<x-admin.submit />