{% extends 'layout/default.html.twig' %}

{% block title %} Signup | Site{% endblock %}

{% block main %}

    <div class="contain:sm">

        <h1 class="mt-30 mb-2">Quels partenaires recherchez-vous ?</h1>

        {{ form_start(form, { 
                'attr' : { 
                    'class': '' 
                } 
            }) 
        }}

            <h2 class="s4 mt-0">Couples</h2>
            
            <ul class="naked flex sm left">
                <li>
                    <label 
                        class="sl-checkbox-tag"
                    >
                        <input 
                            type="checkbox"
                            name="{{ field_name(form.search) }}[]"
                            value="212"
                            {{ "212" in field_value(form.search) ? "checked" : "" }}
                        >
                        <span class="mx-10">Hétéro</span>
                    </label>
                </li>
                
                {% if not iswoman and not islesbian %}
                    <li>
                        <label 
                            class="sl-checkbox-tag"
                        >
                            <input 
                                type="checkbox"
                                name="{{ field_name(form.search) }}[]"
                                {# value="{{iswoman or islesbian ? '231' : '211'}}" #}
                                value="211"
                                {{ "211" in field_value(form.search) ? "checked" : "" }}
                            >
                            <span class="mx-10">Gay</span>
                        </label>
                    </li>
                {% endif %}
                
                {% if not isman and not isgay %}
                    <li>
                        <label 
                            class="sl-checkbox-tag"
                        >
                            <input 
                                type="checkbox"
                                name="{{ field_name(form.search) }}[]"
                                {# value="{{isman or isgay ? '232' : '222'}}" #}
                                value="222"
                                {{ "222" in field_value(form.search) ? "checked" : "" }}
                            >
                            <span class="mx-10">Lesbiennes</span>
                        </label>
                    </li>
                {% endif %}

            </ul>

            <ul class="naked flex sm left">
                <li>
                    <label 
                        class="sl-checkbox-tag"
                    >
                        <input 
                            type="checkbox"
                            name="{{ field_name(form.search) }}[]"
                            value="233"
                            {{ "233" in field_value(form.search) ? "checked" : "" }}
                        >
                        <span class="mx-10">Bisexuel</span>
                    </label>
                </li>
                <li>
                    <label 
                        class="sl-checkbox-tag"
                    >
                        <input 
                            type="checkbox"
                            name="{{ field_name(form.search) }}[]"
                            value="232"
                            {{ "232" in field_value(form.search) ? "checked" : "" }}
                        >
                        <span class="mx-10">Femme.s bi</span>
                    </label>
                </li>
                <li>
                    <label 
                        class="sl-checkbox-tag"
                    >
                        <input 
                            type="checkbox"
                            name="{{ field_name(form.search) }}[]"
                            value="231"
                            {{ "231" in field_value(form.search) ? "checked" : "" }}
                        >
                        <span class="mx-10">Homme.s bi</span>
                    </label>
                </li>
            </ul>

            <hr class="my-25">

            <h2 class="s4">Femmes</h2>
            
            <ul class="naked flex sm left">

                {% if not iswoman and not islesbian %}
                    <li>
                        <label 
                            class="sl-checkbox-tag"
                        >
                            <input 
                                type="checkbox"
                                name="{{ field_name(form.search) }}[]"
                                value="121"
                                {{ "121" in field_value(form.search) ? "checked" : "" }}
                            >
                            <span class="mx-10">Hétéro</span>
                        </label>
                    </li>
                {% endif %}

                {% if not isman and not isgay %}
                    <li>
                        <label 
                            class="sl-checkbox-tag"
                        >
                            <input 
                                type="checkbox"
                                name="{{ field_name(form.search) }}[]"
                                value="122"
                                {{ "122" in field_value(form.search) ? "checked" : "" }}
                            >
                            <span class="mx-10">Lesbienne</span>
                        </label>
                    </li>
                {% endif %}
                <li>
                    <label 
                        class="sl-checkbox-tag"
                    >
                        <input 
                            type="checkbox"
                            name="{{ field_name(form.search) }}[]"
                            value="123"
                            {{ "123" in field_value(form.search) ? "checked" : "" }}
                        >
                        <span class="mx-10">Bisexuel</span>
                    </label>
                </li>
            </ul>

            <hr class="my-25">

            <h2 class="s4">Hommes</h2>

            <ul class="naked flex sm left">
                
                {% if not isman and not isgay %}
                    <li>
                        <label 
                            class="sl-checkbox-tag"
                        >
                            <input 
                                type="checkbox"
                                name="{{ field_name(form.search) }}[]"
                                value="112"
                                {{ "112" in field_value(form.search) ? "checked" : "" }}
                            >
                            <span class="mx-10">Hétéro</span>
                        </label>
                    </li>
                {% endif %}

                {% if not iswoman and not islesbian %}
                    <li>
                        <label 
                            class="sl-checkbox-tag"
                        >
                            <input 
                                type="checkbox"
                                name="{{ field_name(form.search) }}[]"
                                value="111"
                                {{ "111" in field_value(form.search) ? "checked" : "" }}
                            >
                            <span class="mx-10">Gay</span>
                        </label>
                    </li>
                {% endif %}

                <li>
                    <label 
                        class="sl-checkbox-tag"
                    >
                        <input 
                            type="checkbox"
                            name="{{ field_name(form.search) }}[]"
                            value="113"
                            {{ "113" in field_value(form.search) ? "checked" : "" }}
                        >
                        <span class="mx-10">Bisexuel</span>
                    </label>
                </li>
            </ul>
            
            <div class="fixed-ctas">
                <div class="contain:sm">
                    <button type="submit" class="btn w-100">
                       Rechercher des partenaires
                    </button>
                </div>
            </div>

        {{ form_widget(form._token) }}
        {{ form_end(form, {'render_rest': false}) }}

    </div>
    
{% endblock %}



{% block popup %}

    <zb-popup
        class="flex sm middle"
        id="required"
        zb-notification
    >
        {# <img width="30" class="px-5" src="{{ absolute_url(asset('icons/fail.svg')) }}"> #}
        <span class="w-70 py-10">Vous devez sélectionner au moins une valeur.</span>
        {# <img zb-close class="w-15 pointer py-10" src="{{ absolute_url(asset('icons/close.svg')) }}"> #}
    </zb-popup>
{% endblock %}