@extends('master_layout.app')

@section('style')
@endsection

@section('content')
    <!-- CONTENTS -->
    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
    <section id="content" class="content">
        <div class="content__header content__boxed overlapping">
            <div class="content__wrap">
                <div class="container-fluid">


                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box">
                                <h4 class="mb-3 fw-semibold">Add new role</h4>

                                <ol class="breadcrumb mb-0">
                                    <form id="myForm" action="" method="POST">
                                        <select class="form-select" id="role">
                                            <option value="" selected>Select Role name</option>
                                            @foreach ($roles as $role)
                                                <option value="{{ $role->id }}">{{ $role->name }}</option>
                                            @endforeach
                                        </select>
                                    </form>


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

                    <div class="row">
                        <div class="col-md-12 col-xl-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row align-items-center justify-content-between">

                                        <div class="col-12">

                                            <table class="table table-hover align-middle price-table">
                                                <thead>
                                                    <tr>

                                                        <th scope="col">Permission</th>
                                                        <th scope="col">View</th>
                                                        <th scope="col">View(Own)</th>
                                                        <th scope="col">Create</th>
                                                        <th scope="col">Edit</th>
                                                        <th scope="col">Delete</th>

                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($modules as $module)
                                                        @php
                                                            $permissions = [
                                                                'view',
                                                                'view_own',
                                                                'creat',
                                                                'edit',
                                                                'delet',
                                                            ];
                                                            foreach ($permissions as $permission) {
                                                                $stat[$permission] = DB::table('assign_roles')
                                                                    ->where('module_id', $module->id)
                                                                    ->where($permission, 1)
                                                                    ->get();
                                                                $val[$permission] = $stat[$permission]->isNotEmpty()
                                                                    ? $stat[$permission][0]->$permission
                                                                    : 0;
                                                            }
                                                        @endphp
                                                        <tr>
                                                            <td scope="row">{{ $module->name }}</td>

                                                            <td>
                                                                @if ($module->view == 1)
                                                                    <div class="form-check">
                                                                        <input class="form-check-input permisn"
                                                                            type="checkbox"
                                                                            data-module="{{ $module->id }}"
                                                                            data-type="view" name="permission_view[]"
                                                                            value="{{ $val['view'] }}"
                                                                            id="flexCheckDefault">

                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if ($module->view_own == 1)
                                                                    <div class="form-check">
                                                                        <input class="form-check-input permisn"
                                                                            type="checkbox"
                                                                            data-module="{{ $module->id }}"
                                                                            data-type="view_own"
                                                                            name="permission_view_own[]"
                                                                            value="{{ $val['view_own'] }}"
                                                                            id="flexCheckDefault">

                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if ($module->creat == 1)
                                                                    <div class="form-check">
                                                                        <input class="form-check-input permisn"
                                                                            type="checkbox"
                                                                            data-module="{{ $module->id }}"
                                                                            data-type="creat" name="permission_creat[]"
                                                                            value="{{ $val['creat'] }}"
                                                                            id="flexCheckDefault">

                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if ($module->edit == 1)
                                                                    <div class="form-check">
                                                                        <input class="form-check-input permisn"
                                                                            type="checkbox"
                                                                            data-module="{{ $module->id }}"
                                                                            data-type="edit" name="permission_edit[]"
                                                                            value="{{ $val['edit'] }}"
                                                                            id="flexCheckDefault">

                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if ($module->delet == 1)
                                                                    <div class="form-check">
                                                                        <input class="form-check-input permisn"
                                                                            type="checkbox"
                                                                            data-module="{{ $module->id }}"
                                                                            data-type="delet" name="permission_delet[]"
                                                                            value="{{ $val['delet'] }}"
                                                                            id="flexCheckDefault">

                                                                    </div>
                                                                @endif
                                                            </td>

                                                        </tr>
                                                    @endforeach

                                                </tbody>
                                            </table>

                                        </div>
                                        <!-- end col -->
                                        <div class="new-btn text-end">

                                            <a class="btn btn-success" id="create_role">Create new role</a>


                                        </div>

                                    </div>
                                    <!-- end row-->
                                </div>
                                <!-- end card body -->
                            </div>
                            <!-- end card -->
                        </div>
                        <!-- end col -->

                    </div>

                    <div class="modal fade" id="delete-subscribe" tabindex="-1" aria-labelledby="exampleModalLabel"
                        aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">

                                <div class="modal-body">
                                    <p class="model-tit text-center">Are you sure you want to delete?</p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-primary">Yes, Delete</button>
                                    <button type="button" class="btn btn-success" data-bs-dismiss="modal">No,
                                        Cancel</button>

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


                </div>


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

    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
    <!-- END - CONTENTS -->
