@extends('dashboard.layouts.app')

@section('title', __('dashboard.View Level'))
@section('page_heading', __('dashboard.View Level'))

@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">
    <a href="{{ route('dashboard.tracks.levels.index', $track) }}" class="text-muted text-hover-primary">{{ __('dashboard.Levels') }}</a>
</li>
<li class="breadcrumb-item text-muted">{{ $level->name }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ __('dashboard.Level Details') }}</h3>
    </div>
    <div class="card-body">
        <table class="table table-bordered">
            <tr>
                <th>ID</th>
                <td>{{ $level->id }}</td>
            </tr>
            <tr>
                <th>{{ __('dashboard.Name') }}</th>
                <td>{{ $level->name }}</td>
            </tr>
            <tr>
                <th>{{ __('dashboard.Description') }}</th>
                <td>{{ $level->description ?? '-' }}</td>
            </tr>
            <tr>
                <th>{{ __('dashboard.Order') }}</th>
                <td>{{ $level->order }}</td>
            </tr>
            <tr>
                <th>{{ __('dashboard.Created At') }}</th>
                <td>{{ $level->created_at }}</td>
            </tr>
        </table>

        {{-- Level Sessions --}}
        <hr>
        <h4>{{ __('dashboard.Level Sessions') }}</h4>
        <div class="mb-3">
            <a href="{{ route('dashboard.tracks.levels.sessions.create', [$track, $level]) }}" class="btn btn-sm btn-success">{{ __('dashboard.Add Level Session') }}</a>
        </div>

        @if($level->sessions->isEmpty())
            <div class="alert alert-info">{{ __('dashboard.No sessions found') }}.</div>
        @else
            <table class="table table-striped table-row-bordered">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>{{ __('dashboard.Title') }}</th>
                        <th>{{ __('dashboard.Order') }}</th>
                        <th>{{ __('dashboard.Actions') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($level->sessions->sortBy('order') as $session)
                        <tr>
                            <td>{{ $session->id }}</td>
                            <td>{{ $session->title }}</td>
                            <td>{{ $session->order }}</td>
                            <td>
                                <a href="{{ route('dashboard.tracks.levels.sessions.show', [$track, $level, $session]) }}" class="btn btn-sm btn-info">{{ __('dashboard.View') }}</a>
                                <a href="{{ route('dashboard.tracks.levels.sessions.edit', [$track, $level, $session]) }}" class="btn btn-sm btn-warning">{{ __('dashboard.Edit') }}</a>
                                <form action="{{ route('dashboard.tracks.levels.sessions.destroy', [$track, $level, $session]) }}" 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>
        @endif
    </div>
    <div class="card-footer">
        <a href="{{ route('dashboard.tracks.levels.index', $track) }}" class="btn btn-secondary">{{ __('dashboard.Back to Levels') }}</a>
        <a href="{{ route('dashboard.tracks.levels.edit', [$track, $level]) }}" class="btn btn-primary">{{ __('dashboard.Edit') }}</a>
    </div>
</div>
@endsection