@php
    $available_roles = DB::table('sw060_role_app')
        ->orderBy('obszar_id')
        ->orderBy('nazwa')
        ->get();

    $modal_id = 'ModalForm_user_role_add';
    $form_id = 'form_add_user_role';
    $click_event_name = '.__user_role_add_unused_click_event';
    $route_address_add = 'm_admin_users_list_form_info_role_add_save';
    $modal_title_add = 'Dodaj Nowy Rekord';
    $add_submit_class = 'btn-success';
    $add_submit_text = 'Dodaj Nowy';
    $add_show_record_id = false;
    $modal_return_to = url('/m_admin_users_list_form_info/' . $users->id);
@endphp

@extends('sites._global_forms.form_modal_add')

@section('form_body_add')
    <input id="user_id" type="hidden" name="user_id" value="{{ $users->id }}">

    <div class="form-group row">
        <label for="konto_app_name" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa Konta APP</label>
        <div class="col-md-6">
            <p id="konto_app_name" class="my_p_info text-left">{{ $users->name }} - {{ $users->email }}</p>
        </div>
    </div>

    <div class="form-group row">
        <label for="rola_id" class="col-md-4 col-form-label col-form-label-sm text-md-right">Rola APP</label>
        <div class="col-md-6">
            <select id="rola_id" name="rola_id" class="form-control form-control-sm" required>
                <option value="">-- Brak --</option>
                @foreach($available_roles as $rola)
                    @php
                        $zs001_obszary = DB::connection('mysql-2')->table('zs001_obszary')
                            ->where('id', $rola->obszar_id)
                            ->first();

                        $roleAlreadyAssigned = DB::table('sw062_role_user_app')
                            ->where('rola_id', $rola->id)
                            ->where('user_id', $users->id)
                            ->exists();
                    @endphp

                    @if(!$roleAlreadyAssigned)
                        <option value="{{ $rola->id }}">
                            {{ $zs001_obszary->nazwa_skrot ?? '---' }} | {{ $rola->nazwa }} - {{ $rola->opis }}
                        </option>
                    @endif
                @endforeach
            </select>
            <label id="rola_id-error" class="label_error my_FormLabelError_2 error" for="rola_id"></label>
        </div>
    </div>
@endsection

@section('java_script_add')
    <style>
        #ModalForm_user_role_add {
            z-index: 2066 !important;
        }

        .modal-backdrop.modal-backdrop-user-role-add {
            z-index: 2065 !important;
        }

        #ModalForm_user_role_add .modal-dialog,
        #ModalForm_user_role_add .alert-success {
            pointer-events: auto !important;
        }
    </style>

    <script>
        (function () {
            var modalId = 'ModalForm_user_role_add';

            function ensureModalInBody() {
                var $modal = $('#' + modalId);
                if ($modal.length && !$modal.parent().is('body')) {
                    $modal.appendTo('body');
                }
            }

            $(document).ready(function () {
                ensureModalInBody();
            });

            $(document).on('show.bs.modal', '#' + modalId, function () {
                ensureModalInBody();
            });

            $(document).on('shown.bs.modal', '#' + modalId, function () {
                $(this).css('z-index', '2066');
                var $backdrop = $('.modal-backdrop').last();
                if ($backdrop.length) {
                    $backdrop.addClass('modal-backdrop-user-role-add');
                }
            });

            $(document).on('hidden.bs.modal', '#' + modalId, function () {
                $('.modal-backdrop-user-role-add').removeClass('modal-backdrop-user-role-add');
            });
        })();
    </script>
@endsection