{% extends "YOUCommercantBundle::layout.html.twig" %}

{% block container %}

    <style>

        #list {
            padding:0;
            margin:0;
            list-style:none;
            float:left;
            width:200px;
            height:300px;
            overflow-y:auto;
            overflow-x:hidden;
            background:#fff;
        }
        #list a{
            display: block;
            padding:8px 5px;
            background:#ffffff;
            border-bottom: 1px solid #eee;
        }
        #list a.current {
            color:#fff;
            background:#99cc33;
        }
        #list a i{
            float:right;
            margin-top:3px;
        }
        #list a.create {
            text-align: center;
            font-weight: bold;
        }
        #list a:hover{
            background: #eee;
        }
        #livraison {
            width: 600px;
            height:300px;
        }
        #content {
            height:300px;
            width: 399px;
            border-left:1px solid #eee;
            overflow-y:auto;
            overflow-x:hidden;
            background:#fff;
            margin:0;
        }

        #ajout_categorie {
            float:left;
        }
        #submittarifs {
            float:right;
        }

        #livraison label {
            position:relative;
            top:-4px;
        }
        #liste-livreurs .livreur-collection {
            margin-top:15px;
            padding-top:15px;
            border-top:1px solid #eee;
        }
        #liste-livreurs label{
            display:none;
        }

        #liste-livreurs .livreur-collection label{
            display:inline-block;
            width:140px;
            text-align:right;
            padding-right:15px;
        }

        #liste-livreurs .livreur-collection input {
            width:100px;
        }
        #liste-livreurs .livreur-collection select {
            width:180px;
        }
        #liste-livreurs .btn {
            margin-left:155px;
        }

        .formName label{
            display:inline-block;
            width:40px;
            padding-right:15px;
        }
        .formName input {
            width:270px;
        }
    </style>

    <div id="livraison" class="row-fluid">
        <ul id="list" class="span4">

            {% for item in liste %}
                {% if current is defined and current == item.id %}
                    <li><a class="current" href="{{  path('you_commercant_livraison_editer',{id:item.id}) }}">{{  item.name }} <i class="icon-chevron-right"></i></a></li>
                {% else %}
                    <li><a href="{{  path('you_commercant_livraison_editer',{id:item.id}) }}">{{  item.name }} <i class="icon-chevron-right"></i></a></li>
                {% endif %}
            {% endfor %}
            <li><a class="create" href="{{  path('you_commercant_livraison_creer') }}">Créer un nouveau tarif</a></li>

        </ul>
        <div id="content" class="span8">
            {%  block content %}

            {%  endblock %}
        </div>
    </div>

{%  endblock %}