{% extends '::base.html.twig' %}

{% set themePath = 'themes/' ~ config.getParameter('theme') %}
{% block stylesheets %}
    <link rel='stylesheet' type='text/css' href='{{ asset(themePath ~ '/bootstrap.css') }}'/>
    <link rel='stylesheet' type='text/css' href='{{ asset('vendor/fortawesome/font-awesome/font-awesome.css') }}'/>
{% endblock %}

{% block favicon %}
    <link rel="shortcut icon" href="{{ asset('bundles/clarolinecore/images/ico/favicon.ico') }}"/>
    <link rel="apple-touch-icon" href="{{ asset('bundles/clarolinecore/images/ico/apple-touch-icon.png')}}"/>
{% endblock %}

{% block layout %}
<div id="top_bar" class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn navbar-btn" data-toggle="collapse" data-target=".nav-collapse" role="button">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="{{ path('claro_index')}}">
                Claronext
            </a>
        </div>
    </div>
    </div>
    <div class="container">
 <div id="grid" class="col-md-12">
    <div class="row">
        <div class="col-md-12">
            <ul class="nav nav-tabs margin-bottom-md">
            </ul>
        <h2>{{ 'welcome'|trans({}, 'install') }}</h2>
            <p> {{'this_process'|trans({} ,'install') }} </p>
            </div>
  {% block content %}
            <div class="col-md-3">
        <ol class="nav nav-list">
             {% block naviguation %}
             {% include 'ClarolineCoreBundle:Install:steps.html.twig' %}
                {%endblock %}
                  </ol>
            <div class="progress">
              <div class="bar" style="width: 30%;"></div>
            </div>
    </div>
             <div class="col-md-6">
                  {%block data %}
                  {%endblock data %}
    {% endblock %}
{%endblock %}