{% extends 'MainBundle:Master:master.html.twig' %}
{% block content%}
    <div class="ui-widget-shadow ui-corner-all" style="width: 362px; height: 252px; position: absolute; left:50%; top:50%; margin-top: -126px; margin-left:-181px; "></div>
    <div style="position: absolute; width: 360px; height: 250px; top:50%; left:50%; margin-left:-173px; margin-top:-118px;" class="ui-widget ui-widget-content ui-corner-all" >
        <div class="ui-dialog-content ui-widget-content" style="background: none; border: 0; ">
            <form action="/admin/login_check" method="post">
                <div class="ui-dialog-titlebar ui-widget-header  ui-corner-top ui-helper-clearfix" style="height:25px; padding-top:6px;"> 
                    <span  class="ui-dialog-title" >
                        <center>
                            LOGIN
                        </center>
                    </span> 
                </div>
                <div  style="height: 161px; padding-top: 15px; padding-right: 30px; padding-left: 29px; padding-bottom: 0px;">
                    <div >
                        <label for="username">Username:</label>
                        <div >
                            <input type="text" id="username" name="_username" value="" style="width:292px;">
                        </div>
                    </div>
                    <div  style="margin-top:15px;">
                        <label for="password">Password:</label>
                        <div >
                            <input type="password" id="password" name="_password" style="width:292px;">
                        </div>
                    </div>
                    <div  style="margin-top:15px;">
                        <ul id="icons" class="ui-widget ui-helper-clearfix">
                            <li class="ui-state-default ui-corner-all" title="CITAS"><span class="ui-icon ui-icon-calendar"></span></li>
                            <li class="ui-state-default ui-corner-all" title="AGENDA"><span class="ui-icon ui-icon-note"></span></li>
                            <li class="ui-state-default ui-corner-all" title="ESTUDIOS"><span class="ui-icon ui-icon-clipboard"></span></li>
                            <li class="ui-state-default ui-corner-all" title="LECTURA"><span class="ui-icon ui-icon-volume-on"></span></li>
                            <li class="ui-state-default ui-corner-all" title="TRANSCRIPCIÓN"><span class="ui-icon ui-icon-pencil"></span></li>
                            <li class="ui-state-default ui-corner-all" title="ADMISIÓN"><span class="ui-icon ui-icon-document"></span></li>
                            <li class="ui-state-default ui-corner-all" title="MENSAJERIA"><span class="ui-icon ui-icon-mail-closed"></span></li>
                            <li class="ui-state-default ui-corner-all" title="PERFILES"><span class="ui-icon ui-icon-home"></span></li>
                            <li class="ui-state-default ui-corner-all" title="ADMINISTRACIÓN"><span class="ui-icon ui-icon-gear"></span></li>
                            <li class="ui-state-default ui-corner-all" title="SOPORTE"><span class="ui-icon ui-icon-wrench"></span></li>
                        </ul>
                    </div>
                </div>
                <div class="ui-corner-bottom " style="bottom: 0px; background-color: #DDDDDD; border-top: thin solid #305B96;  border-bottom-style: none; border-right-style: none; border-left-style: none; height:40px;">
                    <div style=" float: right; margin-right:29px; margin-top:5px;">
                        <button id="button" >OK</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
{% endblock %}