@extends('front.layouts.app')
@section('title', 'Kontakt')
@section('content')
<div class="container">
  <div class="row">
    <div class="page-head">
      <div class="page-head-content">
        <h1>Kontakt</h1>
        <h2>Kontaktiraj nas</h2>
      </div>
    </div>
  </div>
</div>


<div class="section first-section contact">


  <div class="container">
    <div class="row">

    </div>
    <div class="row">


      <div class="col-md-6">
        <h2>Pišite nam</h2>
        <div class="row">


          <div class="contact-form"  data-aos="fade-up" data-aos-once="true" data-aos-delay="100">
            <div class="contact-form-holder">
              @if(session('success'))
              <div class="alert alert-success">{{ session('success') }}</div>
              @endif

            <div class="row">
              <form action="{{ route('contact.store') }}" method="POST" enctype="multipart/form-data">
                  @csrf
                  <div class="col-md-6">
                    <label>Ime</label>
                      <input type="text" name="name" class="form-control" required="" placeholder="Ime">
                  </div>
                  <div class="col-md-6">
                    <label>Email</label>
                      <input type="text" name="email" class="form-control" required="" placeholder="Email">
                  </div>
                  <div class="col-md-12">
                    <label>Naslov</label>
                      <input type="text" name="subject" class="form-control" required="" placeholder="Naslov">
                  </div>
                  <div class="col-md-12">
                    <label>Poruka</label>
                      <textarea name="message" rows="5" class="form-control" placeholder="Poruka" required></textarea>
                      <button type="submit" class="btn btn-lg btn-green pull-right">Pošalji</button>
                  </div>
              </form>
            </div>
              <div class="clearfix"></div>
              </div>
          </div>
          </div>
      </div>
        <div class="col-md-6">
          <h2>Posetite nas</h2>

          <div class="row">
            <div class="contact-info">


              <h3>Veleprodaja</h3>

              <div class="contact-map" data-aos="fade-up" data-aos-once="true" data-aos-delay="200">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31681.43298695258!2d20.909172011252664!3d43.64145475285437!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x475657890f40d675%3A0x17e49aeeab4b622e!2sOpen%20Pacific!5e0!3m2!1sen!2srs!4v1725738419386!5m2!1sen!2srs" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
              </div>
              <div class="col-md-12">
                <h4>Adresa</h4>
                <p>Železnička BB, Vrnjci, 36210, Vrnjačka Banja</p>
              </div>
              <div class="col-md-6">
                <h4>Radno vreme</h4>
                <p>Pon - Pet: 09 - 17h <br>Subota: 09 - 15h<br></p>
              </div>
              <div class="col-md-6">
                <h4>Telefoni</h4>
                <p>Fiksni: 036/639-520<br>Mobilni: 063/617-146</p>
              </div>

            </div>


            <div class="contact-info">


              <h3>Maloprodaja Vrnjačka Banja</h3>

              <div class="contact-map" data-aos="fade-up" data-aos-once="true" data-aos-delay="200">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10376.182026945346!2d20.883319120768125!3d43.621810088955876!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x475657d7023546c7%3A0x6c670242e5039dda!2sOpen%20pacific%20metra%C5%BEa!5e0!3m2!1sen!2srs!4v1728472956709!5m2!1sen!2srs" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
              </div>
              <div class="col-md-12">
                <h4>Adresa</h4>
                <p>Vrnjačka BB, Vrnjačka Banja, 36210, Vrnjačka Banja</p>
              </div>
              <div class="col-md-6">
                <h4>Radno vreme</h4>
                <p>Pon - Pet: 09 - 17h <br>Subota: 09 - 15h<br></p>
              </div>
              <div class="col-md-6">
                <h4>Telefoni</h4>
                <p>Mobilni: 063/281-245</p>
              </div>

            </div>


            <div class="contact-info">

              <h3>Maloprodaja Trstenik</h3>

              <div class="contact-map" data-aos="fade-up" data-aos-once="true" data-aos-delay="200">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d722.0935865389044!2d20.995363283638078!3d43.61956698257043!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x475658b0b9e17811%3A0xa702071cedd8f25e!2sCara%20Du%C5%A1ana%2010%2C%20Trstenik%2037240!5e0!3m2!1sen!2srs!4v1728472771905!5m2!1sen!2srs" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
              </div>
              <div class="col-md-12">
                <h4>Adresa</h4>
                <p>Cara Dušana 10, 37000, Trstenik</p>
              </div>
              <div class="col-md-6">
                <h4>Radno vreme</h4>
                <p>Pon - Pet: 08 - 16h <br>Subota: 08 - 14h<br></p>
              </div>
              <div class="col-md-6">
                <h4>Telefoni</h4>
                <p>Mobilni: 063/7861-663</p>
              </div>

            </div>



          </div>

        </div>

    </div>

  </div>
</div>
@endsection