@extends('layouts.app')

@section('content')
    <!-- Start Page Header Wrapper -->
    <div class="page-header-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="page-header-content">
                        <h2>Contact Us</h2>
                        <nav class="page-breadcrumb">
                            <ul class="d-flex justify-content-center">
                                <li>
                                    <a href="{{url('/')}}">Home</a>
                                </li>

                                <li>
                                    <a href="{{route('contact')}}" class="active">Contact</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Page Header Wrapper -->

    <!--== Start Contact Page Wrapper ==-->
    <div id="contact-page-wrapper" class="pt-90 pt-md-60 pt-sm-50 pb-50 pb-md-20 pb-sm-10">
        <div class="contact-page-top-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-6">
                        <div class="contact-page-form-wrap contact-method">
                            <h3>Get in touch</h3>

                            <div class="contact-form-wrap">
                                <form action="{{route('contacts.store')}}" method="POST" id="contact-form">
                                    @csrf
                                    <div class="single-input-item">
                                        <input type="text" name="name" placeholder="Your Name *" value="{{old('name')}}" required/>

                                        @error('name')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>

                                    <div class="single-input-item">
                                        <input type="email" name="email" placeholder="Email address *" value="{{old('email')}}" required />

                                        @error('email')
                                        <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>

                                    <div class="single-input-item">
                                        <input type="text" name="phone" placeholder="Your Phone *" value="{{old('phone')}}" required/>

                                        @error('phone')
                                        <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>

                                    <div class="single-input-item">
                                    <textarea name="message" id="con_message" cols="30" rows="7"
                                              placeholder="Message *" required> {{old('message')}}</textarea>

                                        @error('message')
                                        <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>

                                    <button class="btn btn-black">Send Message</button>

                                    <div class="form-message"></div>
                                </form>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-5 col-md-6 mt-sm-50">
                        <div class="contact-info-wrapper contact-method">
                            <h3>Contact Info</h3>

                            <div class="contact-info-content">

                                <div class="single-contact-info">
                                    <h4>{{$settings->title ?? 'Froshen HQ'}}</h4>
                                    <p>{{$settings->address ?? "16 Abua Close, Port Harcourt"}}</p>

                                </div>

                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="single-contact-info">
                                            <h4>Business Phone</h4>
                                            <p>{{$settings->mobile ?? ''}}</p>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="single-contact-info mb-0">
                                            <h4>Say Hello</h4>
                                            <p>{{$settings->email?? 'info@froshen.com'}}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

{{--        <div class="contact-page-map-area mt-90 mt-md-60 mt-sm-50">--}}
{{--            <div class="map-area-wrapper">--}}
{{--                <div id="map_content" data-lat="23.763491" data-lng="90.431167" data-zoom="6" data-maptitle="Froshen HQ"--}}
{{--                     data-mapaddress="Floor# 4, House# 5, Block# C </br> Banasree Main Rd, Dhaka">--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
    </div>
    <!--== End Contact Page Wrapper ==-->

    @include('includes.productfooter')

@endsection