@extends('layouts.app')
@section('title','Sliders')
@section('content')<h1>Homepage sliders</h1><div class="nc-card"><form method="post" enctype="multipart/form-data">@csrf<x-field name="slider_image" label="Slider image" type="file" accept="image/jpeg,image/png,image/webp"/><x-field name="slider_link" label="Link" type="url" :required="false"/><button>Add slider</button></form></div><div class="nc-grid">@foreach($sliders as $slider)<div class="nc-card"><img style="max-width:100%" src="{{ \App\Services\MediaService::url($slider->slider_image) }}" alt="Slider {{ $slider->slider_id }}"><p>{{ $slider->slider_link }}</p><form method="post">@csrf<input type="hidden" name="delete_id" value="{{ $slider->slider_id }}"><button>Delete slider</button></form></div>@endforeach</div>@endsection