@extends('layouts.app')

@section('content')

<section id='contact'>
    <div class='container'>
        <div class='box'>
            <div class="box-content">
                <div id="contact-inner">
                    <div class="contact-info">
                        <h2>Contáctanos</h2>
                        
                        <div class="item">
                            <h3>E-Mail</h3>
                            <a href='mailto:info@grupoamg.uy'>info@grupoamg.uy</a>
                        </div>

                        <div class="item">
                            <h3>Teléfono</h3>
                            <p>(+598) 099 999 999</p>
                        </div>

                        <div class="item">
                            <h3>Redes sociales</h3>
                            <div class="social">
                                <i class="fab fa-instagram"></i>
                                <i class="fab fa-whatsapp"></i>
                                <i class="fab fa-facebook-square"></i>
                            </div>
                        </div>
                    </div>
                    <div class="contact-form">
                        <h2>Envianos un mensaje</h2>
                        <p>Te responderemos a la brevedad</p>
                        <form>
                            <div class="form-group">
                                <label for='name'>Nombre completo *</label>
                                <input type='text' name='name' minlength='3' maxlength='128' required>
                            </div>
                            <div class="form-group">
                                <label for='email'>E-Mail *</label>
                                <input type='email' name='email' maxlength='128' required>
                            </div>
                            <div class="form-group">
                                <label for='phone'>Número de teléfono</label>
                                <input type='text' name='phone' maxlength='32'>
                            </div>
                            <div class="form-group">
                                <label for='msg'>Mensaje *</label>
                                <textarea type='text' name='msg' minlength='10' maxlength='1024' required></textarea>
                            </div>
                            <div class="form-action">
                                <button class='btn btn-primary'>Enviar mensaje</button>
                            </div>
                        </form>
                    </div>
                </div>     
            </div>
        </div>
    </div>
</section>

@endsection