@extends ('main.layouts')
@section('css')
    <style>
        @media (max-width:992px){
            .tamano{
                width: {{$calculo}}
      }
        }

    </style>
@endsection
@section ('content')
    <div class="modal"><!-- Place at bottom of page --></div>
    <div class="container-fluid">
        <div class="row" >
            <div class="col-md-2 nav-ambiente">
                <div class="wp-lista-tendencias-edit">
                    <a href="javascript:window.history.go(-1);"><img src="{{asset('images/btn-volver.png')}}" class="btn-volver oculto"></a>
                    <ul class="lista-tendencias tamano">
                        @foreach($imagenesAmbientes as $imagenAmbientes)
                            <li><img src="{{asset('images/ambientes')}}/{{$imagenAmbientes->url}}" id="{{$imagenAmbientes->id}}" class="img-menu"></li>
                        @endforeach
                    </ul>
                </div>
            </div>
            <div class="col-md-7 max loading-div" id="loading-stop">
                <div class="wp-principal">
                  <i class="fa fa-info-circle" aria-hidden="true"></i>
                  <div class="wp-informacion">       
                    <p class="subtitulo-tendencias-edit">{{$ambiente->label}}</p>
                    <p class="parrafo-tendencias">
                      Selecciona los materiales que tienes para tu proyecto
                    </p>
                  </div>
                  <div class="wp-principal">     
                    <div class="wp-info-simulador">
                        <p class="subtitulo-tendencias-simulador">{{$ambiente->label}}</p>
                        <p class="parrafo-tendencias">Selecciona los materiales que tienes para tu proyecto
                        </p>

                        <img src="{{asset('images/nav-left.png')}}" class="img-nav-left">
                    </div>
                    <div id="colorSelected" class="wp-colores-simulador" style="background-color:#e1e5ee">
                          <span class="descripcion-simulador">
                            CW001W Soft Whisper
                          </span>                     
                    </div>
                    <div class="row" id="rw-col-btn">