<!DOCTYPE html>
<html lang="pl">
    <head>
        <meta charset="UTF-8" />
        <!--[if IEa http-equiv="X-UA-Compatible" content="IE=edge"/><![endif]-->
        <meta name="description" content="" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="msapplication-TileColor" content="#ffffff" />
        <meta name="theme-color" content="#ffffff" />

        <link rel="apple-touch-icon" sizes="180x180" href="https://exedohub.pl/assets/img/favicons/apple-touch-icon.png" />
        <link rel="icon" type="image/png" sizes="32x32" href="https://exedohub.pl/assets/img/favicons/favicon-32x32.png" />
        <link rel="icon" type="image/png" sizes="16x16" href="https://exedohub.pl/assets/img/favicons/favicon-16x16.png" />
        <link rel="manifest" href="https://exedohub.pl/assets/img/favicons/site.webmanifest" />
        <link rel="mask-icon" href="https://exedohub.pl/assets/img/favicons/safari-pinned-tab.svg" color="#5bbad5" />
        <title>Exedohub</title>
        <link rel="stylesheet" href="https://exedohub.pl/assets/css/main.min.css" />
        <link rel="stylesheet" href="https://exedohub.pl/assets/css/jquery-ui.min.css" />
        <link rel="stylesheet" href="https://exedohub.pl/assets/css/jquery-ui-timepicker-addon.min.css" />
        <link rel="stylesheet" href="https://exedohub.pl/assets/css/post_images.css?v=2" />
        <meta name="robots" content="noindex">
    </head>
    <body id="cms">
        <div class="cms-wrapper">
            <nav class="navigation">
                <button class="btn-reset navigation__toggle-btn">
                    <span class="sprite sprite-menu-white margin-bottom-10"></span>
                </button>
                <div class="navigation__wrapper">
                    <header class="navigation__header">
                        <a href="https://exedohub.pl" title="CMS IDEA4ME">
                            <img src="https://exedohub.pl/assets/img/logo.png" alt="CMS IDEA4ME" class="logo" />
                        </a>
                    </header>
                    <div class="navigation__content">
                                                
                        <span class="navigation__cms-v">cms.idea4me.pl 25.04</span>
                    </div>
                </div>
            </nav>
<main class="main" id="main">
    <div class="content-wrapper">
        <div class="row">         
            <form class="col-3" method="post" action="https://exedohub.pl/">
                <h2 class="title title--h2 title--bordered">Logowanie</h2>            
                <div class="field margin-bottom-10">
                    <label class="label">Email:</label>
                    <div class="d-flex align-items-center">
                        <input type="email" class="input" name="email" value="" required />                        
                    </div>
                </div>
                <div class="field margin-bottom-10">
                    <label class="label">Hasło:</label>
                    <div class="d-flex align-items-center password-wrapper">
                        <input type="password" class="input" name="password" value="" required />
                        <button type="button" class="password-wrapper-btn btn-reset">
                            <span class="sprite sprite-visible sprite-opacity"></span>
                        </button>
                    </div>
                </div>
                <div class="field checkboxes margin-top-30">
                    <div class="checkbox">
                        <input type="checkbox" id="remember" name="remember" value="1" />
                        <label for="remember">Zapamiętaj mnie</label>
                    </div>
                </div>
                <div class="margin-top-30 d-flex align-items-center">
                    <input type="hidden" name="action" value="login" />
                    <input type="hidden" name="url" value="/sitemap.xml" />
                    <button type="submit" class="btn">Zaloguj</button>
                </div>
                <div class="margin-top-30 text-right">
                    <a class="text--color-primary" href="https://exedohub.pl/remind_password" title="Przypomnij hasło">Przypomnij hasło</a>
                </div>
            </form>
        </div>
    </div>
</main>
</div>
<div id="message">
        </div>

<script src="https://exedohub.pl/assets/js/bundle.js?v=5"></script>
<script src="https://exedohub.pl/assets/js/jquery-ui.min.js"></script>
<script src="https://exedohub.pl/assets/js/datepicker-pl.js"></script>
<script src="https://exedohub.pl/assets/js/jquery-ui-timepicker-addon.js"></script>
<script src="https://exedohub.pl/assets/js/ckeditor/ckeditor.js"></script>
<script src="https://exedohub.pl/assets/js/main.js?v=2"></script>

<script>
    // <![CDATA[
    var URL = "https://exedohub.pl";
    // ]]>

    $( '.datepicker' ).datepicker();
    $( '.datetimepicker' ).datetimepicker();
    $( "#ui-datepicker-div" ).on( "click", function ( e ) {    
        e.stopImmediatePropagation();
    } );

    $( "#form-reset" ).on( "click", function ( e ) {
        e.preventDefault();
        clearForm( $( "#filter-form" )[0] );
    } );

    
        function clearForm( myFormElement ) {
            var elements = myFormElement.elements;

            myFormElement.reset();

            for (i = 0; i < elements.length; i++) {
                field_type = elements[i].type.toLowerCase();

                switch (field_type) {
                    case "text":
                    case "password":
                    case "textarea":
                        elements[i].value = "";
                        break;

                    case "radio":
                    case "checkbox":
                        if (elements[i].checked) {
                            elements[i].checked = false;
                        }
                        break;

                    case "select":
                    case "select-one":
                    case "select-multi":
                        elements[i].selectedIndex = 0;
                        $( ".select" ).select2( { minimumResultsForSearch: 0 } );
                        break;

                    default:
                        break;
                }
            }
        }
    

        $( '.password-wrapper-btn' ).on( 'click', function ( e ) {
            e.preventDefault();
            if ($( this ).closest( '.password-wrapper' ).find( 'input' )[0].type === 'text') {
                $( this ).closest( '.password-wrapper' ).find( 'input' )[0].type = 'password';
                $( this ).closest( '.password-wrapper' ).find( '.sprite' ).addClass( 'sprite-visible' )
                $( this ).closest( '.password-wrapper' ).find( '.sprite' ).removeClass( 'sprite-unvisible' )
            } else {
                $( this ).closest( '.password-wrapper' ).find( 'input' )[0].type = 'text';
                $( this ).closest( '.password-wrapper' ).find( '.sprite' ).removeClass( 'sprite-visible' )
                $( this ).closest( '.password-wrapper' ).find( '.sprite' ).addClass( 'sprite-unvisible' )
            }
        } )

        $( '#check_all' ).on( 'click', function ( e ) {
            $( this ).closest( '.checkboxes' ).find( 'input' ).prop( 'checked', this.checked );
        } )

        function set_action( action )
        {
            $( 'input[type=hidden][name=action]' ).val( action );
        }

        if (!( $( ".module" ).hasClass( 'hidden' ) && $( ".page" ).hasClass( 'hidden' ) && $( ".url" ).hasClass( 'hidden' ) )) {
            $( ".type-section .title" ).removeClass( "hidden" );
        }

        $( "input[type='radio'][name='type']" ).on( 'change', function ( e ) {
            var moduleShow = e.target.value;
            $( ".type-section .title" ).removeClass( "hidden" );
            $( ".module" ).addClass( 'hidden' )
            $( ".page" ).addClass( 'hidden' )
            $( ".url" ).addClass( 'hidden' )
            $( "." + moduleShow ).removeClass( 'hidden' );
        } )

    
    </script>
</body>

</html>