@extends('layouts.app')

@section('content')

    <section class="header-inner ">
        <div class="container ">
            <div class="row">
                <div class="col-12 col-md-10 mx-auto text-center text-lg-left">
                    <div class="row">
                        <div class="col-12 col-lg-10">
                            <h1>Contact Us</h1>
                            <p>Should you have any questions, please contact us today</p>
                        </div>
                        <div class="col-12 col-lg-2">
                            <img class="w-100 d-none d-lg-inline-block" src="{{ asset('storage/icons/svg/customer-service.svg') }}" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- feature-info -->
    <section class="space-ptb">
        <div class="container-sm">
            <div class="row">
                <div class="col-12 col-sm-8 col-8 mx-auto">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 mb-4 mb-lg-0">
                            <div class="feature-info feature-info-border p-4 text-center bg-light">
                                <div class="feature-info-icon mb-3">
                                    <i class="flaticon-placeholder"></i>
                                </div>
                                <div class="feature-info-content">
                                    <h5 class="text-black">Address</h5>
                                    <span class="d-block">Tăietura Turcului 47-50,<br>Cluj-Napoca | A1 Building</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 mb-4 mb-md-0">
                            <div class="feature-info feature-info-border p-4 text-center bg-light">
                                <div class="feature-info-icon mb-3">
                                    <i class="flaticon-approval"></i>
                                </div>
                                <div class="feature-info-content">
                                    <h5 class="text-black">Email</h5>
                                    <span class="d-block">office@expomedics.com <br>&nbsp;</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- feature-info -->

    <!-- Let’s Get In Touch -->
    <section class="space-pb">
        <div class="container-sm">
            <div class="section-title-02 text-center">
                <h2>Let’s Get In Touch!</h2>
                <p>If there is any interest from your side, <br>please let us know and we will be very happy to answer and assist you.</p>
            </div>

            <div class="row">
                <div class="col-12 col-lg-8 mx-auto">


                    <form id="contact-form" action="{{ route('page.contact.submit') }}" method="POST">
                        @method('post')
                        @csrf

                        <input type="hidden" name="recaptcha">

                        <div class="form-row ">
                            <div class="form-group col-md-6 {{ $errors->has('name') ? 'has-errors' : '' }} ">
                                <input type="text" class="form-control" name="name" placeholder="Name*" value="{{ old('name') }}">
                                <x-form.error.invalid-feedback :name="'name'"/>
                            </div>
                            <div class="form-group col-md-6 {{ $errors->has('email') ? 'has-errors' : '' }} ">
                                <input type="text" class="form-control" name="email" placeholder="Email*" value="{{ old('email') }}">
                                <x-form.error.invalid-feedback name="email"/>
                            </div>
                            <div class="form-group col-md-6 {{ $errors->has('subject') ? 'has-errors' : '' }} ">
                                <input type="text" class="form-control" name="subject" placeholder="Subject" value="{{ old('subject') }}">
                                <x-form.error.invalid-feedback name="subject"/>
                            </div>

                            <div class="form-group col-md-6 {{ $errors->has('phone') ? 'has-errors' : '' }} ">
                                <input type="text" class="form-control" name="phone" placeholder="Phone" value="{{ old('phone') }}">
                                <x-form.error.invalid-feedback name="phone"/>
                            </div>
                            <div class="form-group col-12 mb-0">
                                <textarea rows="5" class="form-control {{ $errors->has('message') ? 'has-errors' : '' }}" name="message" placeholder="Message*">