@extends('cortexclean.layouts.main')
@extends('cortexclean.layouts.header')
@extends('cortexclean.layouts.footer')

@section('content')
    <!--Start Page Header-->
    <section class="page-header">
        <div class="page-header__bg" style="background-image:url(/images/backgrounds/home4.png);">
        </div>
        <div class="container">
            <div class="page-header__inner">
                <h1>{{ __('contact.page_header.title') }}</h1>
                <ul class="thm-breadcrumb">
                    <li><a href="{{ lroute('home') }}">{{ __('contact.page_header.breadcrumb_home') }}</a></li>
                    <li><span class="icon-caret"></span></li>
                    <li>{{ __('contact.page_header.breadcrumb_current') }}</li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Page Header-->

    <!--Start Contact Page -->
    <section class="contact-page">
        <div class="container">
            <!--Start Contact Page Top-->
            <div class="contact-page__top">
                <div class="row">
                    <!--Start Contact Page Top Single-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="contact-page__top-single text-center">
                            <div class="icon-box">
                                <span class="icon-phone-call-3"></span>
                            </div>

                            <div class="content-box">
                                <h2>{{ __('contact.top.call_title') }}</h2>
                                <p><a href="tel:+32470954203"> +32 (0) 470 95 42 03</a></p>
                            </div>
                        </div>
                    </div>
                    <!--End Contact Page Top Single-->

                    <!--Start Contact Page Top Single-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="contact-page__top-single text-center">
                            <div class="icon-box">
                                <span class="icon-pin"></span>
                            </div>

                            <div class="content-box">
                                <h2>{{ __('contact.top.address_title') }}</h2>
                                <p>Chaussée Romaine 464/2, 1853 Strombeek-Bever</p>
                            </div>
                        </div>
                    </div>
                    <!--End Contact Page Top Single-->

                    <!--Start Contact Page Top Single-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="contact-page__top-single text-center">
                            <div class="icon-box">
                                <span class="icon-email"></span>
                            </div>

                            <div class="content-box">
                                <h2>{{ __('contact.top.email_title') }}</h2>
                                <p><a href="mailto:contact@cortexclean.be" target="_blank">contact@cortexclean.be</a></p>
                            </div>
                        </div>
                    </div>
                    <!--End Contact Page Top Single-->
                </div>
            </div>
            <!--End Contact Page Top-->


            <!--Start Contact Page Bottom-->
            <div class="contact-page__bottom">
                <div class="row">
                    <!--Start Contact Page Form-->
                    <div class="col-xl-12">
                        <div class="contact-page__form">
                            <div class="title-box">
                                <h2>{!! __('contact.form.title') !!}</h2>
                            </div>
                            <div class="container">
                                @if (session('success'))
                                    <div class="alert alert-success">{{ session('success') }}</div>
                                @endif

                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif

                                <form action="{{ route('contact.submit') }}"
                                    class="comment-one__form contact-form-validated" novalidate="novalidate" method="POST">
                                    @csrf
                                    <input type="hidden" name="locale" value="{{ app()->getLocale() }}">
                                    <div class="row">
                                        <div class="col-xl-6 col-lg-6 col-md-6">
                                            <div class="comment-form__input-box">
                                                <input type="text" placeholder="{{ __('contact.form.name') }}" name="name" required>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 col-md-6">
                                            <div class="comment-form__input-box">
                                                <input type="email" placeholder="{{ __('contact.form.email') }}" name="email" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xl-6 col-lg-6 col-md-6">
                                            <div class="comment-form__input-box">
                                                <input type="text" placeholder="{{ __('contact.form.phone') }}" name="phone" required>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 col-md-6">
                                            <div class="comment-form__input-box">
                                                <input type="text" placeholder="{{ __('contact.form.vat') }}" name="tva">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xl-12 col-lg-12">
                                            <div class="comment-form__input-box">
                                                <textarea name="message" placeholder="{{ __('contact.form.message') }}"></textarea>
                                            </div>
                                            <button class="thm-btn" type="submit" data-loading-text="{{ __('contact.form.loading') }}">
                                                <span class="txt">{{ __('contact.form.submit') }}</span>
                                                <i class="icon-double-chevron"></i>
                                            </button>
                                        </div>
                                    </div>
                                </form>

                            </div>

                        </div>
                    </div>
                    <!--Start Contact Page Form-->

                </div>
            </div>
            <!--End Contact Page Bottom-->
        </div>
    </section>
    <!--End Contact Page -->
@endsection