@extends('admin.layouts.masterlayout')
@section('styles')

<link href="{{asset('new_theme/assets/plugins/datatable/css/dataTables.bootstrap5.min.css')}}" rel="stylesheet" />
@endsection
@section('content')
<div class="main-content">

    <!-- row -->
    <div class="row">
        <div class="col-xl-12 col-xxl-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header">
                    <h4 class="card-title">Edit Sub Admin</h4>
                </div>
                <div class="card-body">
                    <div class="basic-form">
                        {{ Form::open(['role' => 'form','id'=>'EditForm','route'=>[$modelName.'.edit',base64_encode(serialize($subadmin->id))],'files' => true]) }}
                        {{csrf_field()}}
                            <div class="form-row">
                                 <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Name</label>
                                    <input id="name" name="name" type="text" placeholder="Enter sub admin name" class="form-control in_text" value="{{$subadmin->name}}" autocomplete="off">
                                     <div class="error-message help-inline">
                                      {{ $errors->first('name') }}
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Email</label>
                                    <input id="email" name="email" type="text" placeholder="Enter sub admin email id" class="form-control in_text" value="{{$subadmin->email}}" autocomplete="off">
                                     <div class="error-message help-inline">
                                      {{ $errors->first('email') }}
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                 <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Phone No</label>
                                    <input id="mobile" name="mobile" type="text" placeholder="Enter sub admin mobile no" class="form-control in_text" value="{{$subadmin->mobile}}" autocomplete="off">
                                     <div class="error-message help-inline">
                                      {{ $errors->first('mobile') }}
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Password</label>
                                    <input id="password" name="password" type="password" placeholder="Enter new password (leave blank to keep current password)" class="form-control in_text" autocomplete="off">
                                     <div class="error-message help-inline">
                                      {{ $errors->first('password') }}
                                    </div>
                                </div>
                            </div>




                    </div>
                </div>
            </div>
            <div class="col-xl-12 col-xxl-12">
                <h6 class="mb-0 text-uppercase">Module Assignment</h6>
						<hr>
                <div class="card">
                    <div class="card-body">
                        <table class="table mb-0">
                            <thead class="table-dark">
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">Menu</th>
                                    <th scope="col">Models</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $modelAllData = DB::table('models')->get(); @endphp
                                @foreach($modelAllData as $key => $modelAllData)
                                    @php
                                        $selected_model_value = DB::table('sub_admin_models')
                                            ->where('model_id', $modelAllData->id)
                                            ->where('sub_admin_id', $subadmin->id)
                                            ->first();
                                    @endphp
                                    <tr>
                                        <th scope="row">{{ $key + 1 }}</th>
                                        <td>
                                            {{ ucwords($modelAllData->model_name) }}
                                            <label class="ml-3">
                                                <input type="checkbox" name="model_id[]" class="ml-3"
                                                    value="{{ $modelAllData->id }}"
                                                    @if($selected_model_value) checked @endif>
                                            </label>
                                        </td>
                                        <td>
                                            <table class="table-dark" style="width: 100%">
                                                <tr>
                                                    @php
                                                        $modelAllDataContent = DB::table('model_actions')->where('model_id', $modelAllData->id)->get();
                                                    @endphp
                                                    @foreach($modelAllDataContent as $key => $action_model_val)
                                                        @php
                                                            $checkaction = DB::table('sub_admin_models')
                                                                ->where('model_id', $modelAllData->id)
                                                                ->where('model_actions_id', $action_model_val->id)
                                                                ->where('sub_admin_id', $subadmin->id)
                                                                ->first();
                                                        @endphp
                                                        <th>
                                                            <label class="ml-3">
                                                                {{ ucwords($action_model_val->action) }}
                                                                <input type="checkbox" name="models_actions[]" class="ml-3"
                                                                    value="{{ $action_model_val->id . ',' . ($selected_model_val->model_id ?? $modelAllData->id) }}"
                                                                    @if($checkaction) checked @endif>
                                                            </label>
                                                        </th>
                                                    @endforeach
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>

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

                <div class="card-footer py-4">
                    <button type="submit" class="btn btn-primary mr-2 submit-from">Submit</button>
                    <button class="btn btn-gray" onclick="window.location.reload()" type="button">Cancel</button>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
</div>
<!--**********************************
Content body end
***********************************-->
@endsection
@section('scripts')
<script src="{{asset('new_theme/assets/plugins/datatable/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('new_theme/assets/plugins/datatable/js/dataTables.bootstrap5.min.js')}}"></script>
<script type="text/javascript">

var dbData = [];

// Initialize dbData with existing model_ids from selected_model_action
function addDbData() {
    @foreach ($selected_model_action as $value)
        dbData.push(parseInt('{{$value->model_id}}'));
    @endforeach
    console.log("Existing Model IDs: ", dbData);
}

function viewAction(event, model_id) {
    var selectedOptions = $("#model_id\\[\\] option:selected");
    var selectedArray = [];

    selectedOptions.each(function() {
        selectedArray.push(parseInt($(this).val()));
    });

    // Remove actions not related to currently selected modules
    $('.form-row[class^="checkbox-"]').each(function() {
        var modelClass = $(this).attr('class').split(' ')[1]; // Get the model class (e.g., checkbox-1)
        var modelId = parseInt(modelClass.split('-')[1]); // Extract the ID from the class name

        // If the model ID is not in the selected array or in dbData, remove it
        if (!selectedArray.includes(modelId) && !dbData.includes(modelId)) {
            $(this).remove();
        }
    });

    // Check if the checkbox group for the selected model_id exists
    if (!$('.checkbox-' + model_id).length) {
        // If the group does not exist and the model_id is not in dbData, make an AJAX call
        if (!dbData.includes(model_id)) {
            $.ajax({
                url: "{{ url('Sub_admin/get-model-action') }}",
                cache: false,
                type: "POST",
                data: {model_id: model_id, _token: "{{ csrf_token() }}"},
                success: function(response) {
                    if (response.html) {
                        $("#EditForm").append(response.html);
                    }
                },
                error: function() {
                    console.error('An error occurred while fetching model actions.');
                }
            });
        }
    }
}


$(document).ready(function(){
    addDbData();
    $(document).on("click","#cancel_btn", function(){
        let href = $(".breadcrumb-item.active a").attr("href");
        window.location = href;
    });
    $(document).on('click','.submit-from', function(){
        $("#EditForm").submit();
    });
});
</script>

@endsection