@extends('layout.app')

@section('content')

    <section class="chat-page profile-page notification-sec">
        <div class="container">
            <div class="row">

                <div class="col-lg-12 col-md-12">
                    <div class="notification">
                        <h2>Contact Us</h2>
                    </div>

                    <div class="post-coment mb-4">
                        <p>For questions or queries please contact:</p>
                        <ul>
                            <li><strong>Operations:</strong> <a href="mailto:varyticorp@gmail.com">varyticorp@gmail.com</a></li>
                        </ul>
                        <p>Or fill the form below, we will respond at the earliest:</p>
                    </div>

                    <form action="{{ route('contact.submit') }}" method="POST">
                        @csrf

                        <div class="form-group mb-3">
                            <label for="name">Name <small>(You need not be a site member)</small></label>
                            <input type="text" name="name" id="name" class="form-control" placeholder="Your Name" required>
                        </div>

                        <div class="form-group mb-3">
                            <label for="company">Company Name <small>(Optional)</small></label>
                            <input type="text" name="company" id="company" class="form-control" placeholder="Company Name">
                        </div>

                        <div class="form-group mb-3">
                            <label for="reason">Reason for Contacting</label>
                            <input type="text" name="reason" id="reason" class="form-control" placeholder="Reason for Contact">
                        </div>

                        <div class="form-group mb-3">
                            <label for="email">Email <small>(We will reply to this email)</small></label>
                            <input type="email" name="email" id="email" class="form-control" placeholder="Your Email" required>
                        </div>

                        <div class="form-group mb-3">
                            <label for="message">Question or Query</label>
                            <textarea name="message" id="message" rows="4" class="form-control" placeholder="Type your message here..." required></textarea>
                        </div>

                        <button type="submit" class="btn btn-primary">Submit</button>

                    </form>

                </div>

            </div>
        </div>
    </section>

@endsection