{% extends 'base.html.twig' %}

{% block body %}
    <div class="title">Add new brands</div>
    <div class="grid_search">

        <div class="search_title">Search</div>

        <form method="get">
            <div class="input-group">    
                <div class="form-outline">
                    <input id="search-focus" type="search" name="search" id="form1" placeholder="brand" class="form-control" value="{{ app.request.query.get("search") }}" />
                </div>
                <button type="submit" class="btn btn-primary"><i class="fa fa-search" id="qwa" aria-hidden="true"></i></button>
            </div>
        </form>
    </div>

    <div class="margin_block">
        {% for brand in brands %}
        <div class="brend_block">
            <a href="{{ path('brands_remove', {'brand': brand.id} )}}" onclick="return confirm('Are you sure?')"><i class="fa fa-minus-circle" aria-hidden="true" id="minus"></i></a>
            <img src="{{ vich_uploader_asset(brand, 'imageFile') | imagine_filter('brand') }}">
            <div class="text_brend">{{ brand.name }}</div>
        </div>
        {% endfor %}

        <div class="brend_block1">
            <div class="text_brend1" id="brand_add_area">
                <i class="fa fa-plus-circle" style="font-size: 25px;" aria-hidden="true"></i></br></br>
                <span id="brand_add_file_text">Add brand logo</span>
            </div>
            <div class="text_brend">
                {{ form_start(form) }}
                {{ form_widget(form.name) }}
                <div class="field-error">{{ form_errors(form.name) }}</div>

                <div style="display: none">
                    {{ form_widget(form.imageFile) }}
                </div>

                <button type="submit" class="view">Dodaj</button>
                {{ form_end(form) }}
            </div>
        </div>

        <div style="clear:both;"></div>
    </div>
{% endblock %}