{% extends 'layout/template.twig' %}

{% block content %}
    <!-- barra superior titulo de pagina-->
    <div class="div-title bg-color-menu-personalizado">
        <div class="container">
            <div class="row">
                <div class="col-xs-10 col-sm-11">
                    {{ title }}
                </div>
                <div class="col-xs-2 col-sm-1 text-right" data-toggle="tooltip-info" data-placement="bottom" title="¿Como funciona?">
                    <i class="fa fa-info-circle" data-toggle="modal" data-target="#modalInfo"></i>
                </div>
            </div>
        </div>
    </div>

    <div class="container mt20 pb80" >

        <div id="exTab2" class="container">
            <ul class="nav nav-tabs nav-tabs-menu-personalizado">
                <li class="active">
                    <a  href="#1" data-toggle="tab">LU</a>
                </li>
                <li>
                    <a href="#2" data-toggle="tab">MA</a>
                </li>
                <li>
                    <a href="#3" data-toggle="tab">MIE</a>
                </li>
                <li>
                    <a href="#4" data-toggle="tab">JUE</a>
                </li>
                <li>
                    <a href="#5" data-toggle="tab">VIE</a>
                </li>
                <li>
                    <a href="#6" data-toggle="tab">SAB</a>
                </li>
                <li>
                    <a href="#7" data-toggle="tab">DOM</a>
                </li>
            </ul>

            <div class="tab-content tab-content-menu-persoanlizado">
                {% for day in menu.days %}
                <div class="tab-pane {% if loop.index == 1 %}active {% endif %}" id="{{ loop.index }}">
                    <div class="row">
                        {#comida#}
                        <div class="col-md-6">
                            <h2 class="color-menu-personalizado">COMIDA</h2>

                            <div class="border-box border-menu-personalizado-light">
                                <div class="title-box-border-box bg-color-menu-personalizado-light">
                                    PRIMER PLATO
                                </div>

                                <div class="container-box-border-box">
                                    <form class="ac-custom ac-radio ac-fill" autocomplete="off">
                                        <a href="{{ url('receta-detalle/update/'~day.lunchFirst[0].id) }}" >
                                            <div class="row">
                                                <div class="col-xs-11 plr0">
                                                    <input {% if model_Recipe.exist_recipe(day.lunchFirst[0].id) %} checked {% endif %}
                                                            id="{{ day.lunchFirst[0].id }}"
                                                            name="{{ day.ds }}_lunchFirst"
                                                            value="{{ day.lunchFirst[0].id }}"
                                                            type="radio"
                                                            data-day="{{ loop.index }}"
                                                            data-option="lunchFirst">
                                                    <label for="{{ day.lunchFirst[0].id }}">{{ day.lunchFirst[0].name }}</label>
                                                </div>
                                                <div class="col-xs-1 plr0"  data-toggle="tooltip-info" data-placement="bottom" title="ver receta">
                                                    <i class="fa fa-search pointer a-black"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="{{ url('receta-detalle/update/'~day.lunchFirst[1].id) }}" >
                                            <div class="row mt20">
                                                <div class="col-xs-11 plr0">
                                                    <input {% if model_Recipe.exist_recipe(day.lunchFirst[1].id) %} checked {% endif %}
                                                            id="{{ day.lunchFirst[1].id }}"
                                                            name="{{ day.ds }}_lunchFirst"
                                                            value="{{ day.lunchFirst[1].id }}"
                                                            type="radio"
                                                            data-day="{{ loop.index }}"
                                                            data-option="lunchFirst">

                                                    <label for="{{ day.lunchFirst[1].id }}">{{ day.lunchFirst[1].name }}</label>
                                                </div>
                                                <div class="col-xs-1 plr0"  data-toggle="tooltip-info" data-placement="bottom" title="ver receta">
                                                    <i class="fa fa-search pointer a-black"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </div>

                            <div class="border-box border-menu-personalizado-light">
                                <div class="title-box-border-box bg-color-menu-personalizado-light">
                                    SEGUNDO PLATO
                                </div>

                                <div class="container-box-border-box">
                                    <form class="ac-custom ac-radio ac-fill" autocomplete="off">
                                        <a href="{{ url('receta-detalle/update/'~day.lunchSecond[0].id) }}" >
                                            <div class="row">
                                                <div class="col-xs-11 plr0">
                                                    <input {% if model_Recipe.exist_recipe(day.lunchSecond[0].id) %} checked {% endif %}
                                                            id="{{ day.lunchSecond[0].id }}"
                                                            name="{{ day.ds }}_lunchSecond"
                                                            value="{{ day.lunchSecond[0].id }}"
                                                            type="radio"
                                                            data-day="{{ loop.index }}"
                                                            data-option="lunchSecond">

                                                    <label for="{{ day.lunchSecond[0].id }}">{{ day.lunchSecond[0].name }}</label>
                                                </div>
                                                <div class="col-xs-1 plr0"  data-toggle="tooltip-info" data-placement="bottom" title="ver receta">
                                                    <i class="fa fa-search pointer a-black"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="{{ url('receta-detalle/update/'~day.lunchSecond[1].id) }}" >
                                            <div class="row mt20">
                                                <div class="col-xs-11 plr0">
                                                    <input {% if model_Recipe.exist_recipe(day.lunchSecond[1].id) %} checked {% endif %}
                                                            id="{{ day.lunchSecond[1].id }}"
                                                            name="{{ day.ds }}_lunchSecond"
                                                            value="{{ day.lunchSecond[1].id }}"
                                                            type="radio"
                                                            data-day="{{ loop.index }}"
                                                            data-option="lunchSecond">

                                                    <label for="{{ day.lunchSecond[1].id }}">{{ day.lunchSecond[1].name }}</label>
                                                </div>
                                                <div class="col-xs-1 plr0"  data-toggle="tooltip-info" data-placement="bottom" title="ver receta">
                                                    <i class="fa fa-search pointer a-black"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </div>
                        </div>
                        {#cena#}
                        <div class="col-md-6">
                            <h2 class="color-menu-personalizado">CENA</h2>

                            <div class="border-box border-menu-personalizado-light">
                                <div class="title-box-border-box bg-color-menu-personalizado-light">
                                    PRIMER PLATO
                                </div>

                                <div class="container-box-border-box">
                                    <form class="ac-custom ac-radio ac-fill" autocomplete="off">
                                        <a href="{{ url('receta-detalle/update/'~day.dinnerFirst[0].id) }}" >
                                            <div class="row">
                                                <div class="col-xs-11 plr0">
                                                    <input {% if model_Recipe.exist_recipe(day.dinnerFirst[0].id) %} checked {% endif %}
                                                            id="{{ day.dinnerFirst[0].id }}"
                                                            name="{{ day.ds }}_dinnerFirst"
                                                            value="{{ day.dinnerFirst[0].id }}"
                                                            type="radio"
                                                            data-day="{{ loop.index }}"
                                                            data-option="dinnerFirst">

                                                    <label for="{{ day.dinnerFirst[0].id }}">{{ day.dinnerFirst[0].name }}</label>
                                                </div>
                                                <div class="col-xs-1 plr0"  data-toggle="tooltip-info" data-placement="bottom" title="ver receta">
                                                    <i class="fa fa-search pointer a-black"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="{{ url('receta-detalle/update/'~day.dinnerFirst[1].id) }}">
                                            <div class="row mt20">
                                                <div class="col-xs-11 plr0">
                                                    <input {% if model_Recipe.exist_recipe(day.dinnerFirst[1].id) %} checked {% endif %}
                                                            id="{{ day.dinnerFirst[1].id }}"
                                                            name="{{ day.ds }}_dinnerFirst"
                                                            value="{{ day.dinnerFirst[1].id }}"
                                                            type="radio"
                                                            data-day="{{ loop.index }}"
                                                            data-option="dinnerFirst">

                                                    <label for="{{ day.dinnerFirst[1].id }}">{{ day.dinnerFirst[1].name }}</label>
                                                </div>
                                                <div class="col-xs-1 plr0"  data-toggle="tooltip-info" data-placement="bottom" title="ver receta">
                                                    <i class="fa fa-search pointer a-black"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </div>

                            <div class="border-box border-menu-personalizado-light">
                                <div class="title-box-border-box bg-color-menu-personalizado-light">
                                    SEGUNDO PLATO
                                </div>

                                <div class="container-box-border-box">
                                    <form class="ac-custom ac-radio ac-fill" autocomplete="off">
                                        <a href="{{ url('receta-detalle/update/'~day.dinnerSecond[0].id) }}" >
                                            <div class="row">
                                                <div class="col-xs-11 plr0">
                                                    <input {% if model_Recipe.exist_recipe(day.dinnerSecond[0].id) %} checked {% endif %}
                                                            id="{{ day.dinnerSecond[0].id }}"
                                                            name="{{ day.ds }}_dinnerSecond"
                                                            value="{{ day.dinnerSecond[0].id }}"
                                                            type="radio"
                                                            data-day="{{ loop.index }}"
                                                            data-option="dinnerSecond">

                                                    <label for="{{ day.dinnerSecond[0].id }}">{{ day.dinnerSecond[0].name }}</label>
                                                </div>
                                                <div class="col-xs-1 plr0"  data-toggle="tooltip-info" data-placement="bottom" title="ver receta">
                                                    <i class="fa fa-search pointer a-black"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="{{ url('receta-detalle/update/'~day.dinnerSecond[1].id) }}" >
                                            <div class="row mt20">
                                                <div class="col-xs-11 plr0">
                                                    <input {% if model_Recipe.exist_recipe(day.dinnerSecond[1].id) %} checked {% endif %}
                                                            id="{{ day.dinnerSecond[1].id }}"
                                                            name="{{ day.ds }}_dinnerSecond"
                                                            value="{{ day.dinnerSecond[1].id }}"
                                                            type="radio"
                                                            data-day="{{ loop.index }}"
                                                            data-option="dinnerSecond">

                                                    <label for="{{ day.dinnerSecond[1].id }}">{{ day.dinnerSecond[1].name }}</label>
                                                </div>
                                                <div class="col-xs-1 plr0"  data-toggle="tooltip-info" data-placement="bottom" title="ver receta">
                                                    <i class="fa fa-search pointer a-black"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </form>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                {% endfor %}

                <div class="row">
                    <div class="col-md-6"><p class="mt20">*Puedes desmarcar ambas opciones de plato (si así lo quisieras) haciendo doble clic sobre el que queda marcado.</p></div>
                    <div class="col-md-6 ">
                        <button  class="btn btn-custom btn-menu-personalizado-light mt20" data-toggle="modal" data-target="#modalRecomendaciones"> Resto del día <i class="fa fa-angle-double-right"></i> </button>
                    </div>
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-md-4 col-md-offset-8">
                <button  class="btn btn-custom btn-menu-personalizado mt20 save-menu" ><i class="fa fa-save"></i> Guardar Selección</button>
            </div>
        </div>

    </div>

    <!--modal recomendaciones resto del día-->
    {% include 'modal_resto_dia.twig' %}
    {% include 'modals/modal_saved.twig' %}


{% endblock %}




