{% extends 'menu/menu.html' %}
{% load static %}

{% block title %} Reservar Servicios {% endblock %}

{% block body %}

<div class="business-container">
  <!-- Información del negocio -->
  <div class="business-info">
    <h1>Tienda de Ropa</h1>
    <div class="rating">
      <span>5.0 ★★★★★</span>
      <span>(93)</span>
      <span>Cerrado abre a las 9:00 a. m.</span>
      <span>Choluteca, San Luis</span>
    </div>
  </div>

  <!-- Galería de imágenes -->
  <div class="image-gallery">
    <div class="main-image">
      
      <img src="{% static 'app/assets/images/tienda11.png' %}">
    </div>
    <div class="side-images">
      <img src="{% static 'app/assets/images/tienda12.png' %}">
      <img src="{% static 'app/assets/images/tienda13.png' %}">
      <div class="overlay">
       
        <div class="view-more">
          <a href="#">Ver todas las imágenes</a>
        </div>
      </div>
    </div>
  </div>
  <div class="services-container">
    <!-- Barra de categorías -->
    <h3>Servicios</h3>
  
    <div class="main-content">
      <!-- Lista de servicios -->
      <div class="services-list">
        <div class="service-item">
          <div class="service-info">
            <h4>Asesoría de Imagen Personal</h4>
            <p>45 min - 55 min</p>
            <p>CAD 48</p>
          </div>
          <button class="btn-reserve">Reservar</button>
        </div>
  
        <div class="service-item">
          <div class="service-info">
            <h4>Modificaciones y Ajustes de Prendas</h4>
            <p>45 min - 55 min</p>
            <p>CAD 48</p>
          </div>
          <button class="btn-reserve">Reservar</button>
        </div>
  
        <div class="service-item">
          <div class="service-info">
            <h4>Reservas de Prendas Exclusivas</h4>
            <p>1 h y 30 min - 1 h y 45 min</p>
            <p>CAD 68</p>
          </div>
          <button class="btn-reserve">Reservar</button>
        </div>
  
        <div class="service-item">
          <div class="service-info">
            <h4>Servicio de Entrega a Domicilio</h4>
            <p>25 min &bull; 3 servicios</p>
            <p>CAD 25 <span class="discount">Ahorra un 29%</span></p>
          </div>
          <button class="btn-reserve">Reservar</button>
        </div>
      </div>
  
      <!-- Detalles del negocio -->
      <div class="business-details">
        <h3>Tienda de Ropa</h3>
        <div class="rating">
          <span>5.0 ★★★★★</span>
          <span>(93)</span>
        </div>
        <p class="status">Cerrado abre a las 9:00 a. m.</p>
        <p class="address">
          Choluteca, San Luis
          <a href="#">Cómo llegar</a>
        </p>
        <button class="btn-reserve-now">Reservar ahora</button>
  
        <div class="gift-card">
          <p>Tarjetas regalo</p>
          <p>Date un lujo o haz un regalo a un amigo.</p>
          <button class="btn-buy">Comprar</button>
        </div>
      </div>
    </div>
  </div>
  
</div>


{% endblock %}
{% block scripts %}
<script>

</script>
{% endblock %}