@php
    use App\Models\Penyakit;
    use App\Models\Indikator;
    use App\Models\Aturan;

    $aturan = Aturan::all();
@endphp

@extends('admin.layout.main', ['title' => 'Aturan'])

@section('main')
    <div class="page-heading d-flex justify-content-between">
        <h3>Masukan Aturan</h3>
        <button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#tambah">Tambahkan Aturan Penyakit</button>
    </div>

    {{-- Modal Tambah Data --}}
    <div class="modal fade" id="tambah" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="{{ url('input-rules') }}" method="POST">
                    @csrf
                    <div class="modal-header">
                        <h1 class="modal-title fs-5">Tambah Aturan</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <label class="form-label">Penyakit</label>
                            <select class="form-select mb-2" name="kode_penyakit">
                                @foreach (Penyakit::all() as $penyakit)
                                    <option value="{{ $penyakit->id }}">{{ Str::title($penyakit->penyakit) }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="form-label mt-3">Gejala</label>
                            <div id="indikator-checkbox">
                                @foreach (Indikator::all() as $indikator)
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="kode_indikator[]" value="{{ $indikator->id }}">
                                        <label class="form-check-label">{{ Str::title($indikator->indikator) }}</label>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Bobot Kemiripan</label>
                            <input type="number" class="form-control" step="0.01" placeholder="0.0" name="nilai_cf" required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Save changes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Notifikasi Error --}}
    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show">
            <strong>Terjadi Kesalahan!</strong> Silakan coba lagi.
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="card">
        <div class="card-body">
            @if ($aturan->isNotEmpty())
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Kode Penyakit</th>
                            <th>Nama Penyakit</th>
                            <th>Kode Gejala</th>
                            <th>Nama Gejala</th>
                            <th>Bobot Perbandingan Kasus</th>
                            <th>Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($aturan as $item)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $item->penyakit ? $item->penyakit->kode : 'N/A' }}</td>
                                <td>{{ $item->penyakit ? $item->penyakit->penyakit : 'N/A' }}</td>
                                <td>{{ $item->kode_indikator }}</td> <!-- Tampilkan sebagai string biasa -->
                                <td>
                                    @foreach ($item->indikator as $indikator)
                                        {{ $indikator->indikator }}<br>
                                    @endforeach
                                </td>
                                <td>{{ $item->nilai_cf }}</td>
                                <td>
                                    <button class="btn btn-primary" data-bs-toggle="modal"
                                        data-bs-target="#edit{{ $item->id }}"><i class="bi bi-pencil-square"></i></button>
                                    <button class="btn btn-danger" data-bs-toggle="modal"
                                        data-bs-target="#delete{{ $item->id }}"><i class="bi bi-trash-fill"></i></button>
                                </td>
                            </tr>

                            {{-- Modal Edit Data --}}
                            <div class="modal fade" id="edit{{ $item->id }}" tabindex="-1">
                                <div class="modal-dialog modal-dialog-centered">
                                    <div class="modal-content">
                                        <form action="{{ url('input-rules/' . $item->id) }}" method="POST">
                                            @csrf
                                            @method('PUT')
                                            <div class="modal-header">
                                                <h1 class="modal-title fs-5">Edit Aturan</h1>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                            </div>
                                            <div class="modal-body">
                                                <div class="mb-3">
                                                    <label class="form-label">Penyakit</label>
                                                    <select class="form-select mb-2" name="kode_penyakit">
                                                        @foreach (Penyakit::all() as $penyakit)
                                                            <option value="{{ $penyakit->id }}" 
                                                                {{ $penyakit->id == $item->kode_penyakit ? 'selected' : '' }}>
                                                                {{ Str::title($penyakit->penyakit) }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div>
                                                    <label class="form-label mt-3">Gejala</label>
                                                    <div id="indikator-checkbox">
                                                        @php
                                                            // Pisahkan kode_indikator menjadi array
                                                            $selectedIndikators = explode(',', $item->kode_indikator);
                                                        @endphp
                                                        @foreach (Indikator::all() as $indikator)
                                                            <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" name="kode_indikator[]"
                                                                    value="{{ $indikator->id }}"
                                                                    {{ in_array($indikator->id, $selectedIndikators) ? 'checked' : '' }}>
                                                                <label class="form-check-label">
                                                                    {{ Str::title($indikator->indikator) }}
                                                                </label>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label">Bobot Kemiripan</label>
                                                    <input type="number" class="form-control" step="0.01" 
                                                        value="{{ $item->nilai_cf }}" name="nilai_cf" required>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-primary">Save changes</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>

                            {{-- Modal Delete --}}
                            <div class="modal fade" id="delete{{ $item->id }}" tabindex="-1">
                                <div class="modal-dialog modal-dialog-centered">
                                    <div class="modal-content">
                                        <form action="{{ url('input-rules/' . $item->id) }}" method="POST">
                                            @csrf
                                            @method('DELETE')
                                            <div class="modal-body">
                                                <h4 class="text-center">Yakin ingin menghapus aturan ini?</h4>
                                                <div class="d-flex justify-content-center">
                                                    <button type="submit" class="btn btn-danger">Delete</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </tbody>
                </table>
            @endif
        </div>
    </div>
@endsection