@extends ('main.layouts')
@section ('titulo')
  Crea tu ambiente - Ceresita
@endsection
@section ('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4">
                <a href="{{route('home.home')}}"><img src="{{asset('images/btn-volver.png')}}" class="btn-volver"></a>
                <img src="{{asset('images/logo.png')}}" class="img-logo-right-simulador">
                <img src="{{asset('images/habitacion-ambiente-1.png')}}" class="img-tendencias">
                <div class="wp-btn-ambiente">
                    <a href="{{route('simuladors.simulador',1)}}" class="btn-ambiente btn-color-1">Dormitorio</a>
                </div>
            </div>
            <div class="col-md-4">
                <img src="{{asset('images/logo.png')}}" class="img-logo-center">
                <img src="{{asset('images/habitacion-ambiente-2.png')}}" class="img-tendencias">
                <div class="wp-btn-ambiente">
                    <a href="{{route('simuladors.simulador',4)}}" class="btn-ambiente btn-color-2">Living room</a>
                </div>
            </div>
            <div class="col-md-4">
                <img src="{{asset('images/habitacion-ambiente-3.png')}}" class="img-tendencias">
                <div class="wp-btn-ambiente">
                    <a href="{{route('simuladors.simulador',2)}}" class="btn-ambiente btn-color-3">Cocina</a>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4">
                <img src="{{asset('images/habitacion-ambiente-4.png')}}" class="img-tendencias">
                <div class="wp-btn-ambiente">
                    <a href="{{route('simuladors.simulador',5)}}" class="btn-ambiente btn-color-4">Comedor</a>
                </div>
            </div>
            <div class="col-md-4">
                <img src="{{asset('images/habitacion-ambiente-5.png')}}" class="img-tendencias">
                <div class="wp-btn-ambiente">
                    <a href="{{route('simuladors.simulador',3)}}" class="btn-ambiente btn-color-5">Baño</a>
                </div>
            </div>
            <div class="col-md-4">
                <img src="{{asset('images/habitacion-ambiente-6.png')}}" class="img-tendencias">
                <div class="wp-btn-ambiente">
                    <a href="{{route('simuladors.simulador',13)}}" class="btn-ambiente btn-color-6">Fachada</a>
                </div>
            </div>
        </div>

        {{--********************** Sub Menu Tendencia *************************************--}}
        @include('elements.menufooter')
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        $(document).ready(function() {
            $('#smartcolor-menu').addClass('seleccionado');
        })
    </script>