@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->name }} – Achievements</h1>
@endsection

@section('inner')
    <table border="1" width="100%" class="table table-bordered table-striped text-center">
        <thead>
            <tr>
                <th style="width:60px;">S.No.</th>
                <th>Achievements</th>
                <th style="width:276px;">Download</th>
            </tr>
        </thead>

        <tbody>
            @forelse($achievements as $index => $achievement)
                <tr>
                    <td align="center">
                        {{ $index + 1 }}
                    </td>

                    <td align="center">
                        {{ $achievement->title }}
                    </td>

                    <td align="center">
                        <a href="{{ asset('storage/' . $achievement->content) }}" target="_blank">
                            Download
                        </a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="3" align="center">
                        No achievements available.
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
@endsection