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

{% block body %}
    <div class="container-fluid" xmlns="http://www.w3.org/1999/html">
        <div class="title-container" style="margin-bottom: 16px;">
            <h1 class="cerise"><strong>Kontaktai</strong></h1>
        </div>
        <div class="text-under-title">
            <p>Turite klausimų? Susisiekite su mumis žemiau nurodytais kontaktais</p>
        </div>
        <div class="row" style="margin-bottom: 32px;">
            <div class="col-lg-4 col-sm-4">
                <div class="manufacture-icon-div">
                    <img class="manufacture-icon" src="{{ asset('uploads/icons/phone_iphone-big.svg') }}">
                    <p>+37067837242</p>
                </div>

            </div>
            <div class="col-lg-4 col-sm-4">
                <div class="manufacture-icon-div">
                    <img class="manufacture-icon" src="{{ asset('uploads/icons/mail_outline_big.svg') }}">
                    <p>info@mechanikossprendimai.lt</p>
                </div>
            </div>
            <div class="col-lg-4 col-sm-4">
                <div class="manufacture-icon-div">
                    <img class="manufacture-icon" src="{{ asset('uploads/icons/pin_drop.svg') }}">
                    <p>Varluvos k. Žibintų g. 14,</p>
                    <p>Kauno raj. 54341</p>
                </div>
            </div>
        </div>
        <div class="map-wrapper">
            <div id="map"></div>
        </div>
    </div>
    {% include 'default/footer.html.twig' %}
    <script>
        mapboxgl.accessToken = 'pk.eyJ1Ijoicm9rcmFpIiwiYSI6ImNqem1sOWM3YzA1M2wzZG55b3FsdTF4NWEifQ.4wk11W6v8D-nx8Re7aI8xQ';
        var map = new mapboxgl.Map({
            container: 'map', // container id
            style: 'mapbox://styles/mapbox/streets-v11', // style URL
            center: [23.931640419422564, 54.992514299499106],
            zoom: 15 // starting zoom
        });
        var marker = new mapboxgl.Marker()
            .setLngLat([23.931640419422564, 54.992514299499106])
            .addTo(map);
    </script>
{% endblock %}

{% block javascripts %}
{% endblock %}