@extends('layouts.app')

@section('content')
    <div class="row shadow-sm rounded">
        <div class="col-lg-6 aos-init aos-animate p-5 d-flex justify-content-center " data-aos="zoom-in"> <img
                src="{{ url("storage/{$empreendimento->image}") }}" class="img-fluid rounded  shadow-lg" alt=""></div>
        <div class="col-lg-6 d-flex flex-column aos-init aos-animate p-5" data-aos="fade-left">
            <div class="content pt-4 pt-lg-0">
                <h3>{{ $empreendimento->nome }}</h3>

                <p> {{ $empreendimento->descricao }}</p>


            </div>

            <div class="row p-3">

                <h5>Contatos</h5>
                <p><i class="bi bi-telephone-fill"></i> <b>Telefone: </b>{{ $empreendimento->whatsapp }}</p>
                <p><i class="bi bi-envelope-fill"></i> <b>Email: </b>{{ $empreendimento->whatsapp }}</p>
            </div>

            <div class="row p-3">
                <h5>Saiba Mais</h5>
                
                <div class="col-md-4 d-flex justify-content-center" >
                    <a href="https://facebook.com/{{$empreendimento->facebook}}" target="blank"><i class="bi bi-facebook" style="font-size: 3rem; color: #4267B2;"></i></a>
                </div>
                <div class="col-md-4 d-flex justify-content-center">
                    <a href="https://instagram.com/{{$empreendimento->instagram}}" target="blank"><i class="bi bi-instagram" style="font-size: 3rem; color:#F56040"></i></a>
                </div>
                <div class="col-md-4 d-flex justify-content-center">
                    <a href="https://wa.me/55{{$empreendimento->whatsapp}}" target="blank"><i class="bi bi-whatsapp" style="font-size: 3rem; color:#25D366"></i></a>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <h2 style="margin:20px">Galeria</h2>

        <div class="row p-3">

            @foreach ($images as $imagem)
                <div class="col-md-3" style="margin-top: 1em; ">
                    <div class="thumbnail">
                        <a href="{{ url("storage/{$imagem->imagem}") }}" target="_blank">
                            <img src="{{ url("storage/{$imagem->imagem}") }}" alt="Lights"
                                class="img-fluid rounded shadow-sm" >

                        </a>
                    </div>
                </div>
            @endforeach


        </div>
    </div>
    </div>
@endsection