@extends('dashboard.layouts.app')

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

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

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ __('dashboard.Session Details') }}</h3>
    </div>
    <div class="card-body">
        <table class="table table-bordered">
            <tr>
                <th>ID</th>
                <td>{{ $session->id }}</td>
            </tr>
            <tr>
                <th>{{ __('dashboard.Title') }}</th>
                <td>{{ $session->title }}</td>
            </tr>
            <tr>
                <th>{{ __('dashboard.Description') }}</th>
                <td>{{ $session->description ?? '-' }}</td>
            </tr>

            <tr>
                <th>{{ __('dashboard.Order') }}</th>
                <td>{{ $session->order }}</td>
            </tr>
            <tr>
                <th>{{ __('dashboard.Created At') }}</th>
                <td>{{ $session->created_at }}</td>
            </tr>
        </table>
    </div>
    <div class="card-footer">
        <a href="{{ route('dashboard.tracks.levels.sessions.index', [$track, $level]) }}" class="btn btn-secondary">{{ __('dashboard.Back to Level Sessions') }}</a>
        <a href="{{ route('dashboard.tracks.levels.sessions.edit', [$track, $level, $session]) }}" class="btn btn-primary">{{ __('dashboard.Edit') }}</a>
    </div>
</div>
@endsection