@extends('layouts.cartMaster')

@section('myscript')


@endsection

@section('pageStyle')

ul, menu {
    list-style-type: none !important;
}

@endsection

@section('fullPageContent')

@if(isset($successMessage))
<div class="alert alert-success" role="alert">
    {{$successMessage}}
</div>
@elseif(isset($errorMessage))
<div class="alert alert-danger" role="alert">
    {{$errorMessage}}
</div>
@endif

<section class="page page-contact bg-gris">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <article class="form-contact-wrapper text-left">
                    <h2>
                        Buzón de sugerencias
                    </h2>
                    <hr />
                    <form class="form" method="POST" action="/admin/contact">
                        <div class="form-group">
                            <label>Departamento</label>
                            <select class="form-control" name="CtctTxtAsunto" id="CtctTxtAsunto" data-valid-error-msg="Favor de indicar el asunto del contacto" required="required">
                                <option selected></option>
                                <option>Dirección General</option>
                                <option>Administración</option>
                                <option>Operaciones</option>
                                <option>Servicios terrestres</option>
                                <option>Acreditación</option>
                                <option>Marketing</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Nombre</label>
                            <input type="text" name="CtctTxtNombre" id="CtctTxtNombre" class="form-control" data-valid-error-msg="Favor de colocar el nombre de contacto"  required="required"/>
                        </div>
                        <div class="form-group">
                            <label>Teléfono</label>
                            <input type="text" name="CtctTxtTelefono" id="CtctTxtTelefono" class="form-control" data-valid-error-msg="Favor de colocar su numero telefonico para contactarlo"  required="required"/>
                        </div>
                        <div class="form-group">
                            <label>Email</label>
                            <input type="email" name="CtctTxtMail" id="CtctTxtMail" class="form-control" data-valid-error-msg="Favor de colocar el correo correcto"  required="required"/>
                        </div>
                        <div class="form-group">
                            <label>Comentario</label>
                            <textarea class="form-control" name="CtctTxtComentarios" id="CtctTxtComentarios" rows="8" data-valid-error-msg="Favor enviarnos alguna duda o sugerencia" required="required"></textarea>
                        </div>
                        <div class="form-group text-right">
                            <button type="submit" class="btn btn-primary" id="CtctBtnSend">Enviar</button>
                        </div>
                    </form><!-- Edn Form -->
                </article>
            </div><!-- End Column -->
            <div class="col-lg-6">
                <article class="data-contact-wrapper text-left">
                    <h2>
                        Pregúntanos
                    </h2>
                    <hr />

                    <div class="data">
                        <h3>Via Telefónica </h3>
                        <div class="text">
                            <p><a href="tel:+52 (55) 5980 2510">Tel (55)5980-2510</a></p>
                            <p>Fax (55)5985-2532</p>
                        </div>
                    </div>
                    <div class="data">
                        <h3>En redes sociales</h3>
                        <ul>
                            <li>
                                <p>
                                    <i class="fa fa-facebook"></i>
                                    <a href="https://www.facebook.com/ConsolidMEX?ref=ts&fref=t" target="_blank">
                                        ConsolidMEX
                                    </a>
                                </p>
                            </li>
                            <li>
                                <p>
                                    <i class="fa fa-twitter"></i>
                                    <a href="https://twitter.com/@ConsolidMEX" target="_blank">
                                        ConsolidMEX
                                    </a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </article><!-- End Data -->
            </div><!-- End Column -->
        </div><!-- End Row -->
    </div><!-- End Container -->
</section><!-- End Page -->


<div class="map-wrapper">
    <div class="container text-left">
        <div class="data">
            <h2>
                Dirección
            </h2>
            <p>
                Jaime Balmes 11 Torre C Piso 10 Plaza polanco Col.
                Los Morales Polanco C.P. 11510 Ciudad México
            </p>
        </div>
    </div>
</div>

@endsection

@section('linkscript')
    <!-- Add fancyBox -->
    <link rel="stylesheet" href="https://www.consolid.com.mx:2185/Content/jquery.fancybox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="https://www.consolid.com.mx:2185/Scripts/jquery.fancybox.pack.js?v=2.1.6"></script>
    <!-- End fancyBox -->

@endsection