@extends('layouts.master')

@section('content')


<link rel="stylesheet" type="text/css" href="/css/instalaciones.css">

<h2> Instalaciones y costos</h2>
<hr>

<div class="row">


  <div class="col-md-6">
    <table class="table table-striped">
      <thead>
        <tr>
          <th>Tipo y número de clases</th>
          <th>Mensualidad</th>
          <th>Pago puntual</th>
        </tr>
      </thead>

      <tbody>
        @foreach($monthly_prices as $price)
        <tr class="{{$price->inscription ? 'success' : ''}}">
          <td>
            {{$price->name}}
          </td>
          <td>
            $ {{$price->price}}
          </td>
          <td>
            @if($price->punctual_price)
            $ {{$price->punctual_price}}
            @endif
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>

    <hr>

    <p class="well text-info text-center">
      <strong>¡Te invitamos a agendar una clase muestra a mitad de precio!</strong><br>
      (Sólo es válido para 2 clases por persona y se debe hacer cita para las mismas al <strong>55630756</strong>,
      te recomendamos formalidad y puntualidad con tus clases muestra. Clase agendada y no asistida no
      podrá ser repuesta.)
    </p>


    <h3>Formas de pago</h3>
    <p>Pago en efectivo en nuestras instalaciones</p>
    <p>Aceptamos todas las tarjetas de crédito y débito. MasterCard, Visa y American Express</p>
    <p>Depósito bancario a la cuenta HSBC 4037837630 a nombre de Guillermo Flores López o
      Transferencia electrónica con la CLABE 021180040378376309.</p>
      <p>Depósito bancario a la cuenta Banamex 7003 / 6762533 a nombre de Guillermo Flores López o
        Transferencia electrónica con la CLABE 002180700367625333.</p>
      </div>

      <div class="col-md-6">

        <table class="table table-striped">
          <thead>
            <tr>
              <th>Clases Sueltas</th>
            </tr>
          </thead>

          <tbody>
            @foreach($daily_prices as $price)
            <tr>
              <td>
                {{$price->name}}
              </td>
              <td>
                $ {{$price->price}}
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
        <p>

          En Artium Dance nos esforzamos continuamente porque tú tengas el mejor espacio y elementos de trabajo, contamos con:
        </p>
        <ul>
          <li>Salones de Danza Acondicionados</li>
          <li>Vestidores</li>
          <li>Cafetería</li>
          <li>3 cajones de estacionamiento</li>
        </ul>
        <hr>
        <h4>Mira nuestras instalaciones <br><small>Da click para ver cada imagen más grande</small></h4>
        <br>
        
            <div class="row thumbnails">
                            <div class="col-md-3">
                <a data-toggle="modal" href="#salonc1" class="thumbnail"><img src="/img/salong1.jpg"></a>
              </div>
                            <div class="col-md-3">
                <a data-toggle="modal" href="#salong1" class="thumbnail"><img src="/img/salong2.jpg"></a>
              </div>
                            <div class="col-md-3">
                <a data-toggle="modal" href="#salonc2" class="thumbnail"><img src="/img/salonc1.jpg"></a>
              </div>
                            <div class="col-md-3">
                <a data-toggle="modal" href="#salong2" class="thumbnail"><img src="/img/salonc2.jpg"></a>
              </div>
                            </div>
              
            <div class="row thumbnails">
                            <div class="col-md-3">
                <a data-toggle="modal" href="#cafeteria1" class="thumbnail"><img src="/img/cafeteria1.jpg"></a>
              </div>
                            <div class="col-md-3">
                <a data-toggle="modal" href="#cafeteria2" class="thumbnail"><img src="/img/cafeteria2.jpg"></a>
              </div>
              </div>
          </div>
        </div>



        
          

@stop

