@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">Edit {{ $title_menu }}</h5>
                            </div>
                            <div class="col">
                                @include('components.alert')
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">

                        <form method="POST" action="{{ url($url_menu . '/' . encrypt($list->id)) }}">
                            @csrf
                            @method('PUT')

                            <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>
                                    </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>
                                    </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 mb-2">Evaluation Result <span class="text-danger">*</span></label>
                                    <div class="btn-group w-100" role="group">
                                        <input type="radio" class="btn-check" name="hasil_evaluasi"
                                            id="edit_bagus" value="Bagus"
                                            {{ $list->hasil_evaluasi == 'Bagus' ? 'checked' : '' }}>
                                        <label class="btn btn-outline-success" for="edit_bagus">
                                            <i class="fas fa-check me-1"></i> Good
                                        </label>

                                        <input type="radio" class="btn-check" name="hasil_evaluasi"
                                            id="edit_tidakbagus" value="Tidak Bagus"
                                            {{ $list->hasil_evaluasi == 'Tidak Bagus' ? 'checked' : '' }}>
                                        <label class="btn btn-outline-danger" for="edit_tidakbagus">
                                            <i class="fas fa-times me-1"></i> Not Good
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label class="fw-bold text-sm mb-2">Notes</label>
                                    <textarea class="form-control" name="keterangan" rows="3"
                                        placeholder="Enter evaluation notes..." maxlength="500">{{ $list->keterangan }}</textarea>
                                </div>
                            </div>

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

                            <div class="row px-4 py-3">
                                <div class="col-12 d-flex justify-content-between">
                                    <a href="{{ url($url_menu) }}" class="btn btn-secondary">
                                        <i class="fas fa-arrow-left me-1"></i> Back
                                    </a>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save me-1"></i> Save Changes
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection