@extends(config('app.layout').'.layouts.web')

@section('title','Contáctenos')

@section('content')
        
    <main id="MainContent" class="content-for-layout">

        
        <div class="contact-page">

            <!-- contact box start -->
            <div class="contact-box mt-48">
                <div class="contact-box-wrapper">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-12">
                                <div class="contact-item">
                                    <div class="contact-icon">
                                        <svg width="50" height="45" viewBox="0 0 50 45" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M0.5 0.25V28.25H7.5V37.1641L10.3438 34.8672L18.6016 28.25H35.5V0.25H0.5ZM4 3.75H32V24.75H17.3984L16.9062 25.1328L11 29.8359V24.75H4V3.75ZM39 7.25V10.75H46V31.75H39V36.8359L32.6016 31.75H19.4766L15.1016 35.25H31.3984L42.5 44.1641V35.25H49.5V7.25H39Z" fill="#00234D"/>
                                        </svg>                                        
                                    </div>
                                    <div class="contact-details">
                                        <h2 class="contact-title">E-mail</h2>
                                        <a class="contact-info" href="mailto: {{ $config_web['info']['email'] }}">
                                            {{ $config_web['info']['email'] }}
                                        </a>                                        
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="contact-item">
                                    <div class="contact-icon">
                                        <svg width="36" height="42" viewBox="0 0 36 42" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M18 0.265625L16.4141 4.09375L2.41406 37.3438L0.828125 41.0625L4.60156 39.6406L18 34.6094L31.3984 39.6406L35.1719 41.0625L33.5859 37.3438L19.5859 4.09375L18 0.265625ZM18 9.17969L28.8281 34.9375L18.6016 31.1094L18 30.8906L17.3984 31.1094L7.17188 34.9375L18 9.17969Z" fill="#00234D"/>
                                        </svg>                                        
                                    </div>
                                    <div class="contact-details">
                                        <h2 class="contact-title">Ubicación</h2>
                                        <p class="contact-info">
                                            {{ $config_web['info']['address'] }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="contact-item">
                                    <div class="contact-icon">
                                        <svg width="46" height="47" viewBox="0 0 46 47" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M10.149 0.75C9.23299 0.75 8.33065 1.07812 7.5787 1.67969L7.46932 1.73438L7.41463 1.78906L1.94588 7.42188L2.00057 7.47656C0.312094 9.03516 -0.207437 11.3662 0.524009 13.3828C0.530844 13.3965 0.517173 13.4238 0.524009 13.4375C2.00741 17.6826 5.80135 25.8789 13.2115 33.2891C20.649 40.7266 28.9547 44.3701 33.0631 45.9766H33.1178C35.2437 46.6875 37.5474 46.1816 39.1881 44.7734L44.7115 39.25C46.1607 37.8008 46.1607 35.2852 44.7115 33.8359L37.6021 26.7266L37.5474 26.6172C36.0982 25.168 33.5279 25.168 32.0787 26.6172L28.5787 30.1172C27.314 29.5088 24.2994 27.9502 21.4146 25.1953C18.5504 22.4609 17.0875 19.3164 16.5474 18.0859L20.0474 14.5859C21.5172 13.1162 21.5445 10.6689 19.9928 9.22656L20.0474 9.17188L19.8834 9.00781L12.8834 1.78906L12.8287 1.73438L12.7193 1.67969C11.9674 1.07812 11.065 0.75 10.149 0.75ZM10.149 4.25C10.2789 4.25 10.4088 4.31152 10.5318 4.41406L17.5318 11.5781L17.6959 11.7422C17.6822 11.7285 17.7984 11.9131 17.5865 12.125L13.2115 16.5L12.3912 17.2656L12.774 18.3594C12.774 18.3594 14.7838 23.7393 19.0084 27.7656L19.3912 28.0938C23.4586 31.8057 28.2506 33.8359 28.2506 33.8359L29.3443 34.3281L34.5396 29.1328C34.8404 28.832 34.7857 28.832 35.0865 29.1328L42.2506 36.2969C42.5514 36.5977 42.5514 36.4883 42.2506 36.7891L36.8912 42.1484C36.0846 42.8389 35.2301 42.9824 34.2115 42.6406C30.2467 41.082 22.5426 37.6982 15.6724 30.8281C8.74764 23.9033 5.13143 16.0488 3.80526 12.2344C3.53866 11.5234 3.73006 10.4707 4.35213 9.9375L4.46151 9.82812L9.7662 4.41406C9.88924 4.31152 10.0191 4.25 10.149 4.25Z" fill="#00234D"/>
                                        </svg>                                        
                                    </div>
                                    <div class="contact-details">
                                        <h2 class="contact-title">Teléfonos</h2>
                                        <a class="contact-info" href="tel: {{ $config_web['info']['phone'] }}">{{ $config_web['info']['phone'] }}</a>                                        
                                    </div>
                                </div>
                            </div>
                            

                        </div>
                    </div>
                </div>
            </div>
            <!-- contact box end -->

            <!-- about banner start -->
            <div class="contact-form-section mt-48">
                <div class="container">
                    <div class="p-3 shadow">
                        <div class="section-header mb-4">
                            <h2 class="section-heading">Escríbanos</h2>
                            <p class="section-subheading">Nos gustaría saber de usted.</p>
                        </div>
                        <div class="contact-form--wrapper">
                            <form action="#" class="contact-form">
                                <div class="row">
                                    <div class="col-12">
                                        <fieldset>
                                            <input type="text" placeholder="Nombre" />
                                        </fieldset>
                                    </div>
                                    <div class="col-12">
                                        <fieldset>
                                            <input type="email" placeholder="Email*" />
                                        </fieldset>
                                    </div>
                                    <div class="col-12">
                                        <fieldset>
                                            <input type="text" placeholder="Asunto" />
                                        </fieldset>
                                    </div>
                                    <div class="col-12">
                                        <fieldset>
                                            <input type="text" placeholder="Teléfono" />
                                        </fieldset>
                                    </div>
                                    <div class="col-md-12 col-12">
                                        <fieldset>
                                            <textarea cols="20" rows="6" placeholder="Escriba su mensaje aqui *"></textarea>
                                        </fieldset>
                                        <button type="submit" class="btn btn-primary">ENVIAR MENSAJE</button>
                                    </div>
                                </div>                                    
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- about banner end -->
        </div>     
    
    </main>
        
@endsection

@section('js')
   
@endsection