@extends('layouts.android-customer')
@section('page-title', 'Contact Us')

@section('main-container')

<div id="get-in-touch">
    <h2>Get In Touch</h2>
    <p>
       Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum porro consectetur optio vel? Ea id odit quod, blanditiis et hic facere molestiae iste. Voluptatum ad, accusantium dolores ratione at sed.
    </p>
    <p>
       Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum porro consectetur optio vel? Ea id odit quod, blanditiis et hic facere molestiae iste. Voluptatum ad, accusantium dolores ratione at sed.
    </p>
    <p>
       Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum porro consectetur optio vel? Ea id odit quod, blanditiis et hic facere molestiae iste. Voluptatum ad, accusantium dolores ratione at sed.
    </p>
    <h3>CONTACT US</h3>
    <a>
        Head Office In Dar es salaam
    </a>
    <a>
        <i class="fas fa-envelope" style="color:#84563C;margin:0px 10px 0px 0px"></i> info@aifola.co.tz
    </a>
    <a>
        <i class="fas fa-phone" style="color:#84563C;margin:0px 10px 0px 0px"></i> +255677016175, +255744384457
    </a>
</div>
<div id="get-in-touch-form">
    <form action="{{route('send-message')}}" method="POST">
        @csrf
        <section class="half-input-left"><input type="text" name="fname" class="input-text" required placeholder="Your first name"></section>
        <section class="half-input-right"><input type="text" name="lname" class="input-text" required placeholder="Your last name"></section>

        <section class="half-input-left"><input type="email" name="email" class="input-text" placeholder="Your email address" required></section>
        <section class="half-input-right"><input type="text" name="phone" class="input-text" placeholder="Your phone number"></section>
        <section class="full-input">
            <select name="region" class="input-text">
                @foreach($region as $data)
                <option value="{{$data->name}}">{{$data->name}}</option>
                @endforeach
            </select>
        </section>
        <section class="full-input">
            <select name="types" class="input-text">
                <option>Feedback</option>
                <option>Query</option>
                <option>Report an Issue</option>
                <option>Question</option>
                <option>Other Issue</option>
            </select>
        </section>
        <section class="full-input"><textarea name="message" class="input-other" placeholder="Your request to services your apply" required></textarea></section>
        <section class="full-input"><button type="submit" class="btn bg-success text-white" style="width: 100%">Submit</button></section>
    </form>

    <div class="block-cont"></div>
</div>




@endsection

<!-- js script -->
@push('scripts')
<script>
    $(function(){

    });
</script>
@endpush