@extends('layouts.app')

@section('title')
    <title>MailCoat Support</title>
@stop

@section('description')
    <meta name="description" content="We are committed to delivering the best customer experience in the industry."/>
@stop

@section('css')
    <style>
        .support p {
            font-size: 17px;
            text-align: center;
        }

        .support {
            margin-top: 60px;
        }

        .support .btn-dark {
            background-color: #413360;
            border-color: #413360;
        }
    </style>
@stop

@section('content')
    <div class="container support">
        <div class="row">
            <div class="col-md-8 offset-md-2 text-center">
                <h2>The support team is here to help.</h2>
                <p style="margin-top: 50px">Feel free to reach out to us by sending an email to <a
                        href="mailto:support@mailcoat.com">support@mailcoat.com</a> or by filling out the form below. You
                    will receive an instant response from a member of our support team. We are committed to delivering
                    the best customer experience in the industry.
                </p>
                <hr>
                <form method="POST" action="https://formsubmit.co/9838707facadedf1b9bbebe70daa7970">
                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <input type="text" name="name" class="form-control" placeholder="Full Name" required>
                            </div>
                            <div class="col">
                                <input type="email" name="email" class="form-control" placeholder="Email Address"
                                       required>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <textarea placeholder="Tell us about your problem" class="form-control" name="note" rows="10"
                                  required></textarea>
                    </div>
                    <input type="text" name="_honey" style="display:none">
                    <input type="hidden" name="_cc" value="devrolabs@gmail.com">
                    <button type="submit" class="btn btn-lg btn-dark btn-block">Submit an Inquiry</button>
                </form>
            </div>
        </div>
    </div>
@stop