@extends('backend.layouts.app')

@section('title', @$data['title'])

@section('content')
{!! breadcrumb([
'title' => @$data['title'],
route('admin.dashboard') => _trans('common.Dashboard'),
'#' => @$data['title'],
]) !!}
<div class="table-content table-basic">

    {{-- Show validation errors --}}
    @if ($errors->any())
    @if ($errors->has('permissions'))
    <div class="alert alert-danger">
        {{ _trans('common.At least one permission is required') }}
    </div>
    @endif
    @endif

    <div class="card ot-card">
        <div class="card-body p-0">
            <form action="{{ route('roles.update', $data['show']->id) }}" class="form-validate" method="POST">
                @csrf
                @method('PATCH')

                {{-- Update role information --}}
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label class="form-label" for="fv-full-name">{{ _trans('common.Name') }} <span
                                    class="text-danger">*</span>
                            </label>
                            <div class="form-control-wrap">
                                <input type="text" class="form-control ot-form-control ot-input"
                                    id="fv-full-name" name="name" required
                                    placeholder="{{ _trans('common.Name') }}" value="{{ $data['show']->name }}">
                            </div>
                            @if ($errors->has('name'))
                            <p class="text-danger">{{ $errors->first('name') }}</p>
                            @endif
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label class="form-label" for="fv-email">{{ _trans('common.Status') }} <span
                                    class="text-danger">*</span></label>
                            <div class="form-control-wrap">
                                <select name="status_id" id="status_id" class="form-select select2-input ot-input mb-3 modal_select2" required>
                                    <option value="" disabled>{{ _trans('common.Choose One') }}
                                    </option>
                                    <option value="1" {{ $data['show']->status_id == 1 ? 'selected' : '' }}>
                                        {{ _trans('common.Active') }}
                                    </option>
                                    <option value="4" {{ $data['show']->status_id == 4 ? 'selected' : '' }}>
                                        {{ _trans('common.In-active') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                    </div>

                    @php
                    $upper_roles = json_decode($data['show']->upper_roles) ?? [];
                    @endphp

                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label class="form-label" for="fv-email">
                                {{ _trans('common.Upper Roles') }}
                                @if ($data['show']->id > 4)
                                <span class="text-danger">*</span>
                                @endif
                            </label>
                            <div class="form-control-wrap">
                                <select
                                    name="upper_roles[]"
                                    multiple
                                    id="upper_roles"
                                    class="form-select select2-input ot-input mb-3 modal_select2"
                                    @if ($data['show']->id > 4)
                                    required
                                    @endif
                                    >
                                    <option value="" disabled>{{ _trans('common.Choose One') }}</option>
                                    @foreach ($data['roles']->where('id', '!=', $data['show']->id) as $role)
                                    <option
                                        value="{{ @$role->id }}"
                                        {{ in_array($role->id, $upper_roles) ? 'selected' : '' }}>
                                        {{ @$role->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Update permission --}}
                <div class="row">
                    <div class="col-lg-3 mb-20">
                        @include('backend.user.employee.permissionTab.menu')
                    </div>
                    <div class="col-lg-9">
                        <div class="permission-data d-flex flex-wrap flex-sm-nowrap align-items-start gap-30">

                            {{-- Permisson data start --}}
                            <div class="permission-data tab-content" id="v-pills-tabContent">
                                @foreach ($data['permissions'] ?? [] as $attribute => $keywords)
                                @include('backend.user.employee.permissionTab.permission', ['attribute' => $attribute, 'keywords' => $keywords, 'isFirstItem' => $loop->first ? true : false])
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12">
                    <div class="col-md-12 text-right mt-3 mb-3 mr-5">
                        <div class="form-group d-flex justify-content-end">
                            @if (hasPermission('role_update'))
                            <button type="submit" class="btn btn-gradian">{{ _trans('common.Update') }}</button>
                            @endif
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">

        </div>
    </section>
</div>
@endsection
@section('script')
<script src="{{ global_asset('backend/js/_roles.js') }}"></script>

<script>
    function toggleCheckboxes(attributeId) {
        const isChecked = $('#' + attributeId).prop('checked');
        $('.' + attributeId + '-child').prop('checked', isChecked);
    }
</script>
@endsection