@endsection

@section('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $(document).ready(function() {
            $('#role').change(function() {
                $('.permisn').prop('checked', false);
                var role = $('#role').val();
                if (role != '') {
                    $.ajax({
                        url: '{{ route('getModuleRoles') }}',
                        type: 'POST',
                        cache: false,
                        data: {
                            role: role,
                        },
                        success: function(data) {
                            for (let i = 0; i < data.length; i++) {
                                let module = `${data[i].module_id}`;
                                if (data[i].view == 1) {
                                    $('.permisn[data-module=' + module + '][data-type="view"]')
                                        .prop('checked', true)
                                }
                                if (data[i].view_own == 1) {
                                    $('.permisn[data-module=' + module +
                                        '][data-type="view_own"]').prop('checked', true)
                                }
                                if (data[i].creat == 1) {
                                    $('.permisn[data-module=' + module + '][data-type="creat"]')
                                        .prop('checked', true)
                                }
                                if (data[i].edit == 1) {
                                    $('.permisn[data-module=' + module + '][data-type="edit"]')
                                        .prop('checked', true)
                                }
                                if (data[i].delet == 1) {
                                    $('.permisn[data-module=' + module + '][data-type="delet"]')
                                        .prop('checked', true)
                                }
                            }
                        }
                    });
                }
            });

            $('#create_role').click(function() {
                var permission_view = {};
                var permission_view_own = {};
                var permission_creat = {};
                var permission_edit = {};
                var permission_delet = {};
                var role = $('#role').val();
                if (role != '') {
                    Swal.fire({
                        title: 'Warning',
                        text: 'Are you sure to update?',
                        icon: 'warning',
                        showCancelButton: true,
                        customClass: {
                            confirmButton: 'btn btn-danger',
                            cancelButton: 'btn btn-secondary'
                        },
                        confirmButtonText: 'Yes'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            $('.permisn').each(function() {
                                let module = $(this).data('module');
                                let mod = `${module}`;

                                if ($(this).is(':checked')) {
                                    var modval = 1;
                                } else {
                                    var modval = 0;
                                }
                                if ($(this).data('type') == 'view') {
                                    permission_view[mod] = modval;
                                }
                                if ($(this).data('type') == 'view_own') {
                                    permission_view_own[mod] = modval;
                                }
                                if ($(this).data('type') == 'creat') {
                                    permission_creat[mod] = modval;
                                }
                                if ($(this).data('type') == 'edit') {
                                    permission_edit[mod] = modval;
                                }
                                if ($(this).data('type') == 'delet') {
                                    permission_delet[mod] = modval;
                                }
                            });
                            //console.log(Object.keys(permission_creat).length);exit
                            $.ajax({
                                url: '{{ route('assignRolePermission') }}',
                                type: 'POST',
                                cache: false,
                                data: {
                                    permission_view: permission_view,
                                    permission_view_own: permission_view_own,
                                    permission_creat: permission_creat,
                                    permission_edit: permission_edit,
                                    permission_delet: permission_delet,
                                    role: role,
                                },
                                success: function(data) {
                                    Swal.fire({
                                        title: 'Success',
                                        text: 'Data Updated Successfully',
                                        icon: 'success',
                                        customClass: {
                                            confirmButton: 'btn btn-success'
                                        },
                                        confirmButtonText: 'OK'
                                    }).then((result) => {
                                        if (result.isConfirmed) {
                                            location.href =
                                                '{{ route('assignRole') }}';
                                        }
                                    });
                                }
                            });
                        }
                    });
                } else {
                    Swal.fire({
                        title: 'Warning',
                        text: 'Please select role',
                        icon: 'warning',
                        showCancelButton: false,
                        customClass: {
                            confirmButton: 'btn btn-success'
                        },
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'OK'
                    });
                }
            });

            $('.permisn').click(function() {
                if ($(this).is(':checked')) {
                    $(this).val(1);
                } else {
                    $(this).val(0);
                }
            });
        });
    </script>
@endsection