@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'>Tambah</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>Nama Profile</th>
                                            <th>Gedung</th>
                                            <th>Parameter Set</th>
                                            <th>Line</th>
                                            <th>Item Group</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($item as $profile)
                                            @php
                                                $profileName = ($profile->nama_line ?: 'Seluruh Line')
                                                    . ' Item ' . $profile->item_group;
                                            @endphp
                                            <tr class='{{ $profile->isactive == '0' ? 'not' : '' }}'>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>
                                                    <span class='font-weight-bold'>{{ $profileName }}</span>
                                                </td>
                                                <td>{{ $profile->nama_gedung }}</td>
                                                <td>{{ $profile->nama_parameter_set }}</td>
                                                <td>{{ $profile->nama_line ?: 'Seluruh Line' }}</td>
                                                <td>
                                                    <span class='badge bg-info text-dark'>{{ $profile->item_group }}</span>
                                                </td>
                                                <td>
                                                    <span class='badge bg-{{ $profile->isactive == '1' ? 'success' : 'danger' }}'>
                                                        {{ $profile->isactive == '1' ? 'Active' : 'Not Active' }}
                                                    </span>
                                                </td>
                                                <td class='text-center align-middle'>
                                                    <div class='d-flex justify-content-center gap-2'>
                                                        <button
                                                            type='button'
                                                            class='btn btn-sm btn-info mb-0'
                                                            title='View Data'
                                                            onclick='window.location=@json(url($url_menu . '/show/' . encrypt($profile->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'
                                                                title='Edit Data'
                                                                onclick='window.location=@json(url($url_menu . '/edit/' . encrypt($profile->id)))'
                                                            >
                                                                <i class='fas fa-edit'></i>
                                                                <span class='font-weight-bold'>Edit</span>
                                                            </button>
                                                        @endif

                                                        @if ($authorize->delete == '1')
                                                            <form
                                                                action='{{ url($url_menu . '/' . encrypt($profile->id)) }}'
                                                                method='POST'
                                                                class='d-inline'
                                                            >
                                                                @csrf
                                                                @method('DELETE')
                                                                <button
                                                                    type='submit'
                                                                    class='btn btn-sm btn-{{ $profile->isactive == '0' ? 'success' : 'danger' }} mb-0'
                                                                    onclick='return deleteProfile(event, @json($profileName), @json($profile->isactive == '0' ? 'Aktifkan' : 'Non Aktifkan'))'
                                                                >
                                                                    <i class='fas fa-random'></i>
                                                                    <span class='font-weight-bold'>
                                                                        {{ $profile->isactive == '0' ? 'Aktifkan' : 'Non Aktifkan' }}
                                                                    </span>
                                                                </button>
                                                            </form>
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

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

            const table = $(tableSelector).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
        });

        function deleteProfile(event, name, action) {
            event.preventDefault();
            Swal.fire({
                title: 'Konfirmasi',
                text: 'Apakah Anda yakin ' + action + ' data ' + name + ' ini?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Ya, ' + action,
                cancelButtonText: 'Batal',
                confirmButtonColor: '#028284'
            }).then(result => {
                if (result.isConfirmed) {
                    event.target.closest('form').submit();
                }
            });
            return false;
        }
    </script>
@endpush