@extends('dashboard.layouts.app')

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

@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.track-categories.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Track Categories') }}</a>
</li>
<li class="breadcrumb-item text-muted">{{ $trackCategory->name }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ __('dashboard.Track Category Details') }}</h3>
    </div>
    <div class="card-body">
        <table class="table table-bordered">
            <tr>
                <th>ID</th>
                <td>{{ $trackCategory->id }}</td>
            </tr>
            <tr>
                <th>{{ __('dashboard.Name') }}</th>
                <td>{{ $trackCategory->name }}</td>
            </tr>
            <tr>
                <th>{{ __('dashboard.Parent Category') }}</th>
                <td>{{ $trackCategory->parent ? $trackCategory->parent->name : '-' }}</td>
            </tr>
            <tr>
                <th>{{ __('dashboard.Status') }}</th>
                <td>
                    @if($trackCategory->status)
                    <span class="badge badge-success">{{ __('dashboard.Active') }}</span>
                    @else
                    <span class="badge badge-danger">{{ __('dashboard.Inactive') }}</span>
                    @endif
                </td>
            </tr>
            <tr>
                <th>{{ __('dashboard.Created At') }}</th>
                <td>{{ $trackCategory->created_at }}</td>
            </tr>
             <tr>
                <th>{{__('dashboard.Subcategories')}}</th>
                <td>
                    @if ($trackCategory->children->isNotEmpty())
                        <ul>
                        @foreach ($trackCategory->children as $child)
                            <li><a href="{{ route('dashboard.track-categories.show', $child) }}">{{ $child->name }}</a></li>
                        @endforeach
                        </ul>

                    @else
                        -
                    @endif
                </td>
            </tr>
        </table>
    </div>
    <div class="card-footer">
        <a href="{{ route('dashboard.track-categories.index') }}" class="btn btn-secondary">{{ __('dashboard.Back') }}</a>
        <a href="{{ route('dashboard.track-categories.edit', $trackCategory) }}" class="btn btn-primary">{{ __('dashboard.Edit') }}</a>
    </div>
</div>
@endsection