@props(['documentTitle' => null])

@php $text = config('theme.colors.text'); @endphp

<div class="row g-3 erp-detail-shell">
    <div class="col-lg-8 min-w-0">
        @isset($blocked)
            <div class="mb-3">{{ $blocked }}</div>
        @endisset

        @isset($timeline)
            <section class="card border-0 shadow-sm mb-3">
                <div class="card-header bg-white fw-semibold small" style="color: {{ $text }};">
                    {{ __('operational_ui.detail.timeline') }}
                </div>
                <div class="card-body">{{ $timeline }}</div>
            </section>
        @endisset

        <div class="card border-0 shadow-sm">
            <div class="card-body">
                {{ $slot }}
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        @isset($status)
            <section class="card border-0 shadow-sm mb-3">
                <div class="card-header bg-white fw-semibold small" style="color: {{ $text }};">
                    {{ __('operational_ui.detail.status') }}
                </div>
                <div class="card-body">{{ $status }}</div>
            </section>
        @endisset
        @isset($nextStep)
            <section class="card border-0 shadow-sm mb-3">
                <div class="card-header bg-white fw-semibold small" style="color: {{ $text }};">
                    {{ __('operational_ui.detail.next_step') }}
                </div>
                <div class="card-body">{{ $nextStep }}</div>
            </section>
        @endisset
        @isset($related)
            <section class="card border-0 shadow-sm mb-3">
                <div class="card-header bg-white fw-semibold small" style="color: {{ $text }};">
                    {{ __('operational_ui.detail.related') }}
                </div>
                <div class="card-body">{{ $related }}</div>
            </section>
        @endisset
        @isset($audit)
            <section class="card border-0 shadow-sm mb-3">
                <div class="card-header bg-white fw-semibold small" style="color: {{ $text }};">
                    {{ __('operational_ui.detail.audit') }}
                </div>
                <div class="card-body">{{ $audit }}</div>
            </section>
        @endisset
        @isset($actions)
            <section class="card border-0 shadow-sm">
                <div class="card-header bg-white fw-semibold small" style="color: {{ $text }};">
                    {{ __('operational_ui.detail.actions') }}
                </div>
                <div class="card-body">{{ $actions }}</div>
            </section>
        @endisset
    </div>
</div>
