@include('components.theme.pages.header')
<section>
    <!-- basic table -->
    <div class="row">
        <div class="col-12">

            <div class="d-flex mb-4">
                <h1 class="h3 text-gray-800">{{ $data['subtitle'] }}</h1>
                @if (!empty($data['button']))
                    <!--begin::Action-->
                    <div class="ml-auto">
                        @php
                            $url = $data['module']['url'];
                        @endphp
                        <a href="{{ $data['module']['url'] }}" class="btn btn-primary">
                            {{ explode(' ', $data['module']['name'])[0] }} <span
                                class="d-none d-sm-inline ps-2">{{ ucfirst(explode(' ', $data['module']['name'])[1]) }}</span>
                        </a>
                    </div>
                @endif
            </div>

            <div class="card">
                <div class="card-body">
                    @if (session()->has('success'))
                        <div class="alert alert-success">
                            {{ session()->get('success') }}
                        </div>
                    @else
                        @if (session()->has('error'))
                            <div class="alert alert-danger">
                                {{ session()->get('error') }}
                            </div>
                        @endif
                    @endif
                    <!--end::Wrapper-->
                    <div class="table-responsive">
                        <table id="data-table" class="table" width="100%">
                            <thead>
                                <tr class="text-start">
                                    <th>ID</th>
                                    <th>Nama Nasabah</th>
                                    <th>Kriteria</th>
                                    <th>Nilai Faktor</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- @foreach (\App\Models\Nilai::all() as $nilai)
@php
    $nasabah = \App\Models\Alternatif::find($nilai->alternatif_kode);
    $kriteria = \App\Models\Kriteria::find($nilai->kriteria_kode);
@endphp
                                    <tr>
                                        <td>{{ $nilai->id }}</td>
                                        <td>{{ $nilai->alternatif_kode . ' - ' . $nasabah->nama_alternatif }}</td>
                                        <td>{{ $nilai->kriteria_kode . ' - ' . $kriteria->nama_kriteria }}</td>
                                        <td>{{ $nilai->nilai_faktor }}</td>
                                        <td>
                                            <button class="btn btn-secondary btn-sm dropdown-toggle" type="button"
                                                id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false">
                                                Aksi
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <a href="#" class="dropdown-item" data-toggle="modal" data-target="#modalEdit{{ $nilai->id }}">Edit</a>
                                                <a class="dropdown-item" href="{{ site_url('user', 'nilai') . '/delete/' . $nilai->id }}">Hapus</a>
                                            </div>
                                        </td>
                                    </tr>
@endforeach -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@foreach (\App\Models\Alternatif::all() as $alternatif)
    <div class="modal fade" id="modalEdit{{ $alternatif->id_alternatif }}" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Perbarui Nilai</h5>
                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{ site_url('user', 'nilai/update') }}" method="POST">
                        @csrf
                        @php
                            $alt_kode = $alternatif->id_alternatif;

                        @endphp
                        @foreach (\App\Models\Nilai::where('alternatif_kode', $alt_kode)->orderBy('kriteria_kode')->get() as $data_nilai)
                            <div class="form-group mb-2">
                                <input type="hidden" name="nilaiId[]" value="{{ $data_nilai->id }}">
                                <input type="hidden" name="altKode[]" value="{{ $data_nilai->alternatif_kode }}">
                                <input type="hidden" name="kriKode[]" value="{{ $data_nilai->kriteria_kode }}">

                                <?php
                                $kri_kode = $data_nilai->kriteria_kode;
                                foreach (\App\Models\Kriteria::where('id_kriteria', $kri_kode)->get() as $data_kriteria) {
                                ?>
                                <label for="kriNama">{{ $data_kriteria->id_kriteria }} -
                                    {{ $data_kriteria->nama_kriteria }}</label>
                                <select class="form-control" name="nilaiFaktor[]">
                                    <?php
                                        foreach (\App\Models\SubKriteria::where('kriteria_kode', $kri_kode)->get() as $subKriteria) {
                                        ?>
                                    <option value="{{ $subKriteria['subkriteria_bobot'] }}"
                                        {{ $subKriteria['subkriteria_bobot'] == $data_nilai['nilai_faktor'] ? 'selected' : '' }}>
                                        {{ $subKriteria['keterangan'] . ' (bobot : ' . $subKriteria['subkriteria_bobot'] . ')' }}
                                    </option>
                                    <?php } ?>
                                </select>
                                <?php } ?>
                            </div>
                        @endforeach
                        <div class="mb-0">
                            <button type="submit" class="btn btn-primary w-100" name="save">Simpan</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endforeach

@push('scripts')
    <script>
        $(document).ready(function() {
            var table = $('#data-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('nilai') }}",
                columns: [{
                        data: null,
                        name: 'id'
                    },
                    {
                        data: 'nama',
                        name: 'nama'
                    },
                    {
                        data: 'kriteria',
                        name: 'kriteria'
                    },
                    {
                        data: 'nilai_faktor',
                        name: 'nilai_faktor'
                    },
                    {
                        data: null,
                        name: 'action',
                        orderable: false,
                        searchable: false
                    },
                ],
                columnDefs: [{
                    targets: -1,
                    data: null,
                    orderable: false,
                    render: function(data, type, row) {
                        if (row.kriteria_kode == "C1") {
                            return `
                                <button class="btn btn-secondary btn-sm dropdown-toggle" type="button"
                                    id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                    aria-expanded="false">
                                    Aksi
                                </button>
                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                    <a href="#" class="dropdown-item" data-toggle="modal" data-target="#modalEdit${row.alternatif_kode}">Edit</a>
                                    <a class="dropdown-item" href="{{ site_url('user', 'nilai') . '/delete' }}/${row.alternatif_kode}">Hapus</a>
                                </div>
                            `;
                        } else {
                            return '~';
                        }
                    },
                }],
                createdRow: function(row, data, dataIndex) {
                    // Set the sequential number starting from 1
                    $('td', row).eq(0).html(dataIndex + 1);
                }
            });

        });
    </script>
    <!-- <script>
        $('#data-table').dataTable();
    </script> -->
@endpush
@include('components.theme.pages.footer')