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

@section('inner')
    <div class="text" align="justify" id="content">

        <table class="table table-bordered table-striped text-center">
            <thead>
                <tr>
                    <th style="width:60px;">S.No.</th>
                    <th>Activities</th>
                    <th style="width:150px">Download</th>
                </tr>
            </thead>

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

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

                        <td align="center">
                            <a href="{{ asset('storage/' . $document->download) }}"
                               target="_blank">
                                Download
                            </a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="3" align="center">
                            No activities found.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>

    </div>
@endsection