@extends('header.header')
@section('content')
    <div class="header pb-6 d-flex align-items-center" style="min-height: 200px; background-image: url(../assets/img/theme/profile-cover.jpg); background-size: cover; background-position: center top;">
        <span class="mask bg-gradient-default opacity-8"></span>
    </div>

    <div class="container-fluid mt--6">
        <div class="row">
            <div class="offset-xl-2 col-xl-8 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">{{ __('store-gallery') }}</h3>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            @foreach ($gallery as $image)
                                <div class="col-md-4 mb-3">
                                    <img src="{{ asset($image->path . '/' . $image->filename) }}" class="img-fluid rounded" alt="Gallery Image">
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection