@extends('frontend.inner')

@section('sidebar')
    @include('frontend.includes.service-menu', ['id' => $service->id])
@endsection

@section('before_card')
    <h1 class="btn btn-primary" style="font-size: 25px" align="center">{{ $service->title }}</h1>
@endsection

@section('inner')
    <table class="table table-bordered table-striped text-center">
        <thead style="background:#eee">
            <tr>
                <th style="width:60px">S.No</th>
                <th>Gallery Image</th>
                <th style="width:150px">View</th>
            </tr>
        </thead>
        <tbody>
            @forelse($photos as $index => $photo)
                <tr>
                    <td>{{ $index + 1 }}</td>

                    <td>
                        <img src="{{ asset('storage/' . $photo->image) }}"
                             style="width:120px;height:80px;object-fit:cover"
                             class="img-thumbnail">
                    </td>

                    <td>
                        <a href="{{ asset('storage/' . $photo->image) }}"
                           target="_blank"
                           class="btn btn-primary btn-sm">
                            View
                        </a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="3">No gallery images available.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
@endsection