@extends('nova::layout')

@section('content')
ggdfgdgdf
    <div class="relative" style="width: 100%; height: 500px;">
        <img src="{{ asset('images/image.jpg') }}" alt="Image" id="hotspot-image" style="width: 100%; height: 100%;">
        @foreach ($hotspots as $hotspot)
            <div class="hotspot" style="position: absolute; left: {{ $hotspot->x }}px; top: {{ $hotspot->y }}px;" data-title="{{ $hotspot->title }}" data-description="{{ $hotspot->description }}" data-link="{{ $hotspot->link }}"></div>
        @endforeach
    </div>
@endsection