@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">
                    <div class="card">
                        <div class="row">
                            <div class="card-header col-md-auto">
                                <h5 class="mb-0">{{ $title_menu }} Detail</h5>
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">

                        <div class="row px-4 py-3">
                            <div class="col-md-6">
                                <table class="table table-borderless">
                                    <tr>
                                        <td class="fw-bold text-sm" width="180">Participant NIK</td>
                                        <td class="text-sm">: {{ $list->nik_peserta }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-bold text-sm">Participant Name</td>
                                        <td class="text-sm">: {{ $list->peserta_name }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-bold text-sm">Department</td>
                                        <td class="text-sm">: {{ $list->peserta_departemen }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-bold text-sm">Section</td>
                                        <td class="text-sm">: {{ $list->peserta_bagian }}</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <table class="table table-borderless">
                                    <tr>
                                        <td class="fw-bold text-sm" width="180">Training Name</td>
                                        <td class="text-sm">: {{ $list->nama_training }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-bold text-sm">Training Date</td>
                                        <td class="text-sm">: {{ $list->tanggal_training ? \Carbon\Carbon::parse($list->tanggal_training)->format('d F Y') : '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-bold text-sm">Evaluation Date</td>
                                        <td class="text-sm">: {{ $list->tanggal_evaluasi ? \Carbon\Carbon::parse($list->tanggal_evaluasi)->format('d F Y') : '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-bold text-sm">Evaluator</td>
                                        <td class="text-sm">: {{ $list->evaluator_name ?? $list->nik_evaluator }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <hr class="horizontal dark mt-0">

                        <div class="row px-4 py-3">
                            <div class="col-md-6">
                                <label class="fw-bold text-sm">Evaluation Result</label>
                                <div class="mt-1">
                                    @if ($list->hasil_evaluasi == 'Bagus')
                                        <span class="badge bg-success px-3 py-2" style="font-size: 1rem;">
                                            <i class="fas fa-check-circle me-1"></i> Good
                                        </span>
                                    @else
                                        <span class="badge bg-danger px-3 py-2" style="font-size: 1rem;">
                                            <i class="fas fa-times-circle me-1"></i> Not Good
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="fw-bold text-sm">Notes</label>
                                <p class="text-sm mt-1">{{ $list->keterangan ?: '-' }}</p>
                            </div>
                        </div>

                        <hr class="horizontal dark mt-0">

                        <div class="row px-4 py-3">
                            <div class="col-12">
                                <a href="{{ url($url_menu) }}" class="btn btn-secondary btn-sm">
                                    <i class="fas fa-arrow-left me-1"></i> Back
                                </a>
                                @if ($authorize->edit == '1')
                                    <a href="{{ url($url_menu . '/edit/' . encrypt($list->id)) }}" class="btn btn-warning btn-sm">
                                        <i class="fas fa-edit me-1"></i> Edit
                                    </a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection