@extends('dashboard.layouts.app')

@section('title', __('dashboard.Levels for') . ' ' . $track->name)
@section('page_heading', __('dashboard.Levels for') . ' ' . $track->name)

@section('breadcrumb')
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
</li>
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.tracks.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Tracks') }}</a>
</li>
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.tracks.show', $track) }}" class="text-muted text-hover-primary">{{ $track->name }}</a>
</li>
<li class="breadcrumb-item text-muted">{{ __('dashboard.Levels') }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ __('dashboard.Levels for') }} {{ $track->name }}</h3>
        <div class="card-toolbar">
            <a href="{{ route('dashboard.tracks.levels.create', $track) }}" class="btn btn-sm btn-success">{{ __('dashboard.Add Level') }}</a>
        </div>
    </div>
    <div class="card-body">
        @if($levels->isEmpty())
        <div class="alert alert-info">
            {{ __('dashboard.No levels found') }}.
        </div>
        @else
        <table class="table table-striped table-row-bordered">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>{{ __('dashboard.Name') }}</th>
                    <th>{{ __('dashboard.Description') }}</th>
                    <th>{{ __('dashboard.Order') }}</th>
                    <th>{{ __('dashboard.Actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach($levels as $level)
                <tr>
                    <td>{{ $level->id }}</td>
                    <td>{{ $level->name }}</td>
                    <td>{{ $level->description ?? '-' }}</td>
                    <td>{{ $level->order }}</td>
                    <td>
                        <a href="{{ route('dashboard.tracks.levels.show', [$track, $level]) }}" class="btn btn-sm btn-info">{{ __('dashboard.View') }}</a>
                        <a href="{{ route('dashboard.tracks.levels.edit', [$track, $level]) }}" class="btn btn-sm btn-warning">{{ __('dashboard.Edit') }}</a>
                        <form action="{{ route('dashboard.tracks.levels.destroy', [$track, $level]) }}" method="POST" style="display: inline-block;">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('{{ __('dashboard.Are you sure?') }}')">{{ __('dashboard.Delete') }}</button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        {{ $levels->links() }}
        @endif
    </div>
    <div class="card-footer">
        <a href="{{ route('dashboard.tracks.show', $track) }}" class="btn btn-secondary">{{ __('dashboard.Back to Track') }}</a>
    </div>

</div>
@endsection