@extends('front.layouts.app')
@section('content')

    <nav aria-label="breadcrumb" class="pagebtitle">
        <div class="container">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('front.home') }}"><i class="far fa-home"></i></a></li>
                <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
            </ol>
        </div>
    </nav>



    <section class="sermonsInner contactInner">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-10 mb-5">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="contactBox">
                                <figure>
                                    <img src="{{ asset('images/msg1.png') }}" class="img-fluid" alt="">
                                </figure>
                                <div class="contactText">
                                    <h3>Chat Now</h3>

                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="contactBox">
                                <figure>
                                    <img src="{{ asset('images/call1.png') }}" class="img-fluid" alt="">
                                </figure>
                                <div class="contactText">

                                    <a href="tel:{{ $setting->phone_num ?? '' }}">{{ $setting->phone_num ?? '' }}</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="contactBox">
                                <figure>
                                    <img src="{{ asset('images/mail1.png') }}" class="img-fluid" alt="">
                                </figure>
                                <div class="contactText">

                                    <a href="mailto:{{ $setting->email ?? '' }}">{{ $setting->email ?? '' }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row align-items-center mt-5">

                <div class="col-md-6">
                    <div class="contactInformss">
                        <h2 class="heading">Contact Us</h2>

                    </div>
                    <form class="contactForm" action="{{ route('front.contact') }}" method="post">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">

                                    <input type="text" class="form-control" name="first_name" placeholder="First Name*" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">

                                    <input type="text" class="form-control" name="last_name" placeholder="Last Name*" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">

                                    <input type="number" class="form-control" name="phone" placeholder="Phone*" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">

                                    <input type="email" class="form-control" name="email" placeholder="Email*" required>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">

                                    <textarea name="message" class="form-control" placeholder="Message*" required></textarea>
                                </div>
                            </div>
                            <div class="col-md-12">

{{--                                <div class="form-check">--}}
{{--                                    <input type="checkbox" class="form-check-input" id="exampleCheck13">--}}
{{--                                    <label class="form-check-label" for="exampleCheck13">Lorem ipsum dolor sit amet,--}}
{{--                                        consectetur adipiscing elit, sed ut labore et dolore--}}
{{--                                        magna</label>--}}
{{--                                </div>--}}
                            </div>
                            <div class="col-md-12 mt-3">
                                <button type="submit" class="themeBtn">Submit Now</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-md-5">
                    <div class="imgcntct">
                        <img src="{{ asset('images/contactImg.png') }}" class="img-fluid" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection