@extends('admin.layout.layout')

@section('title', 'Data Penghitungan ' . $siswa->name)

@section('title-bar', 'Data Penghitungan ' . $siswa->name)

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Data Alternatif</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="test-1" class="display min-w850">
                            <thead>
                                <tr>
                                    <th>Mitra</th>
                                    @foreach ($kriteria as $data_kriteria)
                                    <th>{{ $data_kriteria->name }}</th>
                                    @endforeach
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($mitra as $detail_mitra)
                                <tr>
                                    <td>{{ $detail_mitra->name }}</td>
                                    @foreach ($kriteria as $data_kriteria)
                                    @foreach ($detail_siswa as $data_detail_siswa)
                                    @php
                                    $id_tanpa_spasi = str_replace(' ', '', $data_kriteria->name);
                                    $bobot = \App\Models\DetailMitra::where('id_mitra', $detail_mitra->id)->where('id_kriteria', $data_kriteria->id)->where('id_kriteria', $data_detail_siswa->id_kriteria)->where('id_nilai_kepentingan', $data_detail_siswa->id_nilai_kepentingan)->first();
                                    if ($bobot) {
                                    echo "<td id='$id_tanpa_spasi'>" . $bobot->bobot . "</td>";
                                    } else {

                                    }
                                    @endphp
                                    @endforeach
                                    @endforeach
                                </tr>
                                @endforeach

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Kriteria</h4>
                </div>
                <div class="table-responsive">
                    <table id="test-2" class="display min-w850">
                        <thead>
                            <tr>
                                <th>Detail</th>
                                @foreach ($kriteria as $data )
                                <th>{{ $data->name }}</th>
                                @endforeach

                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Bobot</td>
                                @foreach ($kriteria as $data )
                                <td>{{ $data->bobot }}</td>
                                @endforeach
                            </tr>
                            <tr>
                                <td>Jenis</td>
                                @foreach ($kriteria as $data )
                                <td>{{ $data->jenis }}</td>
                                @endforeach
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Data Normalisasi</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="test-3" class="display min-w850">
                            <thead>
                                <tr>
                                    <th>Mitra</th>
                                    @foreach ($kriteria_headers as $kriteria)
                                    <th>{{ $kriteria }}</th>
                                    @endforeach
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($tampil_normalisasi as $data_normalisasi)
                                <tr>
                                    <td>{{ $data_normalisasi['mitra'] }}</td>
                                    @foreach ($data_normalisasi['data'] as $bobot)
                                    <td>{{ $bobot !== null ? $bobot : '-' }}</td>
                                    @endforeach
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Data Mitra & Nilai Bobot</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="test-4" class="display min-w850">
                            <thead>
                                <tr>
                                    <th>Mitra</th>
                                    <th>Total</th>
                                    <th>Ranking</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($perangkingan_nilai_sama as $data_perangkingan)
                                <tr>
                                    <td>{{ $data_perangkingan['mitra'] }}</td>
                                    <td>{{ $data_perangkingan['nilai'] }}</td>
                                    <td>{{ $data_perangkingan['ranking'] }}</td>
                                    <td class="d-flex gap-2">
                                        @php
                                        $mitra_cuy = \App\Models\Mitra::where('name', $data_perangkingan['mitra'])->first();
                                        $batas_jumlah_mitra = $mitra_cuy->batas_siswa;
                                        $siswa_pada_mitra = \App\Models\Siswa::where('rekomendasi', $data_perangkingan['mitra'])->count();
                                        $cek_user_mitra = \App\Models\Siswa::where('id', $siswa->id)->where('rekomendasi', $data_perangkingan['mitra'])->first();
                                        @endphp
                                        @if ($cek_user_mitra)
                                        <a href="#" class="btn btn-success btn-sm">Mitra Yang Direkomendasikan</a>
                                        <form action="/batalkanmitra" method="post">
                                            @csrf
                                            @method('POST')
                                            <input hidden type="text" name="id_siswa" value="{{ $siswa->id }}">
                                            <input hidden type="text" name="mitra" value="{{ $data_perangkingan['mitra'] }}">
                                            <button type="submit" class="btn btn-warning btn-sm">Batalkan Mitra</button>
                                        </form>
                                        @elseif ($siswa_pada_mitra >= $batas_jumlah_mitra)
                                        <a href="#" class="btn btn-danger btn-sm">Kuota Mitra Penuh</a>
                                        @else
                                        <a href="#" data-bs-toggle="modal" data-bs-target="#PilihMitra{{ $data_perangkingan['ranking'] }}" class="btn btn-primary btn-sm">Pilih Mitra</a>
                                        @endif
                                    </td>
                                </tr>

                                <!-- Detail mitra -->
                                <div class="modal fade" id="PilihMitra{{ $data_perangkingan['ranking'] }}">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">Pilih Mitra</h5>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal">
                                                </button>
                                            </div>
                                            <form action="/rekomendasimitrabyadmin" method="post">
                                                @csrf
                                                @method('POST')
                                                <div class="modal-body">
                                                    <input hidden type="text" name="id_siswa" value="{{ $siswa->id }}">
                                                    <input hidden type="text" name="mitra" value="{{ $data_perangkingan['mitra'] }}">
                                                    <p>Anda Yakin Pilih Mitra {{ $data_perangkingan['mitra'] }} ?</p>
                                                </div>

                                                <div class="modal-footer">
                                                    <button type="submit" class="btn btn-primary">Save changes</button>
                                                    <button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <!-- detail mitra -->
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')

@if(Session::get('addmitrabyadmin'))
<script>
    toastr.success("Rekomendasi Berhasil ditambah", "Info", {
        timeOut: 5000
        , closeButton: !0
        , debug: !1
        , newestOnTop: !0
        , progressBar: !0
        , positionClass: "toast-top-right"
        , preventDuplicates: !0
        , onclick: null
        , showDuration: "300"
        , hideDuration: "1000"
        , extendedTimeOut: "1000"
        , showEasing: "swing"
        , hideEasing: "linear"
        , showMethod: "fadeIn"
        , hideMethod: "fadeOut"
        , tapToDismiss: !1
    })

</script>
@endif
@if(Session::get('addmitrabyadmingagal'))
<script>
    toastr.success("Rekomendasi gagal diubah, batas jumlah siswa mitra sudah tercapai", "Info", {
        timeOut: 5000
        , closeButton: !0
        , debug: !1
        , newestOnTop: !0
        , progressBar: !0
        , positionClass: "toast-top-right"
        , preventDuplicates: !0
        , onclick: null
        , showDuration: "300"
        , hideDuration: "1000"
        , extendedTimeOut: "1000"
        , showEasing: "swing"
        , hideEasing: "linear"
        , showMethod: "fadeIn"
        , hideMethod: "fadeOut"
        , tapToDismiss: !1
    })

</script>
@endif
@if(Session::get('batalkanmitra'))
<script>
    toastr.success("Rekomendasi berhasil dibatalkan", "Info", {
        timeOut: 5000
        , closeButton: !0
        , debug: !1
        , newestOnTop: !0
        , progressBar: !0
        , positionClass: "toast-top-right"
        , preventDuplicates: !0
        , onclick: null
        , showDuration: "300"
        , hideDuration: "1000"
        , extendedTimeOut: "1000"
        , showEasing: "swing"
        , hideEasing: "linear"
        , showMethod: "fadeIn"
        , hideMethod: "fadeOut"
        , tapToDismiss: !1
    })

</script>
@endif

<script>
    $('#test-1').DataTable({
        autoWidth: true
        , dom: 'Bfrtip'
        , pageLength: -1,

        buttons: [{
                extend: 'colvis'
                , className: 'btn btn-primary btn-sm'
                , text: 'Column Visibility',


            },

            {
                extend: 'excel'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },


            {
                extend: 'pdf'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },

            {
                extend: 'print'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },



        ]
    , });
    $('#test-2').DataTable({
        autoWidth: true
        , dom: 'Bfrtip'
        , pageLength: -1,

        buttons: [{
                extend: 'colvis'
                , className: 'btn btn-primary btn-sm'
                , text: 'Column Visibility',

            },

            {
                extend: 'excel'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },


            {
                extend: 'pdf'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },

            {
                extend: 'print'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },



        ]
    , });
    $('#test-3').DataTable({
        autoWidth: true
        , dom: 'Bfrtip'
        , pageLength: -1,

        buttons: [{
                extend: 'colvis'
                , className: 'btn btn-primary btn-sm'
                , text: 'Column Visibility',


            },

            {
                extend: 'excel'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },


            {
                extend: 'pdf'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },

            {
                extend: 'print'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },



        ]
    , });
    $('#test-4').DataTable({
        autoWidth: true
        , dom: 'Bfrtip'
        , ordering: false
        , pageLength: -1,

        buttons: [{
                extend: 'colvis'
                , className: 'btn btn-primary btn-sm'
                , text: 'Column Visibility',


            },

            {
                extend: 'excel'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },


            {
                extend: 'pdf'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },

            {
                extend: 'print'
                , className: 'btn btn-primary btn-sm'
                , exportOptions: {
                    columns: [0, ':visible']
                }
            },



        ]
    , });

</script>




@endsection