@extends('layouts.customer')

@section('title')
   Click & Get
@endsection

@section('content')
<div class="py-5"></div>
<div class="container">
    <section class="mb-4">
        <h2 class="h1-responsive font-weight-bold text-center my-4">Contact us</h2>
        <p class="text-center w-responsive mx-auto mb-5">Do you have any questions? Please do not hesitate to contact us directly. Our team will come back to you within a matter of hours to help you.</p>
        <div class="row">
            <div class="col-md-9 mb-md-0 mb-5">
            <form id="contact-form" method="POST" action="{{ route('submitForm') }}">
    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div class="md-form mb-0">
                            <input type="text" id="name" name="name" value="@auth{{ Auth::user()->name }}@endauth" required class="form-control" readonly>
                                <label for="name" class="">Name</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="md-form mb-0">
                                <input type="text" id="email" name="email" value="@auth{{ Auth::user()->email }}@endauth"  required class="form-control" readonly>
                                <label for="email" class="">Email</label>
                            </div>
                        </div>
                    </div>
                <br>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="md-form">
                                <textarea type="text" id="message" name="message" required rows="5" class="form-control md-textarea"></textarea>
                                <label for="message">Your message</label>
                            </div>
                        </div>
                    </div>
                    <div class="text-center text-md-left">
                        <button type="submit" class="w-100 p-2 message btn btn-outline-primary">SEND MESSAGE</button>
                    </div>
                </form>
                <div class="status"></div>
            </div>
            <div class="col-md-3 text-center">
                <ul class="list-unstyled mb-0">
                    <li><i class="fas fa-map-marker-alt fa-2x"></i>
                        <p>Central Mindanao University</p>
                    </li>
                    <li><i class="fas fa-phone mt-4 fa-2x"></i>
                        <p>0965 933 44337</p>
                    </li>
                    <li><i class="fas fa-envelope mt-4 fa-2x"></i>
                        <p>ClickAndGet@gmail.com</p>
                    </li>
                </ul>
            </div>
        </div>
    </section>
</div>
@endsection

@auth
@else
<script>window.location = "/login";</script>
@endauth