
<div class="container mt-list-menus-saludables" >
    <!--btn añadir nueva consulta-->
    <div class="row">
        <div class="col-xs-6"></div>
        <div class="col-xs-6">
            <button  class="btn btn-custom btn-other  text-right" data-toggle="modal" data-target="#modalNewConsulta"><i class="fa fa-plus"></i> Consulta  </button>
        </div>
    </div>

    <!--box con titulos de columnas-->
    <div class="row bg-color-other whitecolor hidden-xs hidden-sm mt30 p10">
        <div class="col-xs-10">
            <div class="col-md-4">
                <label>Asunto</label>
            </div>
            <div class="col-md-3">
                <label>Fecha</label>
            </div>
            <div class="col-md-3">
                <label>Estado</label>
            </div>
            <div class="col-md-2">
                <label>Leída</label>
            </div>
        </div>
        <div class="col-xs-2"></div>
    </div>

    {% for c in conversations %}

    <!--item lista, una consulta pendiente-->
        <div class="pointer">
            <a href="{{ url('consultas-nutricionista/ver/'~c.id)}}">
                <div class="row item-list-style">
                    <div class="col-xs-10">
                        <div class="col-md-4">
                            <p>{{ c.subject }}</p>
                        </div>
                        <div class="col-md-3">
                            <p><i class="fa fa-calendar"></i> {{ c.created_at|date("d/m/Y") }} <br> <i class="fa fa-clock-o"></i> {{ c.created_at|date("H:i:s") }} </p>
                        </div>
                        <div class="col-md-3">
                            <p class="color-lista-compra"> {{ c.state.ds }}</p>
                        </div>
                        <div class="col-md-2">
                            {% if c.read == "S" %}
                                <p class="color-perfil"><i class="fa fa-check"></i> Sí</p>
                            {% else %}
                                <p style="color: red"><i class="fa fa-remove"></i> No </p>
                            {% endif %}
                        </div>
                    </div>
                    <div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
                </div>
             </a>
        </div>
 {% endfor %}

</div>

