@extends('../layout/form-layout')

@section('form-name', 'Modules Update')

@section('form-area')


<div class="col-span-12 lg:col-span-8 xxl:col-span-9">
    <!-- BEGIN: Display Information -->
    <div class="p-5" id="form-validation">
        <form class="validate-form" id="frmdt" method="POST" action="{{ route('module_save') }} " enctype="multipart/form-data">
            @csrf
            <div class="grid grid-cols-12 gap-5">
                <div class="col-span-12 xl:col-span-12">
                    <table class="table">

                        <thead>
                            <tr>
                                <th class="border-b-2 dark:border-darkmode-400 whitespace-nowrap"></th>
                                <th class="border-b-2 dark:border-darkmode-400 text-right whitespace-nowrap">Module Status</th>
                                <!-- <th class="border-b-2 dark:border-darkmode-400 text-right whitespace-nowrap">File Status</th> -->
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($module_list as $module)
                            <tr>
                                <td class="border-b dark:border-darkmode-400">
                                    <div class="font-medium whitespace-nowrap">{{ $module->module_name }}</div>
                                </td>
                                <td class="text-right border-b dark:border-darkmode-400 w-50">
                                    <input class="input input--switch ml-auto border module" type="checkbox" value="{{$module->id}}" @if($module->status==1) checked @endif @if($module->id==1) disabled @endif >
                                </td>
                                <!-- <td class="text-right border-b dark:border-darkmode-400 w-32">
                                    <input class="input input--switch ml-auto border" name="theme_color" type="checkbox" @if($module->files_status==1) checked @endif disabled>
                                </td>
                                <td class="text-right border-b dark:border-darkmode-400 w-32 font-medium">
                                </td> -->
                            </tr>
                            @endforeach

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


    </div>
</div>
</div>



@endsection

@section('script-area')


<script>
    $(document).ready(function() {
        $('#save').fadeIn('fast');
        $('#cancel').fadeIn('fast');

        $('#save').click(function() {
            preloader();
            var msg = 'Modules update can affect the database and whole system process. So, do you real want to update modules ? '
            confirmnotify(msg).then((result) => {
                var modules_ids = [];
                if (result.isConfirmed) {
                    $('.module').each(function() {
                        this.checked ? modules_ids.push(this.value) : '';
                    });
                    var input = $("<input>").attr("type", "hidden").attr("name", "modules_array").val(modules_ids);
                    $('#frmdt').append($(input)).submit();
                } else if (result.isDenied) {
                    removeLoader();
                }
            });
        });
    });
</script>

@endsection