@extends('layouts.app')
@section('title', 'blog')
@section('idname', 'single')
@section('content')

<div class="container " style="margin-top: 200px;">
        <h2>Recording Table</h2>
         @if(session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif

                <!-- Example: Display an error message -->
                @if(session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                @endif

        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>@lang('messages.table_id')</th>
    <th>@lang('messages.table_isrc')</th>
    <th>@lang('messages.table_band_artist_name')</th>
    <th>@lang('messages.table_status')</th>
    <th>@lang('messages.table_action')</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($recordings as $recording)
                    <tr>
                        <td>{{ $recording->id }}</td>
                        <td>{{ $recording->isrc }}</td>
                        <td>{{ $recording->band_artist_name }}</td>
                        <td>{{ $recording->status }}</td>
                        <td>
                            <a href="{{ route('recordings.index', $recording->id) }}" class=" btn-link">Edit</a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        {{ $recordings->links('pagination::simple-bootstrap-4') }} <!-- Display pagination links -->
    </div>
@endsection