@extends('layout.site')
@section('title', __('structure.events').' - ')
@section('canonical', url('/eventos'))

@section('content')
    <div class="section-internal">
        <div class="breadcrumbs"
             style="background-image: url('{{ base_url('assets/site/img/slide/'.$content_text->header) }}'); background-position: center bottom;">
            <div class="container py-5 px-2 breadcrumb">
                <div class="breadcrumb-item">{!!  __('structure.events') !!}</div>
            </div>
        </div>

        <div class="content page-contact">
            <div class="container-fluid">
                <div class="row justify-content-center">
                    <div class="col-lg-5 ps-lg-5 pe-lg-0 bg-grey-1">
                        <div class="py-4 ps-lg-5 pe-lg-5">
                            <div class="section-title mt-4">{!! $content_text->name !!}</div>
                            <div class="mt-5">
                                <div>
                                    {!! $content_text->content !!}
                                </div>
                                <div class="mt-4">
                                    <div class="text-uppercase">{!! __('structure.phone') !!}</div>
                                    <div class="fs-20 lh-sm">+55 (45) 2102-5033</div>
                                    <div class="fs-18 lh-sm"><a
                                            href="https://wa.me/+5545999040021"
                                            target="_blank">{!! __('structure.contact-us-whatsapp') !!}</a></div>
                                </div>
                                <div class="my-4">
                                    <div class="text-uppercase">E-mail</div>
                                    <div class="fs-20 lh-sm"><a href="mailto:reservas@hotelcontinental.rs">reservas@hotelcontinental.rs</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7 px-0">
                        <div class="carousel-one owl-carousel owl-theme">
                            @foreach($content_photos as $photo)
                                <div class="item p-0">
                                    <img src="{{ base_url('assets/site/img/content/'.$photo->url) }}" width="100%">
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>

		<form method="post" id="form-event">
@csrf 
                <div class="row justify-content-center py-5">
                    <div class="col-lg-6 text-center">
                        <a name="agende"></a>
                        <div class="section-title">{!!  __('structure.get-a-quote') !!}</div>
                        <div class="row mt-4">
                            <div class="col-lg-6 mt-3">
                                <input type="text" name="name" placeholder="{!! __('structure.name') !!}"
                                       class="form-control">
                            </div>
                            <div class="col-lg-6 mt-3">
                                <input type="email" name="email" placeholder="E-mail" class="form-control">
                            </div>
                        </div>
                        <div class="row ">
                            <div class="col-lg-6 mt-3">
                                <input type="text" name="phone" placeholder="{!! __('structure.phone') !!}"
                                       class="form-control">
                            </div>
                            <div class="col-lg-6 mt-3">
                                <input type="text" name="whats" placeholder="WhatsApp" class="form-control">
                            </div>
                        </div>
                        <div class="row ">
                            <div class="col-lg-6 mt-3">
                                <input type="date" name="date" placeholder="{!! __('structure.event-date') !!}"
                                       class="form-control">
                            </div>
                            <div class="col-lg-6 mt-3">
                                <input type="text" name="guest"  placeholder="{!! __('structure.qty-guest') !!} " class="form-control">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12 mt-3">
                                <textarea name="message" rows="4" placeholder="{!! __('structure.message') !!}"
                                          class="form-control"></textarea>
                            </div>
                        </div>

                        <div class="row mt-3 mb-4 justify-content-center msg-return">
                            <div class="col-lg-4"></div>
                        </div>
			<div class="row mt-3 mb-4 justify-content-center">
                            <div class="col-lg-4">
                                <input type="submit" value="{!! __('structure.send-quote') !!}" class="btn btn-send py-3 btn-success w-100">
                            </div>
                        </div>
                    </div>
                </div>
		</form>
            </div>
        </div>

    </div>
@endsection

@section('script')
    <link rel="stylesheet" href="{{ asset('assets/site/css/carousel.css') }}">
    <script src="{{ asset('assets/site/js/carousel.js') }}"></script>
@endsection