@extends('layouts.headatmin')

@section('title', 'Pilih karyawan')

@section('content')
<div class="container-fluid">
    <div class="card shadow mb-4">
        <div class="card-header d-flex py-3">
            <a href="#"
               onclick="window.history.length > 1 ? history.back() : window.location.href='{{ route('pelanggan.index') }}';"
               class="btn btn-secondary btn-icon-split">
                <span class="icon text-white-50"><i class="fas fa-arrow-left"></i></span>
            </a>
            <h5 class="font-weight-bold d-flex justify-content-center align-items-center w-100">Informasi Jadwal</h5>
        </div>

        <div class="card-body">

            {{-- Detail Jadwal --}}
            <div class="card mb-4">
                <div class="card-body">
                    <h5 class="card-title">Detail Jadwal</h5>
                    <p><strong>Tanggal:</strong> {{ $jadwal->tanggal }}</p>
                    <p><strong>Tugas:</strong> {{ $jadwal->tugas }}</p>
                    <p><strong>Waktu:</strong> {{ $jadwal->waktu }}</p>
                    <p><strong>Estimasi Waktu:</strong> {{ $jadwal->estimasi_waktu }} jam</p>
                    <p><strong>Catatan:</strong> {{ $jadwal->catatan ?? 'Tidak ada catatan' }}</p>
                    <p><strong>Pelanggan:</strong> {{ $jadwal->pelanggan->nama ?? 'N/A' }}</p>
                </div>
            </div>

            {{-- TAB BUTTON --}}
            <ul class="nav nav-tabs mb-3" id="topsisTab" role="tablist">
                @php
                    $tabs = [
                        'data-asli' => '0. Data Asli',
                        'normalisasi' => '1. Normalisasi',
                        'terbobot' => '2. Terbobot',
                        'ideal' => '3. Solusi Ideal',
                        'jarak' => '4. Jarak',
                        'hasil' => '5. Hasil Akhir',
                    ];
                @endphp
                @foreach ($tabs as $id => $label)
                    <li class="nav-item" role="presentation">
                        <button class="nav-link {{ $loop->first ? 'active' : '' }}" id="{{ $id }}-tab"
                            data-bs-toggle="tab" data-bs-target="#{{ $id }}" type="button" role="tab">
                            {{ $label }}
                        </button>
                    </li>
                @endforeach
            </ul>

            {{-- TAB CONTENT --}}
            <div class="tab-content" id="topsisTabContent">
                {{-- Data Asli --}}
                <div class="tab-pane fade show active" id="data-asli" role="tabpanel">
                    <form action="{{ route('pilihkaryawan.update', $jadwal->id_jadwal) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="table-responsive mb-4">
                            <table class="table table-bordered table-sm">
                                <thead>
                                    <tr>
                                        <th>Pilih</th>
                                        <th>Nama</th>
                                        <th>Pengalaman</th>
                                        <th>Keahlian Sesuai</th>
                                        <th>Jumlah Tugas</th>
                                        <th>Jam Kerja</th>
                                        <th>Nilai TOPSIS</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($dataKaryawan as $k)
                                    <tr>
                                        <td><input type="checkbox" name="id_user_karyawan[]" value="{{ $k['id_user'] }}"
                                            {{ in_array($k['id_user'], $jadwal->karyawans->pluck('id_user')->toArray()) ? 'checked' : '' }}></td>
                                        <td>{{ $k['nama'] }}</td>
                                        <td>{{ $k['pengalaman'] }}</td>
                                        <td>{{ $k['keahlian_sesuai'] }}</td>
                                        <td>{{ $k['jumlah_tugas'] }}</td>
                                        <td>{{ $k['total_jam_kerja'] }}</td>
                                        <td>{{ number_format($k['nilai_topsis'], 4) }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="text-center mb-3">
                            <button type="submit" class="btn btn-warning">Simpan</button>
                        </div>
                    </form>
                </div>

                {{-- Normalisasi --}}
                <div class="tab-pane fade" id="normalisasi" role="tabpanel">
                    <div class="table-responsive">
                        <table class="table table-bordered table-sm">
                            <thead>
                                <tr>
                                    <th>Nama</th>
                                    <th>Pengalaman</th>
                                    <th>Keahlian Sesuai</th>
                                    <th>Jumlah Tugas</th>
                                    <th>Jam Kerja</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($dataKaryawan as $kar)
                                <tr>
                                    <td>{{ $kar['nama'] }}</td>
                                    @foreach (['pengalaman', 'keahlian_sesuai', 'jumlah_tugas', 'total_jam_kerja'] as $k)
                                    <td>{{ number_format($normalisasi[$kar['index_asli']][$k], 4) }}</td>
                                    @endforeach
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- Terbobot --}}
                <div class="tab-pane fade" id="terbobot" role="tabpanel">
                    <div class="table-responsive">
                        <table class="table table-bordered table-sm">
                            <thead>
                                <tr>
                                    <th>Nama</th>
                                    <th>Pengalaman</th>
                                    <th>Keahlian Sesuai</th>
                                    <th>Jumlah Tugas</th>
                                    <th>Jam Kerja</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($dataKaryawan as $kar)
                                <tr>
                                    <td>{{ $kar['nama'] }}</td>
                                    @foreach (['pengalaman', 'keahlian_sesuai', 'jumlah_tugas', 'total_jam_kerja'] as $k)
                                    <td>{{ number_format($kar['ternormalisasi_terbobot'][$k], 4) }}</td>
                                    @endforeach
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- Solusi Ideal --}}
                <div class="tab-pane fade" id="ideal" role="tabpanel">
                    <div class="table-responsive">
                        <table class="table table-bordered table-sm">
                            <thead>
                                <tr>
                                    <th>Kriteria</th>
                                    <th>Ideal Positif</th>
                                    <th>Ideal Negatif</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($solusi_ideal_pos as $k => $val)
                                <tr>
                                    <td>{{ ucwords(str_replace('_', ' ', $k)) }}</td>
                                    <td>{{ number_format($val, 4) }}</td>
                                    <td>{{ number_format($solusi_ideal_neg[$k], 4) }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- Jarak --}}
                <div class="tab-pane fade" id="jarak" role="tabpanel">
                    <div class="table-responsive">
                        <table class="table table-bordered table-sm">
                            <thead>
                                <tr>
                                    <th>Nama</th>
                                    <th>Jarak Positif</th>
                                    <th>Jarak Negatif</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($dataKaryawan as $kar)
                                @php
                                    $dPlus = sqrt(array_sum(array_map(fn($k) => pow($kar['ternormalisasi_terbobot'][$k] - $solusi_ideal_pos[$k], 2), array_keys($solusi_ideal_pos))));
                                    $dMin = sqrt(array_sum(array_map(fn($k) => pow($kar['ternormalisasi_terbobot'][$k] - $solusi_ideal_neg[$k], 2), array_keys($solusi_ideal_neg))));
                                @endphp
                                <tr>
                                    <td>{{ $kar['nama'] }}</td>
                                    <td>{{ number_format($dPlus, 4) }}</td>
                                    <td>{{ number_format($dMin, 4) }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- Hasil Akhir --}}
                <div class="tab-pane fade" id="hasil" role="tabpanel">
                    <div class="table-responsive">
                        <table class="table table-bordered table-sm">
                            <thead>
                                <tr>
                                    <th>Ranking</th>
                                    <th>Nama</th>
                                    <th>Nilai Preferensi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($dataKaryawan as $i => $kar)
                                <tr>
                                    <td>{{ $i + 1 }}</td>
                                    <td>{{ $kar['nama'] }}</td>
                                    <td>{{ number_format($kar['nilai_topsis'], 4) }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

{{-- Bootstrap JS if needed --}}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
@endsection