@extends('layouts.app')
@section('title', 'Kapcsolat - DOMA Gate Kft.')
@section('meta_description', 'Lépjen kapcsolatba velünk! DOMA Gate Kft. – kérjen ajánlatot prémium kaputechnikai és árnyékolástechnikai megoldásainkra.')
@section('meta_keywords', 'DOMA Gate elérhetőség, kapcsolatfelvétel, ajánlatkérés')
@section('content')
        
        {{-- Contact form --}}
        <section class="signup-section" id="kapcsolat">
            <div class="container px-4 px-lg-5">
                <div class="row gx-4 gx-lg-5">
                    <div class="col-md-10 col-lg-8 mx-auto text-center">
                        <i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
                        <h2 class="text-white mb-5">Kapcsolat</h2>
                        <div class="text-white-50 text-center mb-5">Vedd fel velünk a kapcsolatot!</div>
                        <form class="form-signup" id="contactForm" action="{{ route('email.send') }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                            <!-- Email address input-->
                            <div class="row input-group-newsletter">
                                <div class="col-12 mb-5">
                                    <input class="form-control" id="name" name="name" type="text" placeholder="Név" aria-label="Név..." data-sb-validations="required,email" />
                                    @if ($errors->has('name'))
                                        <span class="text-danger error-message">{{ $errors->first('name') }}</span>
                                    @endif
                                </div>
                                <div class="col-12 mb-5">
                                    <input class="form-control" id="emailAddress" name="email" type="email" placeholder="E-mail" aria-label="Enter email address..." data-sb-validations="required,email" />
                                    @if ($errors->has('email'))
                                        <span class="text-danger error-message">{{ $errors->first('email') }}</span>
                                    @endif
                                </div>
                                <div class="col-12 mb-5">
                                    <input class="form-control" id="phone" name="phone" type="text" placeholder="Telefonszám" aria-label="Enter email address..." data-sb-validations="required,email" />
                                    @if ($errors->has('phone'))
                                        <span class="text-danger error-message">{{ $errors->first('phone') }}</span>
                                    @endif
                                </div>
                                <div class="col-12 mb-5">
                                    {{-- <input class="form-control" id="message" type="textarea" placeholder="E-mail" rows="3" aria-label="Enter email address..." data-sb-validations="required,email" /> --}}

                                    <textarea class="form-control" id="message" name="message" rows="3" placeholder="Írd be az üzeneted"></textarea>
                                    @if ($errors->has('message'))
                                        <span class="text-danger error-message">{{ $errors->first('message') }}</span>
                                    @endif
                                    @if ($errors->has('g-recaptcha-response'))
                                        <span class="text-danger">{{ $errors->first('g-recaptcha-response') }}</span>
                                    @endif
                                </div>
                                <div class="col-12">
                                    <button class="btn btn-primary" id="submitButton" type="submit">Küldés</button>
                                </div>
                            </div>
                            <div class="invalid-feedback mt-2" data-sb-feedback="email:required">An email is required.</div>
                            <div class="invalid-feedback mt-2" data-sb-feedback="email:email">Email is not valid.</div>
                            <!-- Submit success message-->
                            @if(session()->has('success'))
                                <div id="successMessage" class="alert alert-success mt-5">
                                    {{ session()->get('success') }}
                                </div>
                            @endif
                            @if(session()->has('error'))
                                <div id="errorMessage" class="alert alert-danger mt-5">
                                    {{ session()->get('error') }}
                                </div>
                            @endif
                        </form>
                    </div>
                </div>
            </div>
        </section>

        <!-- Contact -->
        <section class="contact-section bg-black">
            <div class="container px-4 px-lg-5">
                <div class="row gx-4 gx-lg-5">
                    {{-- <div class="col-md-4 mb-3 mb-md-0">
                        <div class="card py-4 h-100">
                            <div class="card-body text-center">
                                <i class="fas fa-map-marked-alt text-primary mb-2" style="color: #e01f26 !important;"></i>
                                <h4 class="text-uppercase m-0">Address</h4>
                                <hr class="my-4 mx-auto" />
                                <div class="small text-black-50">4923 Market Street, Orlando FL</div>
                            </div>
                        </div>
                    </div> --}}
                    <div class="col-md-6 mb-3 mb-md-0">
                        <div class="card py-4 h-100">
                            <div class="card-body text-center">
                                <i class="fas fa-envelope text-primary mb-2" style="color: #e01f26 !important;"></i>
                                <h4 class="text-uppercase m-0">Email</h4>
                                <hr class="my-4 mx-auto" />
                                <div class="small text-black-50"><a href="mail-to:info@domakaputech.hu">info@domakaputech.hu</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mb-3 mb-md-0">
                        <div class="card py-4 h-100">
                            <div class="card-body text-center">
                                <i class="fas fa-mobile-alt text-primary mb-2" style="color: #e01f26 !important;"></i>
                                <h4 class="text-uppercase m-0">Telefonszám</h4>
                                <hr class="my-4 mx-auto" />
                                <div class="small text-black-50"><a href="tel:+36 (70) 310-0036">+36 (70) 310-0036</a></div>
                                <div class="small text-black-50"><a href="tel:+36 (70) 904-0921">+36 (70) 904-0921</a></div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- <div class="social d-flex justify-content-center">
                    {{-- <a class="mx-2" href="#!"><i class="fab fa-twitter"></i></a> - -}}
                    <a class="mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
                    {{-- <a class="mx-2" href="#!"><i class="fab fa-github"></i></a> - -}}
                </div> --}}
            </div>
        </section>

@endsection