@extends('layouts.frontlayout')
@section('content')

<!-- ==== Breadcarmb_Start === -->
<section class="breadcame_area top-space">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="inner_area">
                    <div class="header_area">
                        <h1>{{isset($contact->title) && $contact->title ? $contact->title : ""}}</h1>
                    </div>
                    <div class="image_area">
                        <img src="{{url('frontend/images/bg_5.png')}}" alt="..." />
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Breadcarmb_End === -->

<!-- ==== Contact_Section_Start === -->
<section class="contact_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-10 col-md-11 col-sm-11 col-12 mx-auto">
                <div class="detail_area">
                    <div class="row">
                        <div class="col-xxl-5 col-xl-5 col-lg-6 col-md-6 col-sm-6 col-12 mx-auto">
                            <div class="left_side">
                                <div class="image_area">
                                    @if(isset($contact['image']) && $contact['image'] && file_exists(public_path($contact['image'])))
                                    <div class="image">
                                        @include('frontend.partials.fileRender', ['file' => $contact['image'], 'size' => "large"])
                                    </div>
                                    @endif
                                </div>
                                <div class="inner_area">
                                    <div class="row align-items-stretch">
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="contact_info match_height_col">
                                                <div class="icon">
                                                    <a href="#"><i class="fas fa-map-marker-alt"></i></a>
                                                </div>
                                                <div class="content">
                                                    <h4>{{$contact_location['title']}}</h4>
                                                    <a href="#" class="match_height_txt">
                                                        <p>{{isset($contact_location['location']) && $contact_location['location'] ? $contact_location['location'] : ""}}</p >
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="contact_info match_height_col">
                                                <div class="icon">
                                                    <a href="#"><i class="fas fa-envelope"></i></a>
                                                </div>
                                                <div class="content">
                                                    <h4>{{isset($contact_email['title']) && $contact_email['title'] ? $contact_email['title'] : ""}}</h4>
                                                    <a href="mailto:info@maccloud.com" class="match_height_txt">
                                                        <p>{{isset($contact_email['email']) && $contact_email['email'] ? $contact_email['email'] : ""}}</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="contact_info match_height_col">
                                                <div class="icon">
                                                    <a href="#"><i class="fas fa-phone-alt"></i></a>
                                                </div>
                                                <div class="content">
                                                    <h4>{{isset($contact_number['title']) && $contact_number['title'] ? $contact_number['title'] : ""}}</h4>
                                                    <a href="tel: 1234567890" class="match_height_txt">
                                                        <p>{{isset($contact_number['number']) && $contact_number['number'] ? $contact_number['number'] : ""}}</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-5 col-xl-5 col-lg-6 col-md-6 col-sm-6 col-12 mx-auto">
                            <div class="right_side">
                                <div class="title">
                                    <h5>{{isset($contact_us_sub_title) && $contact_us_sub_title ? $contact_us_sub_title : ""}}</h5>
                                </div>
                                <div class="content">
                                    <p>{!! isset($contact->description) && $contact->description ? $contact->description : "" !!}</p>
                                </div>
                                <div class="form_area">
                                    
                                    @include('frontend.partials.flash_messages')
                                    <form action="{{ route('contactus.index') }}" method="post" class="contact-us-validation" id="submitForm">
                                        {{ csrf_field() }}
                                        <div class="row">
                                            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <input type="text" name="first_name" class="form-control" placeholder="First name" required />
                                                </div>
                                            </div>
                                            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <input type="text" name="last_name" class="form-control" placeholder="Last name" required />
                                                </div>
                                            </div>
                                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <input type="number" name="phonenumber" class="form-control" placeholder="Phone number" required/>
                                                </div>
                                            </div>
                                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <input type="email" name="email" class="form-control" placeholder="Email address" required />
                                                </div>
                                            </div>
                                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <textarea type="text" name="message" class="form-control" placeholder="Message" required></textarea>
                                                </div>
                                            </div>
                                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="submit_button">
                                                    <button href="#" id="btnSubmit" class="btn btn-primary w-100">Submit</button>
                                                </div>
                                            <div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ====  Contact_Section_End=== -->


@endsection