@php
    $lastKey = '';
    if (!empty($title)) {
        $keys = array_keys($title);
        $lastKey = end($keys);
    }
@endphp

@extends('layouts.app')
@section('page-metaSEO')
    <title>{{$lastKey}}</title>
@endsection
@section('page-css')
    <link rel="stylesheet" href="{{ env('APP_URL') }}/css/table.css?v={{ env('CACHE_VERSION') }}">
    <link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/3.2.0/css/buttons.dataTables.css">
@endsection
@section('content')
    <div class="table-container mb-5">

        <input type="hidden" id="pagetitle" value="{{ $lastKey }}">


        <div id="datatable-loader">
            <div class="spinner"></div>
        </div>

        @php
            $actions = explode(',', $config['actions'] ?? '');
        @endphp


        @if( isset($config['can_add']) && $config['can_add'] == false )

        @else
            <a href="{{ route('admin.create', $section) }}" class="add-btn">+</a>
        @endif

        @if(isset($config['related']))
            <div class="related-sections">

                @foreach($config['related'] as $subtitle => $item)
                    <a href="{{ $item['link'] }}"
                       class="{{ isset($item['current']) && $item['current'] ? 'active' : '' }}">
                        {{ $subtitle }}
                    </a>
                @endforeach
            </div>
        @endif
        <table id="myTable" class="display" style="width:100%">
            <thead>
                <tr>
                    @if(in_array('edit', $actions))
                        <th style="max-width:10px"></th>
                    @endif
                    @if(in_array('activate', $actions))
                        <th style="max-width:10px"></th>
                    @endif
                    @if(in_array('delete', $actions))
                        <th style="max-width:10px"></th>
                    @endif
                    @foreach($config['columns'] as $field => $meta)
                        @if($meta['visible'] ?? true)
                            <!-- Check if visible is true, or default to true if not set -->
                            <th>{{ $meta['label'] ?? ucfirst(str_replace('_', ' ', $field)) }}</th>
                        @endif
                    @endforeach
                </tr>
            </thead>
            <tbody>

                @foreach($rows as $row)
                    <tr>
                        @if(in_array('edit', $actions))
                            <td style="max-width:10px">
                                @php
                                    $typSpeColumn = null;
                                    foreach ($config['columns'] as $field => $meta) {
                                        if (str_contains(strtolower($field), 'typ_iden')) {
                                            $typSpeColumn = $field;
                                            break;
                                        }
                                    }
                                @endphp

                            @if (strtolower($row->$typSpeColumn) != 'spe')
                                    <i data-tippy="--" class="fa-solid fa-pen icon-disabled"></i>
                                @else
                                    <a href="{{ route('admin.edit', ['section' => $section, 'id' =>  $row->{ $config['primary_key'][0] } ]) }}">
                                        <i data-tippy="Edit"
                                           class="fa-solid fa-pen"></i></a>
                                @endif
                            </td>
                        @endif
                        @if(in_array('activate', $actions))
                            <td style="max-width:10px">
                                <i data-route="{{ route('admin.activetoggle', ['section' => $section, 'id' => $row->{ $config['primary_key'][0] } ]) }}"
                                   data-tippy="Activer/Desactiver"
                                   data-action="activetoggle"
                                   class="fa-solid fa-x"></i>
                            </td>
                        @endif

                        @if(in_array('delete', $actions))
                            <td style="max-width:10px"><i data-tippy="Delete" class="fa-solid fa-trash"></i></td>
                        @endif
                        @foreach($config['columns'] as $field => $meta)
                            @if($meta['visible'] ?? true)
                                <!-- Check if visible is true, or default to true if not set -->
                                @php
                                    $type = $meta['type'];
                                    $tooltipCol = $meta['tooltip'] ?? null;
                                    $tooltipVal = null;

                                    // Only apply logic if 'tooltipCol' is not empty or null
                                    if ($tooltipCol) {
                                        $rawVal = $row->$tooltipCol ?? '';
                                        $tooltipVal = e(trim($rawVal) !== '' ? $rawVal : '--');
                                    }
                                @endphp
                                <td @if($tooltipVal) data-tippy="{{ $tooltipVal }}" @endif>
                                    @if (strtolower($field) == 'affecte')
                                        <div class="text-center" data-affecte-column="true">
                                            @if ($row->$field == 't')
                                                oui
                                            @else
                                                <span class="affecte-red">non</span>
                                            @endif
                                        </div>
                                    @elseif (str_contains(strtolower($field), 'typ_iden'))
                                        <div class="text-center">
                                            @if (strtolower($row->$field) == 'spe')
                                                oui
                                            @else
                                                <span style="color:red">non</span>
                                            @endif
                                        </div>
                                    @elseif (strtolower($field) == 'rto' || strtolower($field) == 'rpo' || strtolower($field) == 'mto' )
                                        <div class="text-center">
                                            {{ displayRto($row->$field) }}
                                        </div>
                                    @elseif($type === 'color')
                                        <div style="width:15px;height:15px;background-color:{{ $row->$field }};"></div>
                                    @elseif($type === 'datetime'  && !empty($row->$field) )
                                        {{ formatDate($row->$field) }}
                                    @elseif($type === 'date'  && !empty($row->$field))
                                        {{ formatDate($row->$field) }}
                                    @elseif($type === 'time'  && !empty($row->$field))
                                        {{ formatDate($row->$field, $timeOnly = true) }}
                                    @elseif ($field =='exposure')
                                        <span style="color:{{ $row->exposure_color}}">
                                        {{ $row->exposure}}
                                        </span>
                                    @elseif ($field == 'modified_by')
                                        {{ $row->modified_by_user }} <br>
                                        {{ $row->modified_by_date }}
                                    @elseif ($field =='owner')
                                        {!! $row->owner_label !!}
                                    @elseif ($field =='idPays')
                                        <img style="position: relative;top:-2px"
                                             src="{{ env('ASSET_URL') }}/images/countryflags/{{ $row->pays_flag}}"/>
                                        {{ $row->pays}}
                                    @elseif ($field =='id_ind')
                                        {{ $row->indicateur}}
                                    @elseif($field == 'id_orga')
                                        {{ last(parseOrganisationHierarchy($row->$field)) }}
                                    @else
                                        {{ strip_tags(html_entity_decode($row->$field)) }}
                                    @endif
                                </td>
                            @endif
                        @endforeach

                    </tr>
                @endforeach

            </tbody>
        </table>
    </div>


    <!-- Browse List Modal -->
    <div class="modal fade" id="browseListModal" tabindex="-1" aria-labelledby="browseListModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg"> <!-- adjust size if needed -->
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="browseListModalLabel">Browse List</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" id="browseListModalBody">
                    <!-- AJAX response HTML will be injected here -->
                </div>
            </div>
        </div>
    </div>

@endsection
@section('scripts')
    <script>
        const browse = {{ in_array('browse', $actions) ? 'true' : 'false' }};
        const currentSection = @json($section);
    </script>

    @include('js.js-table')
    <script>
        window.addEventListener('load', function () {
            window.dispatchEvent(new Event('resize'));
        });
    </script>
@endsection