@extends('layouts.app')

@section('contenido')
    <div class="bg-morado container-fluid position-relative px-0 text-center">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 col-sm-12">
              <center style="    padding: 50px;"><img class="is-content" src="https://locker.agency/casona2/wp-content/uploads/2023/08/Web-11.png" width="40%"  alt="Web-11" caption="" data-width="original" data-scaling="no"></center>
            <svg id="svg_emered" width="5120" viewBox="0 0 5120 2880" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-100">
            <style type="text/css">
                  .st0-1{fill: transparent;}
              </style>
            <g
     style="opacity:0.60771704"
     inkscape:label="niveles"
     id="layer1"
     inkscape:groupmode="layer">
    <path
        data-id="pb" data-tipo="1" class="st0-1 {{($torre['pb'] == 0) ? 'vendido' : 'disponible'}}"
       inkscape:label="nivel1"
       sodipodi:nodetypes="cccccc"
       id="casa_pb"
       d="m 945.54237,2326.0844 2267.02993,-6.1679 915.1296,-0.9925 8.2444,225.8509 -3190.58714,16.4889 z" />
    <path
     data-id="p1" data-tipo="1" class="st0-1 {{($torre['p1'] == 0) ? 'vendido' : 'disponible'}}"
       inkscape:label="nivel2"
       id="casa_p1"
       d="m 942.61102,2110.5693 3187.83898,-5.4963 -2.7481,213.851 -3182.15953,7.1604 z" />
    <path
    data-id="p2" data-tipo="1" class="st0-1 {{($torre['p2'] == 0) ? 'vendido' : 'disponible'}}"
       inkscape:label="nivel3"
       sodipodi:nodetypes="ccccc"
       id="casa_p2"
       d="m 4210.146,1838.7481 2.7481,263.5768 -3347.23092,5.7407 v -267.8212 z" />
    <path
    data-id="p3" data-tipo="1" class="st0-1 {{($torre['p3'] == 0) ? 'vendido' : 'disponible'}}"
       inkscape:label="nivel4"
       id="casa_p3"
       d="m 4210.146,1577.4307 v 261.3174 0 l -3344.48282,1.4963 -5.49627,-265.5619 z" />
    <path
    data-id="p4" data-tipo="1" class="st0-1 {{($torre['p4'] == 0) ? 'vendido' : 'disponible'}}"
       inkscape:label="nivel5"
       id="casa_p4"
       d="m 860.16691,1574.6825 10.99255,-269.3174 3344.48284,19.237 -5.4963,252.8286 z" />
    <path
    data-id="p5" data-tipo="1" class="st0-1 {{($torre['p5'] == 0) ? 'vendido' : 'disponible'}}"
       sodipodi:nodetypes="ccccccccccc"
       inkscape:label="nivel6"
       id="casa_p5"
       d="m 871.15946,1305.3651 3344.48284,19.237 -1.064,-186.757 43.2381,-20.4812 v -13.6541 H 2637.525 l 2.2757,2.2406 -596.2309,-4.2757 -1242.25115,-5.0677 63.44363,23.0326 z"/>
    <path
    data-id="p6" data-tipo="1" class="st0-1 {{($torre['p6'] == 0) ? 'vendido' : 'disponible'}}"
       d="m 4257.5363,862.38915 0.2801,241.32065 -3456.49775,-7.1028 1.22015,-264.14302 z"
       id="casa_p6"
       inkscape:label="nivel7" />
    <path
    data-id="p7" data-tipo="1" class="st0-1 {{($torre['p7'] == 0) ? 'vendido' : 'disponible'}}"
       d="M 809.54333,583.26194 2634.4461,597.4483 v -21.16322 l 1624.5751,16.46529 -1.4849,269.63878 -3454.9975,-29.92517 z"
       id="casa_p7"
       inkscape:label="nivel8"
       sodipodi:nodetypes="ccccccc" />
    <path
    data-id="p8" data-tipo="1" class="st0-1 {{($torre['p8'] == 0) ? 'vendido' : 'disponible'}}"
       inkscape:label="nivel9"
       sodipodi:nodetypes="ccccccccc"
       id="casa_p8"
       d="m 809.54332,307.35204 836.98548,10.97686 35.6748,54.88429 359.4921,2.74422 v -34.93058 l 609.2157,8.97686 -0.4653,247.44461 -1840.90277,-14.18636 z" />
    <path
    data-id="p9" data-tipo="1" class="st0-1 {{($torre['p9'] == 0) ? 'vendido' : 'disponible'}}"
       sodipodi:nodetypes="ccccccccccccc"
       inkscape:label="nivel10"
       id="casa_p9"
       d="m 2085.6031,343.02683 2.7443,-90.55908 523.4007,10.97686 v 27.44214 l 379.9575,5.48843 -1.2558,137.21074 221.5371,-2.74422 2.7443,57.62851 h 31.6747 v 30.18636 l -598.2388,-8.23264 2.7443,-160.42024 z"
        />
  </g>
              

                
              </svg>


          </div>
          
        </div>
      </div>



    </div>
