@extends('rod.layouts.rod')

@section('content')

    <!-- Start Page Title Area -->
    <div class="page-title-area style-four bg2">
        <div class="container">
            <div class="page-title-content text-start">
                <h2>Kapcsolat</h2>
                <ul>
                    <li><a href="{{ url('/') }}">Kezdőlap</a></li>
                    <li>Kapcsolat</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Page Title Area -->

    <!-- Start Contact Area -->
    <div class="contact-area pt-100 pb-70">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-3 col-sm-6 col-md-6">
                    <div class="single-contact-info-box style-two">
                        <div class="icon">
                            <i class='fas fa-map-marker-alt'></i>
                        </div>
                        <h3>Cím</h3>
                        <p><a href="#" target="_blank">7000 Sárbogárd, Ady Endre út 153.</a></p>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 col-md-6">
                    <div class="single-contact-info-box style-two">
                        <div class="icon">
                            <i class='fas fa-phone-volume'></i>
                        </div>
                        <h3>Telefonszám</h3>
                        <p><a href="tel:(+36) 00 000 0000">(+36) 00 000 0000</a></p>
{{--                        <p><a href="tel:+55587154756">Fax: +55 587 154756</a></p>--}}
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 col-md-6">
                    <div class="single-contact-info-box style-two">
                        <div class="icon">
                            <i class='far fa-envelope'></i>
                        </div>
                        <h3>Email</h3>
                        <p><a href="mailto:info@rodcapital.hu">info@rodcapital.hu</a></p>
                    </div>
                </div>

{{--                <div class="col-lg-3 col-sm-6 col-md-6">--}}
{{--                    <div class="single-contact-info-box style-two">--}}
{{--                        <div class="icon">--}}
{{--                            <i class='fas fa-hourglass-half'></i>--}}
{{--                        </div>--}}
{{--                        <h3>Working Hours</h3>--}}
{{--                        <p>Sunday - Friday</p>--}}
{{--                        <p>8:00AM - 8:00PM</p>--}}
{{--                    </div>--}}
{{--                </div>--}}
            </div>
        </div>
    </div>

    <div id="maps">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2726.9776128387257!2d18.618936315605584!3d46.88348897914341!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47420cbdc7736993%3A0x5d28360e3012b052!2zU8OhcmJvZ8OhcmQsIEFkeSBFbmRyZSDDunQgMTUzLCA3MDAw!5e0!3m2!1shu!2shu!4v1612457671444!5m2!1shu!2shu" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
    </div>

    <div class="contact-area pt-100">
        <div class="container">
            <div class="section-title">
                <span class="sub-title">Kapcsolatfelvétel</span>
                <h2>Írj nekünk</h2>
            </div>

            <div class="contact-form m-0">
                <form id="contactForm">
                    @csrf
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="form-group">
                                <input type="text" name="name" class="form-control" id="name" required data-error="Adja meg a nevét" placeholder="Teljes név">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" id="email" required data-error="Hibás email cím" placeholder="Email">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="form-group">
                                <input type="text" name="phone" class="form-control" id="phone" placeholder="Telefonszám">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="form-group">
                                <input type="text" name="subject" class="form-control" id="subject" placeholder="Tárgy" required data-error="Töltse ki a mezőt">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="form-group">
                                <textarea name="message" id="message" class="form-control" cols="30" rows="6" required data-error="Töltse ki a mezőt" placeholder="Üzenet..."></textarea>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="checkme" name="accept" required data-error="Töltse ki a mezőt">
                                <label class="form-check-label" for="checkme">
                                    Accept <a href="terms-conditions.html">Terms of Services</a> and <a href="privacy-policy.html">Privacy Policy</a>
                                </label>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <button type="submit" class="default-btn">Üzenet küldése</button>
                            <div id="msgSubmit" class="h3 text-center hidden"></div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- End Contact Area -->

@endsection