@extends("layouts.master")

@isset($dynamic)

@section("title") {{ $dynamic->title }} @endsection
@section("meta_keywords") {{ $dynamic->meta_keywords }} @endsection
@section("meta_description") {{ $dynamic->meta_description }} @endsection
@isset($dynamic->image)
@section("share_image")assets/dynamic/meta/{{ $dynamic->image }}@endsection
@endisset


@section("additional") {!! $dynamic->additional !!} @endsection

@endisset

@section('content')

 <main>

        <div class="slider-area">
            <div class="slider-height2 slider-bg4 hero-overly d-flex align-items-center" @isset($dynamic->banner) style="background-image: url({{ asset('assets/dynamic/banner/'.$dynamic->banner) }});" @endisset>
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-xl-5 col-lg-6 col-md-6">
                            <div class="hero-caption hero-caption2">
                                <h2>Contact</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        

        <section class="contact-section">
            <div class="container">
                
                <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="{{ url('contact-send') }}" method="post">
                                @csrf
                            <div class="row">
                                 <div class="col-sm-6">
                                    <div class="form-group">
                                        <input class="form-control valid" name="name" id="name" type="text"
                                            onfocus="this.placeholder = ''"
                                            onblur="this.placeholder = 'Enter your name'" placeholder="Enter your name">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <input class="form-control valid" name="email" id="email" type="email"
                                            onfocus="this.placeholder = ''"
                                            onblur="this.placeholder = 'Enter email address'" placeholder="Email">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <input class="form-control" name="mobile" id="mobile" type="text"
                                            onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Phone'"
                                            placeholder="Enter Phone">
                                    </div>
                                </div>
                                
                                <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 = 'Enter Message'"
                                            placeholder=" Enter Message"></textarea>
                                    </div>
                                </div>
                               
                            </div>
                            <div class="form-group mt-3">
                                <button type="submit" class="button button-contactForm boxed-btn">Send</button>
                            </div>
                        </form>
                    </div>
                    <div class="col-lg-4">
                        <div class="contact-info-address">
                            <h3>Quick Contact </h3>
                            <p>If you are passionate about helping people: through education, or preventing then you are in the right place.
                            </p>

                            <div class="info-contact">
                                <i class="ti-home"></i>
                                <h3>Location</h3>
                                <span>{!! $settings->address !!}</span>
                            </div>

                            <div class="info-contact">
                                <i class="ti-tablet"></i>
                                <h3>Call Us</h3>
                                <span><a href="tel:{{ $settings->phone }}">{{ $settings->phone }}</a></span>
                            </div>

                            <div class="info-contact">
                                <i class="ti-email"></i>
                                <h3>Email Us</h3>
                                <span>
                                    <a href="mailto:{{ $settings->email }}">
                                        {{ $settings->email }}
                                    </a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row pt-60">
                    <div class="col-md-12">
                        <iframe src="{{ $settings->map }}" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                </div>
            </div>
        </section>

    </main>


        @endsection     