@extends('admin.layouts.master')
@section('content')
    <style>
        .swal2-confirm {
            margin-left: 7px;
        }
    </style>
    <div class="d-md-flex d-block align-items-center justify-content-end my-4 page-header-breadcrumb">
        {{-- <h1 class="page-title fw-semibold fs-18 mb-0 urdu-fonts">@lang('lang.supplier_account')</h1> --}}
        <div class="ms-md-1 ms-0">
            <nav>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item "><a href="javascript:void(0);">Roles</a></li>
                    <li class="breadcrumb-item active " aria-current="page">Role</li>
                </ol>
            </nav>
        </div>
    </div>


    <!-- Start:: row-1 -->
    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-header d-flex justify-content-between">
                    <div class="card-title">
                        <h3 class="urdu-fonts">
                            {{-- @lang('lang.expense') --}}
                        </h3>

                    </div>
                </div>

                <div class="card-body ">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Authorities</th>
                                <th>Permissions</th>
                            </tr>
                        </thead>
                        <h6 class="text-danger fw-bold"> Permissions (Add,Edit,Update,Delete and View Pages)</h6>
                        <input type="hidden" name="update_id" id="update_id" value="{{ $id }}">
                        <tbody id="tableBody">
                            @php
                                $arrays = ['Add', 'Update', 'Edit', 'Delete', 'View'];
                                $main_arrays = [
                                    'supplier',
                                    'bank',
                                    'zameendar',
                                    'beopari',
                                    'expense',
                                    'jins',
                                    'cashBook',
                                ];
                                $secondary_main = ['supplier', 'beopari', 'expense', 'payment', 'chittha', 'khata'];
                                $secondary = ['payment', 'chittha', 'khata'];
                            @endphp

                            @foreach ($main_arrays as $keys => $array)
                                <tr>
                                    <td>{{ $keys <= 5 ? ucfirst($array) . ' ' . 'Account' : ucfirst($array) }}</td>
                                    <td>
                                        @foreach ($arrays as $key => $item)
                                            @php
                                                $collision = $array . $item;
                                            @endphp
                                            <span class="pe-2 ps-3">{{ $item }}</span> <input {{-- @checked()    --}}
                                                class="currentValue form-check-input" type="checkbox"
                                                value="{{ $collision }}">
                                        @endforeach
                                        @foreach ($secondary as $sec)
                                            <span class="pe-2 ps-3">{{ ucfirst($sec) }}</span> <input
                                                class="currentValue form-check-input" type="checkbox"
                                                value="{{ $array . ucfirst($sec) }}">
                                        @endforeach
                                    </td>
                                </tr>
                            @endforeach
                            <tr>

                            </tr>
                            <tr>
                                <td>Dashboard</td>
                                <td> <span class="pe-2 ps-3">View</span> <input class="currentValue form-check-input"
                                        type="checkbox" value="dashBoardView"></td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="12"><button id="saveChanges" class="btn btn-primary">Save Changes <span
                                            class="loader"></span></button>
                                </td>
                            </tr>
                        </tfoot>
                    </table>


                </div>
            </div>
        </div>
    </div>
    @push('page-script')
        <script type="d4d66ce4ad9775702a7ca934-text/javascript">
            $(document).ready(function() {
                var array = [];
                var deleterArray = [];
                $(document).on('click', '.currentValue', function() {
                    var value = $(this).val();
                    $(this).is(':checked') ? array.push(value) : deleterArray.push(value)



                })
                $('#saveChanges').click(function() {
                    var update_id = $('#update_id').val();
                    $(this).attr('disabled', 'disabled')
                    $.ajax({
                        url: "{{ route('admin.role.permission') }}",
                        type: "POST",
                        data: {
                            permissions: array,
                            deleteArray: deleterArray,
                            role: update_id
                        },
                        success: function(response) {

                            if (response.status == "success" && response.text !==
                                null) {
                                console.log('workd')
                                Swal.fire(response.text, "!کامیابی ", "success");
                                $('#tableBody').empty();
                            }

                        },
                    })
                })
            })
        </script>
    @endpush
@endsection
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="d4d66ce4ad9775702a7ca934-|49" defer></script>