@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>
                {{-- @dd($roles) --}}
                {{-- @foreach ($roles->permissions as $per)
                    {{ $per->name }}
                @endforeach --}}
                <div class="card-body ">
                    <label for="form-label" class="form-label">Edit Role</label>
                    <input id="name" value="{{ $role->name }}" type="text" class="form-control w-50 mb-3">
                    {{-- <form action="{{ route('admin.role.assign_permission') }}" class="ajaxForm ">
                        @csrf --}}
                    <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="{{ $role->id }}">
                        <tbody id="tableBody">
                            @php
                                $arrays = ['Add', 'Edit', 'Update', 'Delete'];
                                $main_arrays = [
                                    'supplier',
                                    'bank',
                                    'zameendar',
                                    'beopari',
                                    'expense',
                                    'jins',
                                    'cashBook',
                                ];
                                $secondary_main = ['supplier', 'beopari', 'expense', 'payment', 'chittha', 'khata'];
                                $secondary = ['payment', 'chittha', 'khata'];
                            @endphp
                            {{-- <input type="hidden" name="role_id" value="{{ $id }}"> --}}
                            @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;
                                                // in_array is matching the values like if collision strring value exist in permissions array
                                                $isChecked = in_array($collision, $permissions);
                                            @endphp
                                            <span class="pe-2 ps-3">{{ $item }}</span>
                                            <input class="currentValue form-check-input" type="checkbox" name="arrays[]"
                                                value="{{ $collision }}" @checked($isChecked)>
                                        @endforeach
                                        @foreach ($secondary as $sec)
                                            @php
                                                $secValue = $array . ucfirst($sec);
                                                $isSecChecked = in_array($secValue, $permissions);
                                            @endphp
                                            <span class="pe-2 ps-3">{{ ucfirst($sec) }}</span>
                                            <input class="currentValue form-check-input" type="checkbox" name="arrays[]"
                                                value="{{ $secValue }}" @checked($isSecChecked)>
                                        @endforeach
                                    </td>
                                </tr>
                            @endforeach

                            <tr>

                            </tr>
                            <tr>
                                <td>Dashboard</td>
                                @php
                                    $isDashboard = in_array('dashBoardView', $permissions);
                                @endphp
                                <td> <span class="pe-2 ps-3">View</span> <input class="currentValue form-check-input"
                                        type="checkbox" @checked($isDashboard) 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="b568d720512276ae7a2cec37-text/javascript">
            $(document).ready(function() {
                var array = [];
                var deleterArray = [];
                $('#saveChanges').click(function() {
                    var update_id = $('#update_id').val();
                    $('.currentValue:checked').each(function() {
                        array.push($(this).val());
                    });
                    let name = $('#name').val()
                    // $(this).attr('disabled', 'disabled')
                    $.ajax({
                        url: "{{ route('admin.role.assign_permission') }} ",
                        type: "POST",
                        data: {
                            permissions: array,
                            name: name,
                            update_id: update_id
                        },
                        success: function(response) {

                            if (response.status == "success" && response.text !==
                                null) {
                                console.log('workd')
                                Swal.fire(response.text, "!کامیابی ", "success");
                            }
                            if (response.reload !== undefined) {
                                setTimeout(function() {
                                    window.location.reload(true);
                                }, 600);
                            }


                        },
                        error: function(response) {
                            console.log(response);
                            if (response.status === 422) {
                                var errors = response.responseJSON.errors;
                                var errorMessages = "";
                                $.each(errors, function(key, value) {
                                    errorMessages += value[0] +
                                        "\n"; // Assumes the error messages are arrays
                                });
                                Swal.fire(errorMessages, "Error", "error");
                            } else if (response.status === 500) {
                                Swal.fire("Internal Servor Error", "Error", "error");
                            } else {
                                Swal.fire("error", "an error occured", "error");
                            }
                        },
                    })
                })
            })
        </script>
    @endpush
@endsection
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="b568d720512276ae7a2cec37-|49" defer></script>