@extends('front/layouts.app')

@section('content')

<nav aria-label="breadcrumb" class="breadcrumb-nav">
    <div class="container">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="" title="homing"><i class="icon-home"></i></a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">
                Kontakt
            </li>
        </ol>
    </div>
</nav>

<div id="map">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2832.894328084479!2d20.4101493151898!3d44.762569788005386!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x475a71ebce2f66c7%3A0xbc31690e63d5a13f!2s%22ABC+Link%22+doo!5e0!3m2!1ssr!2srs!4v1498248137428" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
{{-- <div class="page-header page-header-bg text-left" style="background: 50%/cover #D4E1EA url('{{ asset('images/223.jpg') }}');height: 400px;margin-top:0px;">
   
</div><!-- End .page-header --> --}}

<div class="container contact-us-container">
    <div class="contact-info">
        <div class="row">
            <div class="col-12">
                <h2 class="ls-n-25 m-b-1">
                    Kako Vam možemo pomoći?
                </h2>

                <p>
                    Naša posvećena ekipa je ovdje kako bi vam pružila podršku i odgovorila na sva vaša pitanja. Slobodno nas kontaktirajte putem telefona, e-pošte ili obratite nam se putem obrasca ispod. Radujemo se saradnji i ostvarivanju vaših snova.
                </p>
            </div>

            <div class="col-sm-6 col-lg-4">
                <div class="feature-box text-center">
                     <i class="fa fa-map-marker-alt"></i>
                    <div class="feature-box-content">
                        <h3>Adresa</h3>
                        <h5>Poručnika Spasića i Mašere 22, Beograd</h5>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-lg-4">
                <div class="feature-box text-center">
                    <i class="fa fa-mobile-alt"></i>
                    <div class="feature-box-content">
                        <h3>Kontakt</h3>
                        <h5>011/2393-570, 011/2399-630 , 063/282-739</h5>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-lg-4">
                <div class="feature-box text-center">
                    <i class="far fa-envelope"></i>
                    <div class="feature-box-content">
                        <h3>E-mail</h3>
                        <h5>info@abclink.co.rs</h5>
                    </div>
                </div>
            </div>
            {{-- <div class="col-sm-6 col-lg-3">
                <div class="feature-box text-center">
                    <i class="far fa-calendar-alt"></i>
                    <div class="feature-box-content">
                        <h3>Radno vrijeme:</h3>
                        <h5>Ponedjeljak - Petak / 08:00 - 16:00 <br> Subota - Nedjelja - Zatvoreno</h5>
                    </div>
                </div>
            </div> --}}
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-lg-6">
            <h2 class="mb-2">Kontaktirajte nas</h2>
            
            <form action="{{ url('/kontakt') }}" method="post" class="mb-0">
                @csrf
                <input type="hidden" name="" value="">
                <div class="form-group">
                    <label class="mb-1" for="contact-name">Ime <span class="required">*</span></label>
                    <input type="text" class="form-control" id="contact-name" name="name" required />
                </div>

                <div class="form-group">
                    <label class="mb-1" for="contact-email">E-mail <span class="required">*</span></label>
                    <input type="email" class="form-control" id="contact-email" name="email" required />
                </div>

                <div class="form-group">
                    <label class="mb-1" for="contact-phone">Telefon <span class="required">*</span></label>
                    <input type="number" class="form-control" id="contact-phone" name="phone" required />
                </div>

                <div class="form-group">
                    <label class="mb-1" for="contact-message">Vaša poruka <span class="required">*</span></label>
                    <textarea cols="30" rows="3" id="contact-message" class="form-control" name="message" required></textarea>
                </div>

                <div class="form-footer mb-4">
                    <button type="submit" class="btn btn-primary">Pošalji poruku</button>
                </div>
            </form>

        </div>

        <div class="col-lg-6">
            <h2 class="mb-1">Zašto izabrati Latoflex</h2>
            <div id="accordion">
                <div class="card card-accordion">
                    <a class="card-header" href="#" data-toggle="collapse" data-target="#collapseOne"
                        aria-expanded="true" aria-controls="collapseOne">
                        Zašto je potrebno kičmu držati u anatomskom položaju?
                    </a>

                    <div id="collapseOne" class="collapse show" data-parent="#accordion">
                        <p>Bez ispravne potpore vaša leđa, kukovi i ramena su «izbačeni» iz anatomskog položaja i možete se probuditi s osećajem ukočenosti, umora i boli. Latoflex podloga omogućuje udobnu potporu vašem telu.</p>
                    </div>
                </div>

                <div class="card card-accordion">
                    <a class="card-header collapsed" href="#" data-toggle="collapse"
                        data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne">
                        Da li je bitno u kojem položaju spavam?
                    </a>

                    <div id="collapseTwo" class="collapse" data-parent="#accordion">
                        <p>Položaj u kojem spavate određuje koji delovi tela dodiruju površinu na kojoj spavate.Tri su osnovna položaja spavanja: na leđima, na stomaku i na boku.

                            Spavačima na leđima treba dušek koji pruža potporu tako da popunjava «praznine» linije leđa, a da je u isto vreme udoban. Spavačima na stomaku treba čvršća potpora da bi sprečili iskrivljenja kičme koja rezultiraju bolovima u donjem delu leđa. Veličina i tip jastuka koju koriste isto igra značajnu ulogu u održavanju prave kombinacije udobnosti i potpore. Spavači na boku su tipični primeri tačaka pritiska na najtežim delovima tela (velika težina na maloj površini). Tačke pritiska redukuju cirkulaciju krvi i rezultiraju povećanim brojem okretanja tokom spavanja.</p>
                    </div>
                </div>

                <div class="card card-accordion">
                    <a class="card-header collapsed" href="#" data-toggle="collapse"
                        data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                        Zašto je anatomska latoflex podloga važna?
                    </a>

                    <div id="collapseThree" class="collapse" data-parent="#accordion">
                        <p>Najjednostavniji odgovor je potpora i udobnost. Ljudsko telo ima dve glavne karakteristike koje su bitne kod proizvodnje anatomskog dušeka.
                            <ul>
                                <li>Težina tela je podeljena na tri područja: ramena, kukovi i pete. Latoflex podloga sa odgovarajućim dušekom dozvoljava tim težim delovima tela da «uđu» dublje, a u isto vreme podupiru vrat, donji deo leđa i bedra.</li>
                            
                                <li>Ljudsko telo ima prirodnu zakrivljenost kičme. Latoflex podloga sa odgovarajućim dušekom zadržava prirodnu ravninu kičme i istovremeno daje savršenu udobnost.</li>
                            </ul> 
                        </p>
                    </div>
                </div>

                <div class="card card-accordion">
                    <a class="card-header collapsed" href="#" data-toggle="collapse"
                        data-target="#collapseFour" aria-expanded="true" aria-controls="collapseThree">
                        Mogu li podesivu latoflex podlogu staviti u svoj krevet?
                    </a>

                    <div id="collapseFour" class="collapse" data-parent="#accordion">
                        <p>Imate li okvir kreveta u kom ste već imali latofleks podlogu samo ćete zameniti jednu drugom. Važno je proveriti koliko duboko vaša podloga sada stoji. Ukoliko do sada niste imali latoflex podlogu, potrebno je proveriti da li vaš krevet ima bočne letvice - nosače.</p>
                    </div>
                </div>

                <div class="card card-accordion">
                    <a class="card-header collapsed" href="#" data-toggle="collapse"
                        data-target="#collapseFive" aria-expanded="true" aria-controls="collapseThree">
                        Kako izabrati latoflex podlogu?
                    </a>

                    <div id="collapseFive" class="collapse" data-parent="#accordion">
                        <p>Odmah je potrebno naglasiti da SUŠTINU latoflex podloga čini džep (amortizer) tj. nosač letvica. On je alfa i omega svake podloge. Znači, da bi razumeli razliku između pojedinih modela dovoljno je samo dobro obratiti pažnju na izgled nosača letvica kao i opis materijala od koga su izrađeni.

                            <ul>Pre kupovine vodite se sledećim pitanjima:</ul>
                            
                            <li>Koliko imate godina? Što ste stariji treba Vam bolja potpora u lumbalnom delu.</li>
                            <li>Da li imate specifične problem sa kičmom? Moguće rešenje je podloga sastavljena iz više različitih zona, sa mogućnošću podešavanja tvrdoće.</li>
                            <li>Da li vam noge često otiču? Odlučite se za osnovu kod koje je moguće podešavanje dela kreveta gde se nalaze stopala.</li>
                            <li>Da li volite da čitate ili doručkujete u krevetu? Izaberite osnovu kreveta sa podesivim naslonom za glavu. Isto se preporučuje i za nepokretne osobe i bolesnike vezane za krevet.</li>
                            <li>Da li Vam je potreban dušek sa visokim nivom prilagođavanja koji se prilagođava specijalnim potrebama Vašeg tela? Odlučite se za dušek sa podesivim naslonom za glavu i noge sa raznim dodacima za ergonomski položaj tela.</li>
                        </p>
                    </div>
                </div>
                <div class="card card-accordion">
                    <a class="card-header collapsed" href="#" data-toggle="collapse"
                        data-target="#collapseSixt" aria-expanded="true" aria-controls="collapseThree">
                        Ako odaberem podesivu latoflex podlogu kakav dušek mi odgovara?
                    </a>

                    <div id="collapseSixt" class="collapse" data-parent="#accordion">
                        <p>
                            Odgovaraju vam svi modeli dušeka bez žičanog jezgra. Da bi dušek dobro ležao na podesivoj latoflex podlozi mora biti elastičan i prilagodljiv. Sama podloga mora biti postavljena tako da jedna trećina visine dušeka stoji unutar okvira kreveta.
                        </p>
                    </div>
                </div>
                <div class="card card-accordion">
                    <a class="card-header collapsed" href="#" data-toggle="collapse"
                        data-target="#collapseSeven" aria-expanded="true" aria-controls="collapseThree">
                        Ja volim mekši dušek, a partner voli tvrđi dušek. Koji dušek bi trebali da kupimo?
                    </a>

                    <div id="collapseSeven" class="collapse" data-parent="#accordion">
                        <p>

                            <ul>Imate tri mogućnosti:
                            
                                <li>prva je da svaki partner odabere svoj dušek koji odgovara pojedinačnim preferencijama</li>
                                <li>druga je da svaki partner odabere jezgro koje mu odgovara po težini i položaju spavanja, a presvlakom se dva jezgra spoje u jedan dušek (tako se izbegne "rupa" između dva odvojena dušeka)</li>
                                <li>treća mogućnost je da partneri odaberu zajednički dušek (jezgro u komadu) ako su partneri približno iste visine i težine i imaju slične navike spavanja.</li>
                            </ul>
                        </p>
                    </div>
                    <div class="card card-accordion">
                        <a class="card-header collapsed" href="#" data-toggle="collapse"
                            data-target="#collapseEight" aria-expanded="true" aria-controls="collapseOne">
                            Da li mogu da kupim samo novi dušek bez latoflex podloge i okvira za krevet?
                        </a>
    
                        <div id="collapseEight" class="collapse" data-parent="#accordion">
                            <p>
                                Naravno da možete da kupite samo novi dušek, podlogu ili krevet, zavisno od toga šta želite i u kakvom su stanju postojeće komponente. Ako je vaš postojeći okvir u dobrom stanju, a latoflex podloga nije dotrajala nije nužno da kupujete kompletan novi krevet. Kupite novi dušek, ali obratite pažnju na podlogu. Dušek i podloga se nadograđuju i zajedno sa okvirom čine sistem za spavanje, a sistem je dobar onoliko koliko mu je dobra najlošija komponenta. Proverite da li je postojeća podloga odgovara odabranom tipu novog dušeka. Ukoliko to nije slučaj, savet je da svakako promenite i podlogu. To nije velika investicija ali će puno značiti za celovito rešenje i uveliko će produžiti vek trajanja novog dušeka.
                            </p>
                        </div>
                    </div>
                    <div class="card card-accordion">
                        <a class="card-header collapsed" href="#" data-toggle="collapse"
                            data-target="#collapseTen" aria-expanded="true" aria-controls="collapseOne">
                            Spavam nemirno, okrećem se i često se budim – može li mi latoflex podloga pomoći?
                        </a>
    
                        <div id="collapseTen" class="collapse" data-parent="#accordion">
                            <p>
                                Nemirno spavanje i okretanje mogu biti prouzrokovani pritiskom koji smanjuje cirkulaciju i dovod kiseonika u mišiće i tkiva – dakle, radi se o pretvrdoj podlozi ili starom dušeku s malim brojem opruga. Odgovarajuća latoflex podloga i dušek bi pružili anatomsku potporu. 
                            </p>
                        </div>
                    </div>
                    <div class="card card-accordion">
                        <a class="card-header collapsed" href="#" data-toggle="collapse"
                            data-target="#collapseEleven" aria-expanded="true" aria-controls="collapseOne">
                            Sve ste pokušali ali još uvek ne spavate kako treba, šta dalje?
                        </a>
    
                        <div id="collapseEleven" class="collapse" data-parent="#accordion">
                            <p>
                                Ishrana, stil života i ostali faktori jako utiču na kvalitet spavanja. Mnogi ljudi pate od poremećaja spavanja i trebalo bi da potraže stručnu pomoć. Bilo bi dobro da popričate sa svojim doktorom opšte prakse ako se vaš kvalitet spavanja nije poboljšao usprkos kvalitetnom krevetu i kvalitetnim navikama spavanja. 
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="features-section bg-gray">
    <div class="container">
        <h2 class="mb-3 text-center">Naša odjeljenja</h2> 
        {{-- <p class="description-our-departments">Pružamo širok spektar usluga, uključujući ograde, arhitekturu, dizajn interijera, razvoj projekata i konzultacije. Naš stručan tim je tu da vam pomogne ostvariti vašu viziju i stvoriti mobilnu kućicu i ograde koja će nadmašiti sva vaša očekivanja.</p> --}}
        <div class="row our-departments">
            <div class="col-lg-4">
                <div class="feature-box bg-white">
                    <i class="icon-home"></i>

                    <div class="feature-box-content p-0">
                        <h3>Prodaja </h3>
                        <p>Za sva pitanja, cijene i dostupnost naših proizvoda, slobodno nas kontaktirajte putem telefona, e-pošte ili ispunite kontakt obrazac. Naša prodajna ekipa rado će vam pružiti sve potrebne informacije i pomoći vam pronaći savršeno za vas </p>
                    </div><!-- End .feature-box-content -->
                </div><!-- End .feature-box -->
            </div><!-- End .col-lg-4 -->

            <div class="col-lg-4">
                <div class="feature-box bg-white">
                    <i class="fas fa-info-circle"></i>

                    <div class="feature-box-content p-0">
                        <h3>Pomoć & Podrška </h3>
                        <p>Ako trebate pomoć ili imate bilo kakva pitanja o našim uslugama, slobodno nas kontaktirajte putem telefona, e-pošte ili ispunite kontakt obrazac. Naš tim za podršku posvećen je vašem zadovoljstvu i spreman je pružiti vam stručnu pomoć u svakom koraku. </p>
                    </div><!-- End .feature-box-content -->
                </div><!-- End .feature-box -->
            </div><!-- End .col-lg-4 -->

            <div class="col-lg-4">
                <div class="feature-box bg-white">
                    <i class="fas fa-file-medical-alt"></i>

                    <div class="feature-box-content p-0">
                        <h3>MEDIJI </h3>
                        <p>Za medijske upite, intervjue ili informacije o našoj firmi, molimo kontaktirajte naš tim za odnose s javnošću putem telefona ili e-pošte navedenih u nastavku. Radujemo se saradnji s vama i pružanju potrebnih informacija o našem poslovanju i proizvodima. </p>
                    </div><!-- End .feature-box-content -->
                </div><!-- End .feature-box -->
            </div><!-- End .col-lg-4 -->
        </div><!-- End .row -->
    </div><!-- End .container -->
</div><!-- End .features-section -->
</div>
@include('front/widget.contact-confirm')
<div class="mb-8"></div>


<!-- Google Map-->
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDc3LRykbLB-y8MuomRUIY0qH5S6xgBLX4"></script>
<script src="assets/js/map.js"></script> -->
<script>
    $(document).ready(function() {
        var success = "{{ session('success') ? 1 : 0 }}";
        if(success == '1') {
		    $('#contactConfirmation').modal('show');
		}
    });
</script>

@endsection