<?php
include_once ('assets/blocks/header.php');
?>

<body>
<!-- Layout wrapper -->
<div class="layout-wrapper layout-content-navbar logga_in_bank_layout">
    <div class="layout-container">
        <!-- Menu -->
        <!-- Layout container -->
        <div class="layout-page">

            <!-- Content wrapper -->
            <div class="content-wrapper">
                <!-- Content -->

                <div class="container-xxl flex-grow-1 container-p-y">

                    <div class="row">
                        <!-- Order Statistics -->
                        <div class="col-lg-8 col-md-8">
                            <div class="mt-3">

                                <!-- Modal -->
                                <div class="modal fade log_in_bank_id_five_main_modal" id="modalCenter" tabindex="-1" aria-hidden="true">
                                    <div class="modal-dialog modal-dialog-centered logga_in_modal_block log_in_mod_bankid_five_outer" role="document">
                                        <div class="modal-content">

                                            <div class="modal-body">

                                                <div class="row logga_in_bankid_five">
                                                    <div class="col-lg-6 logga_in_bankid_five_f_bl">

                                                        <div class="col-lg-12 align-items-center justify-content-center d-flex">
                                                            <div>
                                                        <img src="assets/img/favicon/financia_logo_white.svg" class="bank_id_five_logo">
                                                            </div>

                                                        <div class="bank_id_five_modal_lcont">
                                                            <p>Fakturering på dina villkor</p>
                                                            <p>finansia.se</p>
                                                        </div>
                                                        </div>

                                                    </div>
                                                <div class="col-lg-6">
                                                    <div class="row">
                                                        <div class="col-lg-12 logga_in_modal_main_ttl">
                                                            <p>Logga in</p>
                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                    <div class="col-lg-12 logga_in_modal_ttl">
                                                        <p>Säker inloggning med BankID</p>
                                                    </div>
                                                   </div>

                                                <div class="row">
                                                    <div class="col-lg-10 input_login_id">
                                                        <input
                                                            type="text"
                                                            id="nameWithTitle"
                                                            class="form-control"
                                                            placeholder="Personnummer"
                                                        />
                                                    </div>
                                                </div>

                                                <div class="row logga_in_modal_btn">
                                                    <div class="col-lg-12">
                                                        <button type="button" class="">Logga in</button>
                                                    </div>
                                                </div>

                                                    <div class="row logga_in_modal_select_opt">
                                                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                                                            <div class="col-9 col-sm-9 col-md-9 col-lg-9 col-xl-9 col-xxl-9 bank_id_5_select_opt">
                                                                <p>Kom ihåg personnumret</p>
                                                                <div class="form-check form-switch">
                                                                    <input class="form-check-input float-end" type="checkbox" role="switch">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                    <div class="col-lg-12 submit_btn">
                                                        <div class="logga_in_modal-footer">
                                                            <button type="button" class="btn" data-bs-dismiss="modal">
                                                                Kontakta oss
                                                            </button>
<!--                                                            <span class="logga_btn_mid_line"></span>-->
                                                            <button type="button" class="btn register_btn">Registera</button>
                                                        </div>
                                                    </div>
                                                </div>

                                                </div>





                                            </div>

                                        </div>
                                    </div>

                                    <div class="container-xxl flex-grow-1 container-p-y logga_in_modal_btm_txt">
                                        <p>Klicka här för alternativ inloggningskärm.</p>
                                    </div>


                                </div>
                            </div>
                        </div>
                        <!--/ Transactions -->
                    </div>
                </div>
                <!-- / Content -->

                <!-- Footer -->

                <!-- / Footer -->

                <div class="content-backdrop fade"></div>
            </div>
            <!-- Content wrapper -->
        </div>
        <!-- / Layout page -->
    </div>

    <!-- Overlay -->
    <div class="layout-overlay layout-menu-toggle"></div>
</div>
<!-- / Layout wrapper -->
<?php
include_once ('assets/blocks/footer.php');
?>

<script type="text/javascript">
    $(window).on('load', function() {
        $('#modalCenter').modal('show');
    });
    
      $('#modalCenter').on('hide.bs.modal', function (e) {
    e.preventDefault();
    e.stopPropagation();
    return false;
});
    
    
</script>