@extends('layouts.main')

@section('tags')

<title>Контакт | Bedman - Mattress Forever</title>
<meta name="description" content="Високо квалитетни душеци произведени по највисоките стандарди за квалитет">
<meta name="keywords" content="bedman mk, bedman, бедман мк, бедман, bedman duseci, бедман душеци, душеци, наддушеци, перници, mattress, mattress toppers, pillows">


<meta property="og:title" content="Контакт | Bedman - Mattress Forever">
<meta property="og:description" content="Високо квалитетни душеци произведени по највисоките стандарди за квалитет">
<meta property="og:image" content="{{asset('assets/img/bedmanbg2.jpg')}}">
<meta property="og:url" content="https://bedman.mk/contact">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Bedman">




@endsection

@section('css')

    <!-- Toastr -->

    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/css/toastr.css" rel="stylesheet"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/js/toastr.js"></script>

@endsection

@section('pages')

    <!-- breadcrumb part start-->
    <section class="breadcrumb_part">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb_iner">
                        <h2>Контакт</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb part end-->

  <!-- ================ contact section start ================= -->
  <section class="contact-section section_padding">
    <div class="container">
{{--      <div class="d-none d-sm-block mb-5 pb-4">--}}
{{--        <div id="map" style="height: 480px;"></div>--}}
{{--        <script>--}}
{{--          function initMap() {--}}
{{--                var uluru = {--}}
{{--              lat: 42.07832,--}}
{{--              lng: 131.044--}}
{{--            };--}}
{{--            var grayStyles = [{--}}
{{--                featureType: "all",--}}
{{--                stylers: [{--}}
{{--                    saturation: -90--}}
{{--                  },--}}
{{--                  {--}}
{{--                    lightness: 50--}}
{{--                  }--}}
{{--                ]--}}
{{--              },--}}
{{--              {--}}
{{--                elementType: 'labels.text.fill',--}}
{{--                stylers: [{--}}
{{--                  color: '#ccdee9'--}}
{{--                }]--}}
{{--              }--}}
{{--            ];--}}
{{--            var map = new google.maps.Map(document.getElementById('map'), {--}}
{{--              center: {--}}
{{--                  lat: 42.07832,--}}
{{--                  lng: 22.14706--}}
{{--              },--}}
{{--              zoom: 14,--}}
{{--              styles: grayStyles,--}}
{{--              scrollwheel: false--}}
{{--            });--}}
{{--          }--}}
{{--        </script>--}}
{{--        <script--}}
{{--          src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDpfS1oRGreGSBU5HHjMmQ3o5NLw7VdJ6I&callback=initMap">--}}
{{--        </script>--}}

{{--      </div>--}}


      <div class="row">
        <div class="col-12">
{{--          <h2 class="contact-title">Get in Touch</h2>--}}
        </div>
        <div class="col-lg-8">
          <form class="form-contact contact_form" action="{{route('send.meil')}}" method="POST">
              @if(count($errors)>0)
                  <ul class="list-group">
                      @foreach($errors->all() as $error)
                          <li class="list-group-item text-danger">
                              {{$error}}
                          </li>
                      @endforeach
                  </ul>
              @endif
            <div class="row">
              <div class="col-12">
                <div class="form-group">

                  <textarea class="form-control w-100" name="message" id="message" cols="30" rows="9"
                    onfocus="this.placeholder = ''" onblur="this.placeholder = 'Порака'"
                    placeholder='Порака'></textarea>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <input class="form-control" name="name" id="name" type="text" onfocus="this.placeholder = ''"
                    onblur="this.placeholder = 'Вашето име'" placeholder='Вашето име'>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <input class="form-control" name="email" id="email" type="email" onfocus="this.placeholder = ''"
                    onblur="this.placeholder = 'Вашиот email'" placeholder='Вашиот email'>
                </div>
              </div>
              <div class="col-12">
                <div class="form-group">
                  <input class="form-control" name="subject" id="subject" type="text" onfocus="this.placeholder = ''"
                    onblur="this.placeholder = 'Предмет'" placeholder='Предмет'>
                </div>
              </div>
            </div>
            <div class="form-group mt-3" style="text-align: center">
                <button class="btn_3 button-contactForm" type="submit">
                    Испрати
                </button>
                {{csrf_field()}}
            </div>
          </form>
        </div>
        <div class="col-lg-4">
          <div class="media contact-info">
            <span class="contact-info__icon"><i class="ti-home"></i></span>
            <div class="media-body">
              <h3>Кратово, Македонија</h3>
              <p>ул. Гоце Делчев бр. 70</p>
            </div>
          </div>
          <div class="media contact-info">
            <span class="contact-info__icon"><i class="ti-tablet"></i></span>
            <div class="media-body">
              <h3>+389 31 481 910</h3>
              <p>+389 78 318 177</p>
              <p>+389 77 990 926</p>
            </div>
          </div>
          <div class="media contact-info">
            <span class="contact-info__icon"><i class="ti-email"></i></span>
            <div class="media-body">
              <h3>silteks@sileks.com.mk</h3>
{{--              <p>Send us your query anytime!</p>--}}
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
{{--    <section class="subscribe_part section_padding">--}}
{{--        <div class="container">--}}
{{--            <div class="row justify-content-center">--}}
{{--                <div class="col-lg-8">--}}
{{--                    <div class="subscribe_part_content">--}}
{{--                        <h2>Добивај известувања & промоции!</h2>--}}
{{--                        --}}{{--                        <p>Seamlessly empower fully researched growth strategies and interoperable internal or “organic” sources credibly innovate granular internal .</p>--}}
{{--                        <div class="subscribe_form">--}}
{{--                            <input type="email" placeholder="Внесете го вашиот меил">--}}
{{--                            <a href="#" class="btn_1">Претплати се</a>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </section>--}}
  <!-- ================ contact section end ================= -->


@endsection