{% extends "page.html" %}

{% block stylesheet %}
{% endblock %}

{% block site %}

<div id="jupyter-main-app" class="container">
    
    <img src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" alt="Hugging Face Logo">
    
    <h3>MuJoCo + JupyterLab + Hugging Face = 🧡</h3>
    
    <br/>

    <h5>You are currently looking at a HF Space template designed to run <a href="https://mujoco.org/" target="_blank">MuJoCo</a>, a robot simulation platform.</h5>
    
    <h5>Please <a href="https://huggingface.co/spaces/jbilcke-hf/train-robots-with-mujoco?duplicate=true">duplicate this space</a> to start training your robot! (note: make sure to use a Nvidia GPU)</h5>
  
    <h5>You already duplicated it? Congratulation, you can now connect to your JupyterLab! The default password is: <span style="color:orange;">huggingface</span></h5>
  
    <br/>

    {% if login_available %}
    {# login_available means password-login is allowed. Show the form. #}
    <div class="row">
        <div class="navbar col-sm-8">
            <div class="navbar-inner">
                <div class="container">
                    <div class="center-nav">
                        <form action="{{base_url}}login?next={{next}}" method="post" class="navbar-form pull-left">
                            {{ xsrf_form_html() | safe }}
                            {% if token_available %}
                            <label for="password_input"><strong>{% trans %}Password <span title="This is the password you set up when deploying this JupyterLab space">ⓘ</span> {% endtrans
                                    %}</strong></label>
                            {% else %}
                            <label for="password_input"><strong>{% trans %}Jupyter password:{% endtrans %}</strong></label>
                            {% endif %}
                            <input type="password" name="password" id="password_input" class="form-control">
                            <button type="submit" class="btn btn-default" id="login_submit">{% trans %}Log in{% endtrans
                                %}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% else %}
    <p>{% trans %}No login available, you shouldn't be seeing this page.{% endtrans %}</p>
    {% endif %}

      <h5>If you don't have the credentials for this Jupyter space, please <a target="_blank" href="https://huggingface.co/spaces/jbilcke-hf/train-robots-with-mujoco?duplicate=true">duplicate it</a>. Happy robot hacking!</h5>
    <br>
  
    <p>This MuJoCo optimized Space was created by <a href="https://huggingface.co/jbilcke-hf" target="_blank" >jbilcke-hf</a> for the Hugging Face robot builder community 🫶</p>
    {% if message %}
    <div class="row">
        {% for key in message %}
        <div class="message {{key}}">
            {{message[key]}}
        </div>
        {% endfor %}
    </div>
    {% endif %}
    {% if token_available %}
    {% block token_message %}
    
    {% endblock token_message %}
    {% endif %}
</div>

{% endblock %}


{% block script %}
{% endblock %}