@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@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">
                                {{-- alert --}}
                                @include('components.alert')
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">
                        <div class="row px-4 py-2">
                            <div class="col-lg">
                                <div class="nav-wrapper">
                                    {{-- check authorize add --}}
                                    @if ($authorize->add == '1')
                                        {{-- button add --}}
                                        <button class="btn btn-primary mb-0"
                                            onclick="window.location='{{ URL::to($url_menu . '/add') }}'"><i
                                                class="fas fa-plus me-1"> </i><span class="font-weight-bold">
                                                Tambah</button>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row px-4 py-2">
                            <div class="table-responsive">
                                <table class="table display" id="list_{{ $dmenu }}">
                                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                                        <tr>
                                            <th>No</th>
                                            {{-- retrieve table header --}}
                                            @foreach ($table_header as $header)
                                                <th>{{ $header->alias }}</th>
                                            @endforeach
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    @php
                                        // amanin kalau variabel belum diset
                                        $table_header = $table_header ?? collect();
                                        $table_detail = $table_detail ?? collect();
                                        $primary = $table_primary->field ?? 'id';
                                    @endphp
                                    <tbody>
                                        @foreach ($table_detail as $detail)
                                            @php
                                                $vcount = $loop->iteration;
                                            @endphp
                                            <tr {{ ($detail->isactive ?? '1') == '0' ? 'class=not style=background-color:#ffe9ed;' : '' }}>
                                                <td>{{ $vcount }}</td>

                                                @foreach ($table_header as $field)
                                                    @php
                                                        $string = $field->field;
                                                    @endphp

                                                    {{-- untuk Subkat: field "detail_name" itu hasil select alias, jadi aman dipakai --}}
                                                    <td class="text-sm font-weight-{{ ($field->primary ?? '0') == '1' ? 'bold text-dark' : 'normal' }}">
                                                        {{ $detail->$string ?? '' }}
                                                    </td>
                                                @endforeach

                                                <td class="text-sm font-weight-normal">
                                                    <button type="button" class="btn btn-sm btn-primary mb-0"
                                                        title="View Data"
                                                        onclick="window.location='{{ url($url_menu . '/show' . '/' . encrypt($detail->$primary)) }}'">
                                                        <i class="fas fa-eye"> </i><span class="font-weight-bold">View</span>
                                                    </button>

                                                    @if (($authorize->edit ?? '0') == '1')
                                                        @if (($detail->isactive ?? 1) == 1)
                                                            <button type="button" class="btn btn-sm btn-warning mb-0"
                                                                title="Edit Data"
                                                                onclick="window.location='{{ url($url_menu . '/edit' . '/' . encrypt($detail->$primary)) }}'">
                                                                <i class="fas fa-edit"></i><span class="font-weight-bold">Edit</span>
                                                            </button>
                                                        @endif
                                                    @endif

                                                    @if (($authorize->delete ?? '0') == '1')
                                                        <form action="{{ url($url_menu . '/' . encrypt($detail->$primary)) }}"
                                                            method="POST" style="display: inline">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit"
                                                                class="btn btn-sm btn-{{ ($detail->isactive ?? '1') == '0' ? 'success' : 'danger' }} mb-0"
                                                                title="Hapus Data"
                                                                onclick="return deleteData(event, '{{ $detail->$primary }}','{{ ($detail->isactive ?? '1') == '0' ? 'Aktifkan' : 'Non Aktifkan' }}')">
                                                                <i class="fas fa-random"></i>
                                                                <span class="font-weight-bold">
                                                                    {{ ($detail->isactive ?? '1') == '0' ? 'Aktifkan' : 'Non Aktifkan' }}
                                                                </span>
                                                            </button>
                                                        </form>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row px-4 py-2">
                            <div class="col-lg">
                                <div class="nav-wrapper" id="noted"><code>Note : <i aria-hidden="true"
                                            style="color: #ffc2cd;" class="fas fa-circle"></i> Data not active </code>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Include JavaScript File --}}
    @include('js.subkat')
@endsection