@extends('layouts.mainlayout')

@section('content')
<section id="contacto-section">
    <div class="container">
        <div class="row">
            <div class="col-md-12 elemento-fonrm-dos vh-50 p-4 mt-3 mb-3 shadow rounded">
                @if (session('status'))
                    <div class="alert alert-success">
                        {{ session('status') }}
                    </div>
                @endif
                <div class="row d-flex align-items-center">
                    <div class="col-md-6 text-center">
                        <h1>Contacta con nuestro equipo</h1>
                        <p>Si tienes problemas para hacer tu pago o revisar el estado de cuenta, por favor envíanos un mensaje en breve te contactamos.</p>
                        <img src="{{asset('assets/img/quest.png')}}" class="img-fluid img-ayuda" alt="">
                    </div>
                    <div class="col-md-6 fondo-form mt-2 shadow rounded">
                        <h1>Contacto</h1>
                        <form method="post" action="{{url('sendemail/contactEmail')}}">
                        {{ csrf_field() }}
                            <p>Información de quien realiza el pago</p>
                            <div class="form-group">
                                <!--label for="formGroupExampleInput">Nombre*</label-->
                                <input type="text" class="form-control" id="name" name="name" placeholder="Nombre*" required="required" >
                            </div>
                            <div class="form-group">
                                <!--label for="formGroupExampleInput">Nombre*</label-->
                                <input type="text" class="form-control" id="lastname" name="lastname" placeholder="Apellido*" required="required">
                            </div>
                            <div class="form-group">
                                <!--label for="formGroupExampleInput2">Correo Electrónico*</label-->
                                <input type="text" class="form-control" id="account" name="account" placeholder="Número de Cliente" required="required">
                            </div>
                            <div class="form-group">
                                <!--label for="formGroupExampleInput2">Correo Electrónico*</label-->
                                <input type="email" class="form-control" id="email" name="email" placeholder="Correo Electrónico*" required="required">
                            </div>
                           <div class="form-group">
                                <label for="exampleFormControlTextarea1">Mensaje</label>
                                <textarea class="form-control" id="message" name="message" rows="3" required="required"></textarea>
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-dark border-0 rounded-0"><i class="fa fa-paper-plane" aria-hidden="true"></i> Continuar</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection