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

                        <div class='row px-4 py-2'>
                            <div class='col-xl'>
                                <div class='nav-wrapper'>
                                    @if ($authorize->add == '1')
                                        <button
                                            class='btn btn-primary mb-0'
                                            onclick='window.location=@json(URL::to($url_menu . '/add'))'
                                        >
                                            <i class='fas fa-plus me-1'></i>
                                            <span class='font-weight-bold'>Atur Komponen Baru</span>
                                        </button>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class='row px-4 py-2'>
                            <div class='table-responsive'>
                                <table class='table display' id='list_{{ $dmenu }}'>
                                    <thead style='background-color: #00b7bd4f'>
                                        <tr>
                                            <th>No</th>
                                            <th>Parameter Set</th>
                                            <th>Header</th>
                                            <th>Form</th>
                                            <th>Roll</th>
                                            <th>Total Komponen</th>
                                            <th>Profile</th>
                                            <th>Status Struktur</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($item as $set)
                                            @php
                                                $hasHistory = (int) $set->jumlah_riwayat_parameter > 0;
                                                $hasActiveComponents = (int) $set->jumlah_parameter > 0;
                                            @endphp
                                            <tr class='{{ $set->isactive == '0' ? 'not' : '' }}'>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>
                                                    <span class='font-weight-bold'>{{ $set->nama_parameter_set }}</span>
                                                </td>
                                                <td>{{ $set->jumlah_header }}</td>
                                                <td>{{ $set->jumlah_form }}</td>
                                                <td>{{ $set->jumlah_roll }}</td>
                                                <td>{{ $set->jumlah_parameter }}</td>
                                                <td>{{ $set->jumlah_profile }}</td>
                                                <td>
                                                    @if ($set->isactive == '0')
                                                        <span class='badge bg-danger'>Set Nonaktif</span>
                                                    @elseif (!$hasActiveComponents)
                                                        <span class='badge bg-warning text-dark'>Belum Diatur</span>
                                                    @else
                                                        <span class='badge bg-success'>Siap Digunakan</span>
                                                    @endif
                                                </td>
                                                <td class='text-center align-middle'>
                                                    <div class='d-flex justify-content-center gap-2'>
                                                        @if ($hasHistory)
                                                            <button
                                                                type='button'
                                                                class='btn btn-sm btn-info mb-0'
                                                                onclick='window.location=@json(url($url_menu . '/show/' . encrypt($set->parameter_set_id)))'
                                                            >
                                                                <i class='fas fa-eye'></i>
                                                                <span class='font-weight-bold'>View</span>
                                                            </button>
                                                            @if ($authorize->edit == '1')
                                                                <button
                                                                    type='button'
                                                                    class='btn btn-sm btn-warning mb-0'
                                                                    onclick='window.location=@json(url($url_menu . '/edit/' . encrypt($set->parameter_set_id)))'
                                                                >
                                                                    <i class='fas fa-edit'></i>
                                                                    <span class='font-weight-bold'>Edit Komponen</span>
                                                                </button>
                                                            @endif
                                                        @elseif ($authorize->add == '1' && $set->isactive == '1')
                                                            <button
                                                                type='button'
                                                                class='btn btn-sm btn-primary mb-0'
                                                                onclick='window.location=@json(url($url_menu . '/add?parameter_set_id=' . $set->parameter_set_id))'
                                                            >
                                                                <i class='fas fa-sliders-h'></i>
                                                                <span class='font-weight-bold'>Atur Komponen</span>
                                                            </button>
                                                        @else
                                                            <span class='text-secondary text-xs'>Tidak ada aksi</span>
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class='row px-4 py-2'>
                            <div class='col-lg'>
                                <code>
                                    Status Parameter Set dikelola melalui menu Parameter Set. Menu ini hanya mengatur komponen form.
                                </code>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            const selector = '#list_{{ $dmenu }}';
            if ($.fn.DataTable.isDataTable(selector)) {
                $(selector).DataTable().destroy();
            }

            $(selector).DataTable({
                scrollX: true,
                language: {
                    search: 'Cari:',
                    lengthMenu: 'Tampilkan _MENU_ data',
                    zeroRecords: 'Data tidak ditemukan',
                    info: 'Data _START_ - _END_ dari _TOTAL_',
                    infoEmpty: 'Tidak ada data',
                    infoFiltered: '(pencarian dari _MAX_ data)'
                },
                dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'excelHtml5',
                        text: '<i class=\'fas fa-file-excel me-1 text-lg text-success\'></i> Excel',
                        exportOptions: { columns: ':visible:not(:last-child)' }
                    },
                    {
                        extend: 'pdfHtml5',
                        text: '<i class=\'fas fa-file-pdf me-1 text-lg text-danger\'></i> PDF',
                        exportOptions: { columns: ':visible:not(:last-child)' }
                    },
                    {
                        extend: 'print',
                        text: '<i class=\'fas fa-print me-1 text-lg text-info\'></i> Print',
                        exportOptions: { columns: ':visible:not(:last-child)' }
                    }
                ]
            });

            $('.dt-button').addClass('btn btn-secondary').removeClass('dt-button');
            @if ($authorize->excel == '0')
                $('.buttons-excel').remove();
            @endif
            @if ($authorize->pdf == '0')
                $('.buttons-pdf').remove();
            @endif
            @if ($authorize->print == '0')
                $('.buttons-print').remove();
            @endif
        });
    </script>
@endpush