<section id='marco' style="padding-top: 0rem;
    background-image:url(https://locker.agency/casona2/wp-content/uploads/2023/08/bottomfondos.png);
    background-repeat: repeat-x;
    background-size: auto;
    background-position: top left;
    background-attachment: scroll;
    background-color: #f4eee0;
    margin-top:40px;">
    <img class="is-content" src="https://locker.agency/casona2/wp-content/uploads/2023/08/blank.png" width="147" height="48" alt="blank" caption="" data-width="original" data-scaling="no">
</section>
    <div class="interactivo" id="lotificacion">
        <div class="container-fluid w14 p-0">
                <!--<div class="col-lg-12 col-sm-12 d-flex align-items-center justify-content-around" id="btn-pisos">-->
            <div class="row" style="justify-content: space-around;">
                <div class="col-12 col-lg-4" style="padding-top: 50px;">
                    <h3 style="text-transform: uppercase">Departamentos <br> por nivel</h3>
                    </div>
            <div class="col-12 col-lg-6 w-100 men9" style="padding-top: 50px;" id="btn-pisos">
              
                <a href="#nav-pb" data-id="pb" id="pb-tab" data-toggle="tab" role="tab" aria-controls="nav-pb" aria-selected="false" class="btn btn-morado nav-link active">Piso 1</a>
                 <a href="#nav-p1" data-id="p1" id="p1-tab" data-toggle="tab" role="tab" aria-controls="nav-p1" aria-selected="false" class="btn btn-morado nav-link">Piso 2</a>
                <a href="#nav-p2" data-id="p2" id="p2-tab" data-toggle="tab" role="tab" aria-controls="nav-p2" aria-selected="false" class="btn btn-morado nav-link">Piso 3</a>
                <a href="#nav-p3" data-id="p3" id="p3-tab" data-toggle="tab" role="tab" aria-controls="nav-p3" aria-selected="true" class="btn btn-morado nav-link">Piso 4</a>
                <a href="#nav-p4" data-id="p4" id="p4-tab" data-toggle="tab" role="tab" aria-controls="nav-p4" aria-selected="true" class="btn btn-morado nav-link">Piso 5</a><br />
                <a href="#nav-p5" data-id="p5" id="p5-tab" data-toggle="tab" role="tab" aria-controls="nav-p5" aria-selected="true" class="btn btn-morado nav-link">Piso 6</a>
                <a href="#nav-p6" data-id="p6" id="p6-tab" data-toggle="tab" role="tab" aria-controls="nav-p6" aria-selected="true" class="btn btn-morado nav-link">Piso 7</a>
                <a href="#nav-p7" data-id="p7" id="p7-tab" data-toggle="tab" role="tab" aria-controls="nav-p7" aria-selected="true" class="btn btn-morado nav-link">Piso 8</a>
                <a href="#nav-p8" data-id="p8" id="p8-tab" data-toggle="tab" role="tab" aria-controls="nav-p8" aria-selected="true" class="btn btn-morado nav-link">Piso 9</a>
                <a href="#nav-p9" data-id="p9" id="p9-tab" data-toggle="tab" role="tab" aria-controls="nav-p9" aria-selected="true" class="btn btn-morado nav-link">Piso 10</a>
                
            </div>

              </div>
          <!--</div>-->
            <!-- <div class="container m40">
                <div class="row align-items-center ">
                    <div class="col-12 col-lg-12 m10 m-lg-0 text-center">

                    </div>
                    <div class="col-12 col-lg-12 d-flex align-items-center justify-content-around" id="btn-pisos">


                    </div>
                </div>
            </div> -->

            <div class="position-relative">
                  <div class="container p-0">
                  <div class="row infotxt" style="justify-content: flex-end;">
                      <div class="col-12 col-sm-12 col-lg-2 leyenda2">
                        <ul class="list-unstyled">
                            <li class="disponible mb-2">Disponible</li>
                            <li class="apartado mb-2">Apartado</li>
                            <li class="vendido mb-2">Vendido</li>
                        </ul>
                        <!-- <img class="d-none d-sm-block" src="img/logo2.png"> -->
                      </div>
                   
                    <div class="col-12 col-sm-12 col-lg-7">
                      <div class="tab-content" id="nav-tabContent">
                      <div class="tab-pane fade show active" id="nav-pb" role="tabpanel" aria-labelledby="nav-pb-tab">        
                        <svg id="svg_pb"  x="0px" y="0px" viewBox="0 0 1397 988" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <style type="text/css">
                              .st0{fill:#1B9D9D;}
                          </style>
                            <rect  id="habitacion_108" x="28" y="72" width="295" height="419" fill-opacity="0.53"/>
                            <rect  id="habitacion_107" x="28" y="491" width="295" height="429" fill-opacity="0.53"/>
                            <rect id="habitacion_106" x="479" y="87" width="244" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_105" x="479" y="599" width="249" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_104" x="723" y="87" width="245" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_103" x="728" y="599" width="245" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_101" x="1056" y="599" width="288" height="286"  fill-opacity="0.53"/>
                        </svg>

                      </div>
                      <div class="tab-pane fade" id="nav-p1" role="tabpanel" aria-labelledby="nav-p1-tab">
                       <svg id="svg_p1"  x="0px" y="0px" viewBox="0 0 1397 988" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <style type="text/css">
                              .st0{fill:#1B9D9D;}
                          </style>
                            <rect  id="habitacion_208" x="28" y="72" width="295" height="419" fill-opacity="0.53"/>
                            <rect  id="habitacion_207" x="28" y="491" width="295" height="429" fill-opacity="0.53"/>
                            <rect id="habitacion_206" x="479" y="87" width="244" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_205" x="479" y="599" width="249" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_204" x="723" y="87" width="245" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_203" x="728" y="599" width="245" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_201" x="1056" y="599" width="288" height="286"  fill-opacity="0.53"/>
                        </svg>

                      </div>
                      <div class="tab-pane fade" id="nav-p2" role="tabpanel" aria-labelledby="nav-p2-tab">
                        
                        <svg id="svg_p2"  x="0px" y="0px" viewBox="0 0 1397 988" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <style type="text/css">
                              .st0{fill:#1B9D9D;}
                          </style>
                            <rect  id="habitacion_308" x="28" y="72" width="295" height="419" fill-opacity="0.53"/>
                            <rect  id="habitacion_307" x="28" y="491" width="295" height="429" fill-opacity="0.53"/>
                            <rect id="habitacion_306" x="479" y="87" width="244" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_305" x="479" y="599" width="249" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_304" x="723" y="87" width="245" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_303" x="728" y="599" width="245" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_301" x="1056" y="599" width="288" height="286"  fill-opacity="0.53"/>
                        </svg>
                      </div>
                      <div class="tab-pane fade" id="nav-p3" role="tabpanel" aria-labelledby="nav-p3-tab">
                         <svg id="svg_p3"  x="0px" y="0px" viewBox="0 0 1397 988" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <style type="text/css">
                              .st0{fill:#1B9D9D;}
                          </style>
                            <rect  id="habitacion_408" x="28" y="72" width="295" height="419" fill-opacity="0.53"/>
                            <rect  id="habitacion_407" x="28" y="491" width="295" height="429" fill-opacity="0.53"/>
                            <rect id="habitacion_406" x="479" y="87" width="244" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_405" x="479" y="599" width="249" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_404" x="723" y="87" width="245" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_403" x="728" y="599" width="245" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_401" x="1056" y="599" width="288" height="286"  fill-opacity="0.53"/>
                        </svg>
                      </div>
                      <div class="tab-pane fade" id="nav-p4" role="tabpanel" aria-labelledby="nav-p4-tab">
                          <svg id="svg_p4"  x="0px" y="0px" viewBox="0 0 1397 988" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <style type="text/css">
                              .st0{fill:#1B9D9D;}
                          </style>
                            <rect  id="habitacion_508" x="28" y="72" width="295" height="419" fill-opacity="0.53"/>
                            <rect  id="habitacion_507" x="28" y="491" width="295" height="429" fill-opacity="0.53"/>
                            <rect id="habitacion_506" x="479" y="87" width="244" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_505" x="479" y="599" width="249" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_504" x="723" y="87" width="245" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_503" x="728" y="599" width="245" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_501" x="1056" y="599" width="288" height="286"  fill-opacity="0.53"/>
                        </svg>
                         
                      </div>
                      <div class="tab-pane fade" id="nav-p5" role="tabpanel" aria-labelledby="nav-p5-tab">
                          <svg id="svg_p5"  x="0px" y="0px" viewBox="0 0 1397 988" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <style type="text/css">
                              .st0{fill:#1B9D9D;}
                          </style>
                            <rect  id="habitacion_608" x="28" y="72" width="295" height="419" fill-opacity="0.53"/>
                            <rect  id="habitacion_607" x="28" y="491" width="295" height="429" fill-opacity="0.53"/>
                            <rect id="habitacion_606" x="479" y="87" width="244" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_605" x="479" y="599" width="249" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_604" x="723" y="87" width="245" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_603" x="728" y="599" width="245" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_601" x="1056" y="599" width="288" height="286"  fill-opacity="0.53"/>
                        </svg>
                         
                      </div>
                      <div class="tab-pane fade" id="nav-p6" role="tabpanel" aria-labelledby="nav-p6-tab">
                          <svg id="svg_p6"  x="0px" y="0px" viewBox="0 0 1397 988" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <style type="text/css">
                              .st0{fill:#1B9D9D;}
                          </style>
                            <rect  id="habitacion_708" x="28" y="72" width="295" height="419" fill-opacity="0.53"/>
                            <rect  id="habitacion_707" x="28" y="491" width="295" height="429" fill-opacity="0.53"/>
                            <rect id="habitacion_706" x="479" y="87" width="244" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_705" x="479" y="599" width="249" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_704" x="723" y="87" width="245" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_703" x="728" y="599" width="245" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_701" x="1056" y="599" width="288" height="286"  fill-opacity="0.53"/>
                        </svg>
                         
                      </div>
                      <div class="tab-pane fade" id="nav-p7" role="tabpanel" aria-labelledby="nav-p7-tab">
                          <svg id="svg_p7"  x="0px" y="0px" viewBox="0 0 1397 988" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <style type="text/css">
                              .st0{fill:#1B9D9D;}
                          </style>
                            <rect  id="habitacion_808" x="28" y="72" width="295" height="419" fill-opacity="0.53"/>
                            <rect  id="habitacion_807" x="28" y="491" width="295" height="429" fill-opacity="0.53"/>
                            <rect id="habitacion_806" x="479" y="87" width="244" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_805" x="479" y="599" width="249" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_804" x="723" y="87" width="245" height="298"  fill-opacity="0.53"/>
                            <rect id="habitacion_803" x="728" y="599" width="245" height="302"  fill-opacity="0.53"/>
                            <rect id="habitacion_801" x="1056" y="599" width="288" height="286"  fill-opacity="0.53"/>
                        </svg>
                         
                      </div>
                      <div class="tab-pane fade" id="nav-p8" role="tabpanel" aria-labelledby="nav-p8-tab">
                          <svg id="svg_p8"  x="0px" y="0px" viewBox="0 0 1397 988" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <style type="text/css">
                              .st0{fill:#1B9D9D;}
                          </style>
                            <rect id="habitacion_908" x="44" y="82" width="308" height="403"  fill-opacity="0.53"/>
                            <rect id="habitacion_907" x="36" y="485" width="316" height="403"  fill-opacity="0.53"/>
                            <rect id="habitacion_905" x="495" y="593" width="233" height="289"  fill-opacity="0.53"/>
                            <rect id="habitacion_906" x="491" y="96" width="237" height="289"  fill-opacity="0.53"/>
                            <rect id="habitacion_904" x="728" y="87" width="237" height="298"  fill-opacity="0.53"/>
                        </svg>
                         
                      </div>
                      <div class="tab-pane fade" id="nav-p9" role="tabpanel" aria-labelledby="nav-p9-tab">
                          <svg id="svg_p9"  x="0px" y="0px" viewBox="0 0 1397 988" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <style type="text/css">
                              .st0{fill:#1B9D9D;}
                          </style>
                            <rect x="44" y="82" width="308" height="403"  fill-opacity="0.53"/>
                            <rect x="36" y="485" width="316" height="403"  fill-opacity="0.53"/>
                            <rect id="habitacion_1004" x="491" y="82" width="562" height="307"  fill-opacity="0.53"/>
                        </svg>
                         
                      </div>
    
                      <!-- Termina -->

                    </div>
                  </div>
                  </div>

                </div>

                <div class="leyenda mt-4 mt-md-0 px-3">
                    <div class="row" style="justify-content: flex-end;">
                        <div class="col-12 col-md-6 pl-md-0 pr-md-0">
                            <div class="notificacion mb-4 d-none">
                                <div class="card">
                                    <div class="card-body position-relative">
                                        <div class="franja disponible" id="franja"></div>
                                        <h5 class="tlo">Diponible</h5>
                                        <p class="mb-0 nombre">Departamento 01</p>  
                                        <p class="mb-0 mtr">66 m<sup>2</sup></p>
                                        <p class="mb-0 precio">$ precio_activo</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-7 pr-md-0">
                            <!-- <h5>Estatus de la disponibilidad</h5>
                            <ul class="list-unstyled">
                                <li class="disponible mb-2">Disponible</li>
                                <li class="apartado mb-2">Apartado</li>
                                <li class="vendido mb-2">Vendido</li>
                            </ul> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal" tabindex="-1" id="mdInformacion">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <!-- <div class="modal-header position-relative">
                    <div class="row w-100 text-center align-items-center">
                        <div class="col-8 col-md-6">
                            <h4 class="tlo d-inline">Departamento 01</h4>
                        </div>
                        <div class="col-4 col-md-6">
                            <h4 class="tipologia text-uppercase mb-0">c52</h4>
                        </div>
                        <div class="closed pointer" data-dismiss="modal">
                            <img src="{{asset('img/icon-close.png')}}" alt="Cerrar">
                        </div>
                    </div>
                </div> -->
                <div class="modal-body pt-5 pb-5">
                  <div class="closed pointer" data-dismiss="modal">
                      <img src="{{asset('img/icon-close.png')}}" alt="Cerrar">
                  </div>
                    <div class="row bg-blancoModal">
                        <div class="col-12 col-md-12 col-lg-5 bg-verdeModal mb-md-0 order-2 order-lg-1">
                          <h2 style="text-align: left;">NIVEL <span class="nivel"> 1 </span></h2>    
                          <h4 class="tlo d-inline">Departamento 01</h4> <br>
                          <span class='tipo'> Penthouse</span> <br>
                          <span class='totalm2'>300m2</span>

                            <!-- <h6>Descripción</h6>-->
                            <!--<hr class="mt-1">-->
                            <ul class="divisiones" style="margin-top:30px">
                                <li><img src="{{asset('img/iconos/iconos-07.png')}}" width="32px"/><span class="recamaras">3 Recámaras</span></li>
                                <li><img src="{{asset('img/iconos/iconos-06.png')}}" width="32px"/><span class="banos">4 Baños</span></li>
                                <li class="falsepiscina"><img src="{{asset('img/iconos/iconos-05.png')}}" width="32px"/><span class="piscina">1 Piscina</span></li>
                                <li><img src="{{asset('img/iconos/iconos-04.png')}}" width="32px"/><span>Sala/comedor</span></li>
                                <li><img src="{{asset('img/iconos/iconos-03.png')}}" width="32px"/><span>Terreza</span></li>
                            </ul>
                            <!--<hr class="mt-1">-->
                            <ul class="incluye" style="display:none">
                                <li>Muros de Tablaroca con aislante acústico y térmico para recibir acabado. </li>
                                <li>Pisos y plafones de concreto para recibir acabado.</li>
                                <li> Disparos de canalizaciones guiadas para recibir la instalación léctrica, telefonía e internet, detección de humo y aire acondicionado (mini split</li>
                                <li>Disparo de alimentación hidráulica. </li>
                                <li>Descarga sanitaria. </li>
                                <li>
                                   Espacio Asignado para condensadora de mini Split
                                </li>
                                <li>
                                  Ventanas con cancel de aluminio y fijos con cristal claro.

                                </li>
                            </ul>
                            <h6 style="display:none">Departamento <span class="mtr"></span>m<sup>2</sup></h6>
                            <h2 class="precio2">Precio</h2>
                            <!--<hr class="mt-1">-->
                            <ul class="incluye">
                                <li>Área interior <span class="a_int"></span>m<sup>2</sup></li>
                                <li>Área terraza <span class="a_ter"></span>m<sup>2</sup></li>
                                <
                                
                            </ul>

                            <!--<h6>Platica con Asesor</h6>-->
                            <!--<hr class="mt-1">-->
                            <form action="" id="formCotizacion"  role="formCotizacion" name="formCotizacion">
                                <input type="hidden" name="id" id="idlote">
                                <input class="mb-2" required type="text" name="nombre" id="nombre" placeholder="Nombre *">
                                <input class="mb-2" required type="text" name="apellido" id="apellido" placeholder="Apellido *">
                                <input class="mb-2" required type="text" name="ciudad" id="ciudad" placeholder="Ciudad *">
                                <input class="mb-2" required type="text" name="telefono" id="telefono" placeholder="Telefono *">
                                <input class="mb-2" required type="email" name="correo" id="correo" placeholder="Correo *">
                                <div class="text-center">
                                    <button type="submit" class="btn btn-morado">Enviar</button>
                                </div>
                            </form>
                        </div>
                     <div class="col-12 col-md-12 col-lg-7 order-1 order-lg-2">
                            <div class="mb-5">
                                <div class="swiper-container slide-modal">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="bg" style="background-image: url(https://locker.agency/casona2/wp-content/uploads/2023/08/Web-11.png)">
                                                <img src="https://locker.agency/casona2/wp-content/uploads/2023/08/Web-11.png" alt="Base">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div>
                                </div>
                            </div>
                        </div>

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

@push('js')
    <script type="text/javascript">
        $('#mdInformacion').modal('show');
        const lotes = @json($lotes);
        const torre = @json($torre);
        //console.log(torre);
        $('#btn-pisos a').on('click', function (e) {

            $('#btn-pisos a').each(function(){
                $(this).removeClass('active');
                $(this).removeAttr('aria-selected');
                $(this).attr('aria-selected', 'false');
            });

            document.querySelectorAll('#svg_emered .st0-1').forEach(x => {
                x.classList.remove('active');
            });

            let id = $(this).data('id');
            //console.log(id);

            // let tipoF = 'Torre Faisan';
            // let tipoV = 'Torre Venado';
            // //console.log(id2);
            // if( id == 'pb2' || id ==  'p12' || id=='p22' || id=='p32' || id=='p42' || id=='p52' ){
            //   document.getElementById('ttorres').innerHTML = tipoV;
            // } else {
            // document.getElementById('ttorres').innerHTML = tipoF;
            // }
            document.querySelector('#svg_emered #casa_'+id).classList.add('active');

            e.preventDefault();
            $(this).tab('show');
        });
    </script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script type="text/javascript" src="{{mix('js/lotificacion.js')}}"></script>
@endpush