@extends('layouts.app')
@section('title', __('lang_v1.manage_modules'))

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">
            @lang('lang_v1.delete_modules')
            <small class="tw-text-sm md:tw-text-base tw-text-gray-700 tw-font-semibold">Only superadmin can access manage
                modules</small>
        </h1>



    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">

            <div class="col-md-12">
                @component('components.widget')
                    <form id="bulk-delete-form"
                        action="{{ action([\App\Http\Controllers\Install\ModulesController::class, 'destroyModule']) }}"
                        method="POST" onsubmit="return validateSelection();">
                        @csrf
                        @method('DELETE')

                        <table class="table">
                            <tr class="success">
                                <th class="col-md-1">
                                    <input type="checkbox" id="select-all">
                                </th>
                                <th class="col-md-1">#</th>
                                <th class="col-md-4">@lang('lang_v1.modules')</th>
                            </tr>

                            @foreach ($modules as $module)
                                <tr>
                                    <td>
                                        <input type="checkbox" name="modules[]" value="{{ $module['name'] }}"
                                            class="module-checkbox">
                                    </td>
                                    <td>{{ $loop->iteration }}</td>
                                    <td><strong>{{ $module['name'] }}</strong></td>
                                </tr>
                            @endforeach
                        </table>

                        <button type="submit" class="tw-dw-btn tw-dw-btn-sm tw-dw-btn-error">
                            🗑 حذف المحدد
                        </button>
                    </form>
                @endcomponent()
            </div>
        </div>
    </section>
@endsection
@section('javascript')
<script>
    document.getElementById('select-all').addEventListener('change', function () {
        document.querySelectorAll('.module-checkbox')
            .forEach(cb => cb.checked = this.checked);
    });

    function validateSelection() {
        const checked = document.querySelectorAll('.module-checkbox:checked').length;
        if (checked === 0) {
            alert('يرجى اختيار موديول واحد على الأقل قبل الحذف');
            return false;
        }
        return confirm('هل أنت متأكد من حذف الموديولات المحددة؟ سيتم حذف الكود فقط بدون البيانات');
    }
</script>
@endsection