WordPress

<div class="side_bar_nav search_filter form_sidebar_search" {#onchange="filter_search(this)"#} data-url = "{{ path('search_elastica_search_filter') }}" >
    <div class="side_bar_nav_toggle">Filter</div>
    <form action="">
        <input type="hidden" name="search_type" value="{{ search_type is defined ? search_type.id : "null" }}">
        <input type="hidden" name="search_category" value="{{ category is defined ? category.id : "null" }}">
        <h3>Optimize Your Search</h3>
        <div class="filter_block">
            <h4>License Type</h4>
            <div class="styled-select">
                <select name="license">
                    <option value="" selected="">Select Licence Type</option>
                    <option value="Royalty Free">Royalty Free</option>
                    <option value="Right Managed">{{ search_type is defined and search_type.id == 5 ? "Rights Ready" : "Right Managed" }}</option>
                </select>
            </div>
        </div>

        <div class="filter_block">
            <input type="checkbox" name="is_exclusive" value="1" id="is_exclusive"> <label for="is_exclusive" class="cursor_pointer">Exclusive Licence</label>
        </div>

        {% if search_type is defined and search_type.id != 4 %}
{#            <input type="hidden" name="type" value="">#}
{#            <input type="hidden" name="orientation" value="">#}
            <div class="filter_block">
                <h4>Video Type</h4>
                <div class="styled-select">
                    <select name="type">
                        <option value="" selected="">Select Video Type</option>
                        <option value="Creative">Creative Video</option>
                        <option value="Editorial">Editorial Video</option>
                    </select>
                </div>
            </div>
            <div class="filter_block">
                <h4>Resoultion</h4>
                <div class="styled-select">
                    <select name="video_resolution">
                        <option value="" selected="">Select Video Resolution</option>
                        <option value="720p">720p HD</option>
                        <option value="1080p">1080p HD</option>
                        <option value="4K UHD">4K</option>
                    </select>
                </div>
            </div>
        {% else %}
            <div class="filter_block">
                <h4>Image Type</h4>
                <div class="styled-select">
                    <select name="type">
                        <option value="" selected="">Select Image Type</option>
                        <option value="Creative">Creative Image</option>
                        <option value="Editorial">Editorial Image</option>
                    </select>
                </div>
            </div>

        {% endif %}

        <div class="filter_block">
            <h4>Orientation</h4>
            <div class="styled-select">
                <select name="orientation">
                    <option value="" selected="">Select Orientation</option>
                    <option value="Landscape">Landscape</option>
                    <option value="Portrait">Portrait</option>
                </select>
            </div>
        </div>



        <div class="filter_block">
            <h4>People</h4>
            <div class="styled-select">
                <select name="people">
                    <option value="" selected="">Select People</option>
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                </select>
            </div>
        </div>

        <div class="filter_block">
            <h4>Category</h4>
            <div class="styled-select">
                <select name="category">
                    <option value="" selected="">Select Category</option>
                    {# @var category \App\Entity\StockCategory #}
                    {% for category in helper.getCategories %}
                        <option value="{{ category.id }}">{{ category.name|capitalize }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>

        <div class="filter_block">
            <h4>Contributor</h4>
            <div class="styled-select">
                <select name="contributor">
                    <option value="" selected="">Select Contributor</option>
                    {# @var contributor \App\Entity\Usery #}
                    {% for contributor in helper.fetchApprovedContributors %}
                        <option value="{{ contributor.id }}">{{ contributor.fullName|capitalize }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
    </form>
</div>