@extends('layouts.admin')

@section('content')
    <div class="container">
        <h1>Edit Home Page Carousel</h1>
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <form action="{{ route('admin.homepage.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div id="carousel-items">
                @foreach ($carouselImages as $index => $carousel)
                    <div class="carousel-item">
                        <div class="form-group">
                            <label for="image{{ $index }}">Image</label>
                            <input type="file" name="images[]" class="form-control" id="image{{ $index }}">
                        </div>
                        <div class="form-group">
                            <label for="heading{{ $index }}">Heading</label>
                            <input type="text" name="headings[]" class="form-control" id="heading{{ $index }}" value="{{ $carousel['heading'] }}">
                        </div>
                        <div class="form-group">
                            <label for="paragraph{{ $index }}">Paragraph</label>
                            <textarea name="paragraphs[]" class="form-control" id="paragraph{{ $index }}">{{ $carousel['paragraph'] }}</textarea>
                        </div>
                    </div>
                @endforeach
            </div>
            <button type="submit" class="btn btn-primary">Update Carousel</button>
        </form>
    </div>
@endsection