{% load static %}
{% block solarwinds_servicedesk_details_modal %}

<div class="modal fade" id="modalSolarWindsDetails" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-md">
        <div class="modal-content">

            <div class="modal-header">
                <h6 class="modal-title"> {{ ttl_solarwinds_servicedesk_integration }} </h6>
                <button type="button" class="btn-close size-10" data-bs-dismiss="modal"></button>
            </div>

            <div class="modal-body px-3 py-2">

                <label class="grey-text size-13 bold-600 mb-3">
                    {{ det_solarwinds_servicedesk_account_details }}
                </label>

                <div class="py-2">
                    <div class="row mx-0 px-0 mb-3 align-items-center">
                        <label class="col-md-5 grey-text size-12 px-0">
                            {{ det_solarwinds_servicedesk_domain }}:
                        </label>
                        <div class="col-md-6">
                            <input id="inpSolarWindsDomain" type="text" class="form-control grey-text size-12">
                        </div>
                    </div>

                    <div class="row mx-0 px-0 mb-3 align-items-center">
                        <label class="col-md-5 grey-text size-12 px-0">
                            {{ det_administrator_user }}:
                        </label>
                        <div class="col-md-6">
                            <input id="inpSolarWindsAdminUser" type="text" class="form-control grey-text size-12">
                        </div>
                    </div>

                    <div class="row mx-0 px-0 mb-3 align-items-center">
                        <label class="col-md-5 grey-text size-12 px-0">
                            {{ det_administrator_api_key }}:
                        </label>
                        <div class="col-md-6">
                            <input id="inpSolarWindsAdminPassword" type="password" class="form-control grey-text size-12">
                        </div>
                    </div>

                </div>

            </div>

            <div class="modal-footer d-flex justify-content-start">
                <button id="btnSolarWindsEnterDetails" class="plain-btn size-13 custom-btn-sm px-4 mb-1" type="button">
                </button>

                <button class="standard-btn size-13 custom-btn-sm px-3 mb-1" type="button" data-bs-dismiss="modal">
                    {{ ins_cancel }}
                </button>
            </div>

        </div>
    </div>
</div>

{% endblock %}