@extends('user.layout.app')

@section('title', $notification->title)

@section('content')
<div class="main-content">
  <section class="section">
    <div class="section-body">
      <div class="card">
        <div class="card-header">
          <h4>{{ $notification->title }}</h4>
          <div class="card-header-action">
            <a href="{{ route('user.notifications.index') }}" class="btn btn-secondary">
              <i class="fas fa-arrow-left"></i> Back
            </a>
          </div>
        </div>
        <div class="card-body">
          <p class="mb-4">{{ $notification->message }}</p>

          <h6>Attachments</h6>
          @forelse($notification->attachments as $att)
            <div class="mb-2">
              <a href="{{ asset('storage/'.$att->path) }}" class="btn btn-outline-primary btn-sm" download>
                <i class="fas fa-download"></i> {{ basename($att->path) }}
              </a>
            </div>
          @empty
            <div class="text-muted">No attachments.</div>
          @endforelse
        </div>
      </div>
    </div>
  </section>
</div>
@endsection