@php
    if (empty($set_role_mail)) {
        $set_role_mail_id = '';
        $set_role_mail_role = [];
        $user_groups = []; // เก็บกลุ่ม user แยกตาม index ของ role
    } else {
        $set_role_mail_id = $set_role_mail->set_role_mail_id;
        $set_role_mail_role = explode('///', $set_role_mail->set_role_mail_role);
        
        // แยกกลุ่มด้วย ### ก่อน
        $raw_groups = explode('###', $set_role_mail->set_role_mail_user);
        $user_groups = [];
        foreach($raw_groups as $group) {
            // แยกสมาชิกในกลุ่มด้วย ///
            $user_groups[] = explode('///', $group);
        }
    }

     $breadcrumbs = [
        'Set Mail Admin' => url('/set_mail_admin'),
        'Choose Mail User' => '',
    ];
@endphp

@extends('layouts.master')
@section('title', 'Choose Mail User')

@section('style')
    <style>
         body .EditableTable .checkbox.InEditMode {
            display: block;
        }

        input,
        textarea
         {
            -webkit-appearance: checkbox !important;
        }
    </style>
@endsection

@section('script')
    <script>
        $('.table-example2').DataTable({
                responsive: true,
                aLengthMenu: [100],
                "order": [],
                "bPaginate": true, // Pagination
                "bLengthChange": false, // Entries
                "bFilter": true, // Search
                "bInfo": true, // Showing 1 of All
                "bAutoWidth": true
            });


        $('#select_all').click(function() {
            if ($(this).prop('checked')) {
                $('.item').prop('checked', true);
            } else {
                $('.item').prop('checked', false);
            }
        });

    </script>
    <script>
        $(document).ready(function() {
            $('.js-example-basic-multiple-staff').select2({
                    tags: "true",
                    placeholder: "Select a Staff",
                    maximumSelectionLength: 3,
                    theme: "classic"
                }),
                $('.js-example-basic-multiple-copi').select2({
                    tags: "true",
                    placeholder: "Select a CoPI",
                    theme: "classic"
                });
                // contracttype();
        });
         $(".js-example-researcher").select2();
    </script>
    <script>
        function show_role() {
                let select = $("#role").val();
                console.log('role',select);



        }
    </script>
@endsection

@section('content')
    {{-- @include('layouts.header') --}}


    {{-- <section class="video-wrapper bg-overlay bg-overlay-gradient px-12 mt-0 min-vh-60 bg-cover bg-image"
        data-image-src="{{ asset('/bg/bg_01_new.png') }}"
        style="background-image: url({{ asset('/bg/bg_01_new.png') }}); background-size: 100%; background-position: center;">
        <div class="video-content">
            <div class="container text-center">
                <div class="row">
                    <div class="col-lg-8 col-xl-6 text-center text-white mx-auto">
                        <h1 class="display-1 fs-54 text-white mb-5"><span class="rotator-zoom">@yield('title')</span></h1>

                    </div>
                </div>
            </div>
        </div>
    </section> --}}
    {{-- @include('layouts.title') --}}


    <section class="wrapper bg-light">
        <div class="container py-15 py-md-17">
            {{-- <div class="row text-center mb-10">
                <div class="col-md-10 col-lg-9 col-xxl-8 mx-auto">
                    <h3 class="display-3 px-xl-10 mb-0"> CCCCCCC</h3>
                </div>

            </div> --}}

            <div class="col-md-12">
                <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
            </div>


            <div class="col-lg-12">
                <div class="blog single">
                    <div class="card">
                        <div class="card-body">

                            <div align="left">
                               
                            </div>

                            <br>
                            
                                                         @php
                                                            $set_role_mail_id = $set_role_mail ? $set_role_mail->set_role_mail_id : '';
                                                        @endphp

                                                        <form class="contact-form" method="post" action="{{ url('/set_mail_choose_user_edit') }}">
                                                            {{ csrf_field() }}
                                                            <input type="hidden" name="set_role_mail_id" value="{{ $set_role_mail_id }}">

                                                            @foreach ($role_choose as $index => $role) {{-- เพิ่ม $index ตรงนี้ --}}
                                                                <label><b>Roles : {{ $role->name }}</b></label>
                                                                <br><br>
                                                                
                                                                <div style="margin-left:50px" class="col-md-12">
                                                                    @php
                                                                        // ดึงรายการ User ID ที่เคยบันทึกไว้เฉพาะกลุ่มของ Role นี้
                                                                        $current_group_selected = isset($user_groups[$index]) ? $user_groups[$index] : [];
                                                                    @endphp

                                                                    @foreach ($all_users as $user)
                                                                        {{-- เช็คว่า User คนนี้สังกัด Role ปัจจุบันหรือไม่ --}}
                                                                        @if($user->user_role == $role->id || str_contains($user->user_role, $role->id))
                                                                            <div class="form-check">
                                                                                <input class="form-check-input item" 
                                                                                    type="checkbox" 
                                                                                    value="{{ $user->user_userid }}" 
                                                                                    name="choose[{{ $role->id }}][]" 
                                                                                    id="user_{{ $role->id }}_{{ $user->user_userid }}"
                                                                                    {{-- 
                                                                                        เช็คเงื่อนไข Checked:
                                                                                        1. ถ้ายังไม่เคยมีการตั้งค่าเลย (เปิดครั้งแรก) ให้ Checked ทั้งหมด
                                                                                        2. ถ้ามีข้อมูลเดิม ให้เช็คว่า userid นี้อยู่ในกลุ่มข้อมูลของ Role ลำดับนี้หรือไม่
                                                                                    --}}
                                                                                    @if(empty($user_groups) || in_array($user->user_userid, $current_group_selected)) 
                                                                                        checked 
                                                                                    @endif
                                                                                >
                                                                                
                                                                                <label class="form-check-label" for="user_{{ $role->id }}_{{ $user->user_userid }}">
                                                                                    {{ $user->user_title }} {{ $user->user_firstname }} {{ $user->user_lastname }}
                                                                                </label>
                                                                            </div>
                                                                        @endif
                                                                    @endforeach
                                                                </div>
                                                                <hr>
                                                            @endforeach

                                                            <div class="col-12 mb-5" align="center">
                                                                <input class="btn btn-blue rounded-pill" type="submit" name="submit" value="Submit" onclick="return confirm('Confirm Submit ?');">
                                                            </div>
                                                        </form>
                        </div>


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

    {{-- @include('layouts.footer') --}}
@endsection