@extends('front.layouts.demo')
@section('local_styles')
    <!--<link rel="stylesheet" href="/css/subarticle.css">
    <link rel="stylesheet" href="/css/about.css">-->
@endsection
@section('content')
<div class="bd-example">
    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
        
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="/img/v2/slides/contacto-la-patrona.jpg" class="d-block w-100" alt="Contacto La Patrona">
            </div>    
        </div>
        
    </div>
</div>

<div class="py-4">
    <div class="container">
        <div class="row">
            <div class="text-center pt-5 w-100 bg-line-polo">
                <h5 class="awesome mb-0 gray">{{ trans('site.contact_title_1') }}</h5>
                <h1 class="bodoni m-0 wine">{{ trans('site.contact_title_2') }}</h1>
                <p class="w-75 mx-auto text-left gray mt-2">{{ trans('site.contact_text') }}</p>
            </div>
        </div>
    </div>
</div>

<div class="container pb-5">
    <div class="row justify-content-center">
        <div class="col-12 col-sm-5 col-lg-5">
            <div class="text-center py-2">
                <img src="/img/v2/logos/la-patrona-polo.jpg" alt="" class="w-50">
            </div>
            <div class="py-4">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3727.2425286789908!2d-105.40463708511872!3d20.902559986066862!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x84213d86eaaf51a1%3A0xc666320a00803bed!2sLa%20Patrona%20Polo%20Club!5e0!3m2!1ses!2smx!4v1571638092031!5m2!1ses!2smx" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
            </div>
        </div>

        <div class="col-12 col-sm-5 col-lg-5">
            <div class="text-center py-2">
                <img src="/img/v2/logos/tierra-tropical.jpg" alt="" class="w-50">
            </div>
            <div class="py-4">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3727.085943401813!2d-105.41420468511866!3d20.90886168606352!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8421162b5292f8e9%3A0xc10c75dc598a8c0b!2sLa%20Patrona%20Beach%20Club%20%2F%20Tierra%20Tropical!5e0!3m2!1ses!2smx!4v1571637864495!5m2!1ses!2smx" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
            </div>
        </div>
    </div>
</div>

<div class="bg-image py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-sm-5 col-lg-5 py-5">
                <h5 class="text-center awesome m-0 white">{{ trans('site.contact_title_link') }}</h5>
                <h3 class="text-center bodoni pb-4 white">{{ trans('site.contact_title_reserv') }}</h3>
                <form action="#" method="post" class="white">
                    <div class="form-group">
                        <label class="sr-only">{{ trans('site.contact_date') }}</label>
                        <input type="text" name="date" placeholder="{{ trans('site.contact_date') }}" class="form-control datepicker">
                    </div>
                    <div class="form-group">
                        <label class="sr-only">{{ trans('site.contact_name') }}</label>
                        <input type="text" name="name" placeholder="{{ trans('site.contact_name') }}" class="form-control">
                    </div>
                    <div class="form-group">
                        <label class="sr-only">{{ trans('site.contact_email') }}</label>
                        <input type="email" name="email" placeholder="{{ trans('site.contact_email') }}" class="form-control">
                    </div>
                    <div class="text-right">
                        <button type="button" class="btn">{{ trans('site.btn_send') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></button>
                    </div>
                </form>

                <div class="text-center pt-5 px-5">
                    <p class="m-0 white">
                        Prolongación África Sin Número<br>
                        San Francisco, Nayarit, México<br>
                        Tel. (322) 297 2334 ext 106
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('local_scripts')
    <!--<script src="/js/subarticle.js" charset="utf-8"></script>-->
@endsection