@extends('layouts.master')
@section('content')

<div class="download-app-div header" style="background-image: url({{ asset('img/www/quienes-somos.jpeg') }});">
    <div class="overlay-primary"></div>
    <div class="content content-res">
       <div class="col-mx-auto pt-30">
           <h1 class="text-center p-centered bold">¿Necesitas contactarnos?</h1>
           <p class="text-center p-centered fs-18 fw-600">Siempre estamos para servirte</p>
       </div>
    </div>
</div>

<div class="container p-0">
    <div class="columns">
        <div class="column p-40 col-5 col-sm-12">
            <p class="text-center p-centered fs-20 cl-y fw-600">Solo llena el siguiente formulario</p>
            <p class="text-center p-centered fs-26 fw-600 mt-minus-17">Y nos pondremos en contacto contigo a la brevedad</p>
            @if($errors->first('title'))
                Ha ocurrido un error, intentalo de nuevo.
            @endif
            <form id="contact" class="form-horizontal" action="/formularios" method="POST">
                {{ csrf_field() }}
                <input type="hidden" name="title" value="contact">
                <input class="form-input" type="text" id="nombre" name="nombre" placeholder="Nombre" required>
                <input class="form-input mt-10" id="email" type="email" name="correo" placeholder="Correo electrónico" required>
                <input class="form-input mt-10" id="asunto" type="text" name="asunto" placeholder="Asunto" required>
                <textarea class="form-input mt-10" id="comentarios" name="comentarios" placeholder="Escribe aquí tus comentarios" rows="3" required></textarea>
                <button type="submit" class="btn btn-primary w-100 mt-10">Enviar</button>
            </form>
        </div>
        <div class="column col-7 col-sm-12">
            @component('partials.g-map', [
                'divHeight' => '500px',
                'map'=> [ 'center' => '{ lat: 4.694326, lng: -74.032747 }', 'zoom' => 12 ],
                'markers'=> [
                    [
                        'position' => '{ lat: 4.694326, lng: -74.032747 }',
                        'icon' => asset("img/yeko_contacto.png"),
                        'data' => [
                            'id' => null,
                            'name' => 'YekoClub',
                            'description' => 'Sede Administrativa',
                            'logo' => '',
                            'banner' => ''
                        ],
                        'slug' => 5,
                        'category' => 'all',
                        'first_address' => 'Carrera 7 # 116 - 50'
                    ]
                ],
                'data' => []
            ])
            @endcomponent
        </div>
    </div>
</div>
@endsection