@extends('general.index', $setup)
@section('tbody')
@php
    use Illuminate\Support\Facades\Crypt;
@endphp

<style>
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.footer {
    margin-top: auto !important;
}
</style>

@foreach ($setup['items'] as $item)
<tr>
  <td>
                <input type="checkbox" class="single-check" data-id="{{ $item->id }}">
            </td>

    <td>{{ $item->name }}</td>

    @php
        // Define the parameter/ID for use in the JS routes
        $param = [];
        $param[$setup['parameter_name']] = $item->id;
        $encryptedId = Crypt::encrypt($item->id);
    @endphp
    <td>
        @if ($setup['hasFloorPlan'])
            <a href="{{ route('floorplan.edit', $encryptedId) }}" class="btn btn-success btn-sm">
                <span class="btn-inner--icon"><i class="ni ni-vector"></i></span> 
                {{ __('Floor Plan') }}
            </a>
        @endif

    </td>
</tr>
@endforeach

<script>
document.addEventListener("DOMContentLoaded", function () {
    const checks = document.querySelectorAll('.single-check');
    const editBtn = document.getElementById('external-edit-btn');
    const deleteBtn = document.getElementById('external-delete-btn');
    let selectedId = null;

    checks.forEach(check => {
        check.addEventListener('change', function () {
            if (this.checked) {
                // Uncheck all others
                checks.forEach(other => {
                    if (other !== this) other.checked = false;
                });
                selectedId = this.dataset.id;
                editBtn.classList.remove('disabled');
                deleteBtn.classList.remove('disabled');
            } else {
                selectedId = null;
                editBtn.classList.add('disabled');
                deleteBtn.classList.add('disabled');
            }
        });
    });

    editBtn.addEventListener('click', function(e) {
        e.preventDefault();
        if (!selectedId) return;

        // Build the route dynamically (Laravel style)
        const url = "{{ route($setup['webroute_path'].'edit', ':id') }}".replace(':id', selectedId);
        window.location.href = url;
    });

    deleteBtn.addEventListener('click', function(e) {
        e.preventDefault();
        if (!selectedId) return;

        if (confirm("Are you sure you want to delete this item?")) {
            const url = "{{ route($setup['webroute_path'].'delete', ':id') }}".replace(':id', selectedId);
            window.location.href = url;
        }
    });
});
</script>


@endsection