@php
    $users = DB::table('users')
        ->whereNull('pracownik_id')
        ->where('status', 1)
        ->orderBy('name')
        ->get();
@endphp

<style>
    #ModalForm_osoba_user_add .col-form-label {
        font-size: 1rem !important;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
    }

    #ModalForm_osoba_user_add input.form-control,
    #ModalForm_osoba_user_add textarea.form-control,
    #ModalForm_osoba_user_add select.form-control,
    #ModalForm_osoba_user_add .my_p_info {
        font-size: 1.1rem !important;
        line-height: 1 !important;
        border-radius: .4rem !important;
    }

    @media (min-width: 768px) {
        #ModalForm_osoba_user_add .form-group > .col-md-6 {
            -ms-flex: 0 0 60%;
            flex: 0 0 60%;
            max-width: 60%;
        }
    }

    #ModalForm_osoba_user_add {
        z-index: 2062 !important;
    }

    .modal-backdrop.modal-backdrop-osoba-user-add {
        z-index: 2061 !important;
    }

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

<x-global-form-modal
    modal-id="ModalForm_osoba_user_add"
    type="add"
    form-id="form_add_osoba_user"
    route-name="m_admin_osoba_user_form_save"
    title="Dodaj Nowy Rekord"
    submit-text="Dodaj Nowy"
    submit-class="btn btn-success"
    :show-default-footer="true"
>
    <input name="return_to" type="hidden" value="{{ url('/m_admin_osoby_list_form_info/' . $data->id) }}">
    <input name="return_to_after_delete" type="hidden" value="{{ url('/m_admin_osoby_list_form_info/' . $data->id) }}">
    <input name="modal_return_to" type="hidden" value="{{ url('/m_admin_osoby_list_form_info/' . $data->id) }}">
    <input name="site_back" type="hidden" value="">

    <input id="osoba_id_user" type="hidden" name="osoba_id" value="{{ $data->id }}">
    <input id="user_id" type="hidden" name="user_id" value="{{ Auth::user()->id }}">

    <div class="form-group row">
        <label for="osoba_user_name" class="col-md-4 col-form-label col-form-label-sm text-md-right">Pracownik:</label>
        <div class="col-md-6">
            <p id="osoba_user_name" class="my_p_info text-left">{{ $data->nazwisko }} {{ $data->imie }}</p>
        </div>
    </div>

    <div class="form-group row">
        <label for="user_role_id" class="col-md-4 col-form-label col-form-label-sm text-md-right">Konto APP:</label>
        <div class="col-md-6">
            <select id="user_role_id" name="user_role_id" class="form-control form-control-sm">
                <option value="">-- Wybierz --</option>
                @foreach($users as $user)
                    @php
                        $rola_admin = $user->rola_admin == 1 ? 'admin' : 'pracownik';
                    @endphp
                    <option value="{{ $user->id }}">{{ $rola_admin }} - {{ $user->name }} - {{ $user->email }}</option>
                @endforeach
            </select>
            <label id="user_role_id-error" class="label_error my_FormLabelError_2 error" for="user_role_id"></label>
        </div>
    </div>
</x-global-form-modal>

<script>
    (function () {
        var modalId = 'ModalForm_osoba_user_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 () {
            var $backdrop = $('.modal-backdrop').last();
            if ($backdrop.length) {
                $backdrop.addClass('modal-backdrop-osoba-user-add');
            }
        });

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