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

{% block body %}
    <div class="container-fluid">
        <div class="container-fluid image-container consulting">
            {% if mainBanner is defined and mainBanner is not null and mainBanner.fileName is not null %}
            <img class="main-image" src="{{ asset('uploads/mains/' ~ mainBanner.fileName) }}"/>
            <div class="image-header">Gamybiniai įrenginiai</div>
            <div class="image-text">
                Jau daugiau nei aštuonerius metus mūsų komanda atlieka įvairius remonto ir metalo gamybos darbus
            </div>
            <a href="{{ path('about') }}" class="button custom-button">Apie mus</a>
            {% endif %}
        </div>
        <div class="container-fluid consulting">
            <h1 class="cerise">Gamyba</h1>
            {% if manufacturing_index is defined and manufacturing_index is not null %}
                <span>{{ manufacturing_index.text|raw }}</span>
            {% endif %}
            <div class="row">
                <div class="col-md-4 col-sm-3">
                    <div class="manufacture-icon-div">
                        <a href="{{ path('manufacturing') }}#milling" class="anchor">
                            <img class="manufacture-icon" src="{{ asset('uploads/icons/milling_machine.svg') }}">
                            <p>CNC frezavimas</p>
                        </a>
                    </div>
                </div>
                <div class="col-md-4 col-sm-3">
                    <div class="manufacture-icon-div">
                        <a href="{{ path('manufacturing') }}#cutting" class="anchor">
                            <img class="manufacture-icon" src="{{ asset('uploads/icons/laser-cutting-1.svg') }}">
                            <p>CNC plazminis pjovimas</p>
                        </a>
                    </div>
                </div>
                <div class="col-md-4 col-sm-3">
                    <div class="manufacture-icon-div">
                        <a href="{{ path('manufacturing') }}#printing" class="anchor">
                            <img class="manufacture-icon" src="{{ asset('uploads/icons/3d-file.svg') }}">
                            <p>3D spausdinimas</p>
                        </a>
                    </div>
                </div>
                <div class="col-md-4 col-sm-3">
                    <div class="manufacture-icon-div">
                        <a href="{{ path('manufacturing') }}#turning" class="anchor">
                            <img class="manufacture-icon" src="{{ asset('uploads/icons/laser-cutting-3.svg') }}">
                            <p>Tekinimas</p>
                        </a>
                    </div>
                </div>
                <div class="col-md-4 col-sm-3">
                    <div class="manufacture-icon-div">
                        <a href="{{ path('manufacturing') }}#welding" class="anchor">
                            <img class="manufacture-icon" src="{{ asset('uploads/icons/welding.svg') }}">
                            <p>Virinimas</p>
                        </a>
                    </div>
                </div>
                <div class="col-md-4 col-sm-3">
                    <div class="manufacture-icon-div">
                        <a href="{{ path('manufacturing') }}#assembling" class="anchor">
                            <img class="manufacture-icon" src="{{ asset('uploads/icons/assembly.svg') }}">
                            <p>Montavimas</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid consulting">
            <h1 class="cerise">Projektavimas</h1>
            {% if design_text is defined and design_text is not null %}
                <span>{{ design_text.text|raw }}</span>
            {% endif %}
            <div class="row d-flex justify-content-between">
                {% if project_1 is not null and project_1.fileName is not null %}
                    <div class="col-lg-3 col-sm-3">
                        <a href="{{ path('designing') }}#upgrading">
                            <img src="{{ asset('uploads/mains/' ~ project_1.fileName) }}"/>
                        </a>
                    </div>
                {% endif %}
                {% if project_2 is not null and project_2.fileName is not null %}
                    <div class="col-lg-3 col-sm-3">
                        <a href="{{ path('designing') }}#workspace">
                            <img src="{{ asset('uploads/mains/' ~ project_2.fileName) }}"/>
                        </a>
                    </div>
                {% endif %}
                {% if project_3 is not null and project_3.fileName is not null %}
                    <div class="col-lg-3 col-sm-3">
                        <a href="{{ path('designing') }}#design">
                            <img src="{{ asset('uploads/mains/' ~ project_3.fileName) }}"/>
                        </a>
                    </div>
                {% endif %}
                {% if project_4 is not null and project_4.fileName is not null %}
                    <div class="col-lg-3 col-sm-3">
                        <a href="{{ path('designing') }}#component">
                            <img src="{{ asset('uploads/mains/' ~ project_4.fileName) }}"/>
                        </a>
                    </div>
                {% endif %}
            </div>
        </div>
        <div class="container-fluid">
            <div class="consulting">
                <div class="row">
                    <div class="col-lg-6 col-sm-12 align-self-center">
                        <h1 class="cerise">Konsultacijos</h1>
                        {% if consulting is defined and consulting is not null %}
                            <span>{{ consulting.text|raw }}</span>
                        {% endif %}
                    </div>
                    {% if consultingImage is not null and consultingImage.fileName is not null %}
                        <div class="col-lg-6 col-sm-12">
                            <img style="width: 100%" src="{{ asset('uploads/mains/') ~ consultingImage.fileName }}">
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
{#        <div class="container-fluid">#}
{#            <div class="consulting">#}
{#                <div class="row align-items-end">#}
{#                    <div class="col-lg-5 col-sm-12 align-self-center">#}
{#                        <h1 class="cerise">Komponentai</h1>#}
{#                        <span>Antraste</span>#}
{#                    </div>#}
{#                    <div class="col-lg-3 col-sm-12 d-flex align-items-end components-col">#}
{#                        <span class="components-span"><b>Komponentu katalogai</b></span>#}
{#                        <img src="{{ asset('uploads/icons/backspace.svg') }}" class="arrow">#}
{#                    </div>#}
{#                    <div class="col-lg-3 col-sm-12 d-flex align-items-end components-col">#}
{#                        <span class="components-span"><b>Komponentu likutis</b></span>#}
{#                        <img src="{{ asset('uploads/icons/backspace.svg') }}" class="arrow">#}
{#                    </div>#}
{#                </div>#}
{#            </div>#}
{#        </div>#}
    </div>
    {% include 'default/footer.html.twig' %}
{% endblock %}