<div class="modal fade" id="info-modal" tabindex="-1" role="dialog" aria-labelledby="info-modal-modal"
    aria-modal="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content custom-rounded-edges">
            <div>

                <button type="button" class="close px-3 py-1" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <div class="system-logo px-4 mt-2">
                    <a href="https://mysqlreports.com">
                        <img src="{{ getDefaultLogo() }}" alt="Logo" class="brand-image img-fluid" />
                    </a>
                </div>

            </div>
            <div class="modal-body px-4 pt-0">

                <div class="version">
                    <h5 class="mb-1">Version {{ getSrmVersion() }}.</h5>
                </div>
                @if(getOSInformation())
                <div class="os">
                    <p class="mb-1">Installed on <span class="text-bold">{{ getOSInformation() }}.</span> that
                        runs on
                        <span class="text-bold">PHP {{ phpversion() }}</span>.
                    </p>
                </div>
                @endif
                <div class="installation-method">
                    <p class="mb-1">Installation method: {{ getInstallationMethod() }}.</p>
                </div>

                <div class="copy-rights text-center">
                    <p class="mb-0">All rights are reserved to <a target="_blank"
                            href="https://mysqlreports.com">Webuccino inc.</a>
                    </p>
                </div>
            </div>

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