{{-- trsqsl/_partials/training_info_detail.blade.php
    Left panel: Informasi Training (target training + jadwal tersedia).
    Used by: trsqsl/show.blade.php
--}}
<div class="col-md-6">
    <div class="card h-100">
        <div class="card-header pb-0 p-4">
            <div class="row">
                <div class="col-md-8 d-flex align-items-center">
                    <h6 class="mb-0 text-uppercase">Informasi Training</h6>
                </div>
                <div class="col-md-4 text-end">
                    <span class="badge {{ $list->isactive == '1' ? 'bg-success' : 'bg-secondary' }}">
                        {{ $list->isactive == '1' ? 'Active' : 'Inactive' }}
                    </span>
                </div>
            </div>
        </div>
        <div class="card-body p-4">
            <ul class="list-group">
                <li class="list-group-item border-0 d-flex p-4 mb-2 bg-gray-100 border-radius-lg">
                    <div class="d-flex flex-column">
                        <h6 class="mb-3 text-sm">Target Training</h6>
                        <span class="mb-2 text-xs">ID Training:
                            <span class="text-dark font-weight-bold ms-sm-2">{{ $training->id }}</span>
                        </span>
                        <span class="mb-2 text-xs">Nama Training:
                            <span class="text-dark ms-sm-2 font-weight-bold">{{ $training->name }}</span>
                        </span>
                    </div>
                </li>
            </ul>

            <h6 class="text-uppercase text-body text-xs font-weight-bolder mt-4 mb-3">
                <i class="fas fa-calendar-alt text-primary me-2"></i> Jadwal Tersedia
            </h6>
            <ul class="list-group">
                @if (count($schedules) > 0)
                    @foreach ($schedules as $schedule)
                        <li class="list-group-item border-0 d-flex justify-content-between ps-0 mb-2 border-radius-lg">
                            <div class="d-flex align-items-center">
                                <div class="icon icon-shape icon-sm shadow border-radius-sm bg-primary text-center me-3 mt-1">
                                    <i class="fas fa-calendar-check opacity-10 py-1"></i>
                                </div>
                                <div class="d-flex flex-column">
                                    <h6 class="mb-1 text-dark text-sm">{{ $schedule->schedule_desc }}</h6>
                                </div>
                            </div>
                        </li>
                    @endforeach
                @else
                    <li class="list-group-item border-0 d-flex ps-0 mb-2 border-radius-lg">
                        <span class="text-xs text-secondary ms-2">- Belum ada jadwal terdaftar untuk training ini.</span>
                    </li>
                @endif
            </ul>
        </div>
    </div>
</div>