
<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-6">
                <label>Asunto</label>
            </div>
            <div class="col-md-3">
                <label>Fecha</label>
            </div>
            <div class="col-md-3">
                <label>Estado</label>
            </div>
        </div>
        <div class="col-xs-2"></div>
    </div>


   {# {% for i in items %} #}

    <!--item lista, una consulta pendiente-->
        <div class="pointer">
            <a href="{{ url('consultas-nutricionista/ver')}}">
                <div class="row item-list-style">
                    <div class="col-xs-10">
                        <div class="col-md-6">
                            <p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
                        </div>
                        <div class="col-md-3">
                            <p><i class="fa fa-calendar"></i> 12/04/2019</p>
                        </div>
                        <div class="col-md-3">
                            <p class="color-lista-compra"><i class="fa fa-clock-o"></i> Pendiente</p>
                        </div>
                    </div>
                    <div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
                </div>
             </a>
        </div>

        <!--item lista, una consulta estado leida-->
        <div class="pointer">
            <a href="{{ url('consultas-nutricionista/ver')}}">
                <div class="row item-list-style">
                    <div class="col-xs-10">
                        <div class="col-md-6">
                            <p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
                        </div>
                        <div class="col-md-3">
                            <p><i class="fa fa-calendar"></i> 12/04/2019</p>
                        </div>
                        <div class="col-md-3">
                            <p class="color-perfil"><i class="fa fa-check"></i>Leída</p>
                        </div>
                    </div>
                    <div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
                </div>
            </a>
        </div>

        <!--item lista, una consulta estado respondida-->
        <div class="pointer">
            <a href="{{ url('consultas-nutricionista/ver')}}">
                <div class="row item-list-style">
                    <div class="col-xs-10">
                        <div class="col-md-6">
                            <p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
                        </div>
                        <div class="col-md-3">
                            <p><i class="fa fa-calendar"></i> 12/04/2019</p>
                        </div>
                        <div class="col-md-3">
                            <p class="color-menus-saludables"><i class="fa fa-envelope"></i> Respuesta</p>
                        </div>
                    </div>
                    <div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
                </div>
             </a>
        </div>
 {#{% endfor %}#}
</div>