@section('modals')


  <!-- Modal -->
  <div class="modal fade" id="salonc1" tabindex="-1" role="dialog" aria-labelledby="galeria" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Nuestras instalaciones</h4>
        </div>
        <div class="modal-body">
          <img class="img-rounded" src="/img/salong1.jpg">
          <hr>
          <p>
            El Salón 1 es un amplio espacio que cuenta con piso de duela laminada. Se encuentra construído sobre una estructura metálica que le permite tener un rebote natural, asegurando que el impacto sobre espalda y articulaciones sea mínimo. Cuenta con barras fijas y una barra móvil, así como sistema de audio y extractor de aire para mantener un ambiente siempe fresco. La gran mayoría de clases impartidas en este espacio se hacen con calzado suave.          </p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->



  <!-- Modal -->
  <div class="modal fade" id="salong1" tabindex="-1" role="dialog" aria-labelledby="galeria" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Nuestras instalaciones</h4>
        </div>
        <div class="modal-body">
          <img class="img-rounded" src="/img/salong2.jpg">
          <hr>
          <p>
            El Salón 1 es un amplio espacio que cuenta con piso de duela laminada. Se encuentra construído sobre una estructura metálica que le permite tener un rebote natural, asegurando que el impacto sobre espalda y articulaciones sea mínimo. Cuenta con barras fijas y una barra móvil, así como sistema de audio y extractor de aire para mantener un ambiente siempe fresco. La gran mayoría de clases impartidas en este espacio se hacen con calzado suave.          </p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->



  <!-- Modal -->
  <div class="modal fade" id="salonc2" tabindex="-1" role="dialog" aria-labelledby="galeria" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Nuestras instalaciones</h4>
        </div>
        <div class="modal-body">
          <img class="img-rounded" src="/img/salonc1.jpg">
          <hr>
          <p>
            El Salón 2 es un espacio de tamaño mediano que cuenta con piso de duela laminada. Se encuentra sobre una base acojinada pero firme, lo cual permite que en él se desarrollen la gran mayoría de actividades que involucran zapateado. Cuenta con una barra móvil para un mejor aprovechamiento del espacio, así como sistema de audio. La gran mayoría de clases impartidas en este espacio se hacen con calzado duro.          </p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->



  <!-- Modal -->
  <div class="modal fade" id="salong2" tabindex="-1" role="dialog" aria-labelledby="galeria" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Nuestras instalaciones</h4>
        </div>
        <div class="modal-body">
          <img class="img-rounded" src="/img/salonc2.jpg">
          <hr>
          <p>
            El Salón 2 es un espacio de tamaño mediano que cuenta con piso de duela laminada. Se encuentra sobre una base acojinada pero firme, lo cual permite que en él se desarrollen la gran mayoría de actividades que involucran zapateado. Cuenta con una barra móvil para un mejor aprovechamiento del espacio, así como sistema de audio. La gran mayoría de clases impartidas en este espacio se hacen con calzado duro.          </p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->



  <!-- Modal -->
  <div class="modal fade" id="cafeteria1" tabindex="-1" role="dialog" aria-labelledby="galeria" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Nuestras instalaciones</h4>
        </div>
        <div class="modal-body">
          <img class="img-rounded" src="/img/cafeteria1.jpg">
          <hr>
          <p>
            En nuestra cafetería podrás disfrutar de un delicioso café y una variedad de botanas y refrigerios, así como bebidas rehidratantes, jugos, bocadillos y todo lo necesario para que puedas dar tu máximo esfuerzo en clase. Asimismo, contamos con Wi-Fi si es que necesitas revisar alguna información o tienes tiempo entre clases.          </p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->



  <!-- Modal -->
  <div class="modal fade" id="cafeteria2" tabindex="-1" role="dialog" aria-labelledby="galeria" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Nuestras instalaciones</h4>
        </div>
        <div class="modal-body">
          <img class="img-rounded" src="/img/cafeteria2.jpg">
          <hr>
          <p>
            En nuestra cafetería podrás disfrutar de un delicioso café y una variedad de botanas y refrigerios, así como bebidas rehidratantes, jugos, bocadillos y todo lo necesario para que puedas dar tu máximo esfuerzo en clase. Asimismo, contamos con Wi-Fi si es que necesitas revisar alguna información o tienes tiempo entre clases.          </p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->


@endsection