nuova app caricata per test

Dockerfile

@@ -30,7 +30,7 @@ COPY --chown=user . $HOME/app
 # Espone la porta 5000
 EXPOSE 5000
 
-# CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]
 CMD ["gunicorn", "-b", "0.0.0.0:7860", "app:app"]
 # CMD ["flask", "run", "--host=0.0.0.0"]
 # CMD ["python", "-m", "flask", "run", "--host=0.0.0.0"]
+# CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]

_old_app/app.py

@@ -0,0 +1,118 @@
+import os
+from flask import Flask, render_template, request, session, redirect, flash, url_for, jsonify
+from flask_sqlalchemy import SQLAlchemy
+from markupsafe import escape
+
+BASE_DIR_PATH = os.path.abspath(os.path.dirname(__file__))
+DATABASE_PATH = os.path.join(BASE_DIR_PATH, 'db.sqlite3')
+
+app = Flask(__name__)
+app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///'+DATABASE_PATH
+app.config['SECRET_KEY'] = 'mysecretkey'
+db = SQLAlchemy(app)
+
+class Utente(db.Model):
+    __tablename__ = 'utente'
+    id = db.Column(db.Integer, primary_key=True, autoincrement=True)
+    nickname = db.Column(db.String(80), unique=True, nullable=False)
+    username = db.Column(db.String(80), unique=True, nullable=False)
+    password = db.Column(db.String(30), nullable=False)
+    # messaggi = db.relationship('Messaggio', backref=db.backref('utente', lazy='dynamic'))
+    # --- OR ---
+    messaggi = db.relationship('Messaggio', back_populates='utente', lazy='dynamic')
+
+class Messaggio(db.Model):
+    __tablename__ = 'messaggio'
+    id = db.Column(db.Integer, primary_key=True)
+    user_id = db.Column(db.Integer, db.ForeignKey('utente.id'), nullable=False)
+    messaggio = db.Column(db.Text, nullable=False)
+    timestamp = db.Column(db.DateTime, default=db.func.now(), nullable=False)
+    # utente = db.relationship('Utente', backref=db.backref('messaggi', lazy='dynamic'))
+    # --- OR ---
+    utente = db.relationship('Utente', back_populates='messaggi')
+
+
+@app.route('/')
+def home():
+    if 'user_id' in session:
+        utente = db.session.query(Utente).get(session['user_id'])
+        return render_template('home.html', user=utente)
+    return render_template('home.html')
+
+
+@app.route('/guestbook')
+def guestbook():
+    if 'user_id' not in session:
+        return redirect(url_for('login'))
+    return render_template('guestbook.html')
+
+@app.route('/api/guestbook', methods=['GET', 'POST'])
+def api_guestbook():
+    if 'user_id' not in session:
+        return jsonify({'error': 'Accesso non autorizzato.'}), 401
+
+    if request.method == 'POST':
+        messaggio = request.json.get('messaggio')
+        if not messaggio:
+            return jsonify({'error': 'Il messaggio non può essere vuoto!'}), 400
+        new_message = Messaggio(user_id=session['user_id'], messaggio=escape(messaggio))
+        db.session.add(new_message)
+        db.session.commit()
+        return jsonify({'success': True}), 201
+
+    messages = Messaggio.query.order_by(Messaggio.timestamp.desc()).all()
+    response = [
+        {'nickname': message.utente.nickname, 'messaggio': message.messaggio} 
+        for message in messages
+    ]
+    return jsonify(response), 200
+
+
+
+@app.route('/signup', methods=['GET', 'POST'])
+def signup():
+    if request.method == 'POST':
+        nickname = request.form.get('nickname')
+        username = request.form.get('username')
+        password = request.form.get('password')
+        if not nickname or not username or not password:
+            flash('Tutti i campi sono obbligatori!')
+            return redirect(url_for('signup'))
+        if Utente.query.filter_by(username=username).first() or Utente.query.filter_by(nickname=nickname).first():
+            flash("Il nickname o l'username sono già in uso!")
+            return redirect(url_for('signup'))
+        new_user = Utente(nickname=nickname, username=username, password=password)
+        db.session.add(new_user)
+        db.session.commit()
+        flash('Registrazione effettuata con successo!')
+        return redirect(url_for('login'))
+    return render_template('signup.html')
+
+
+@app.route('/login', methods=['GET', 'POST'])
+def login():
+    if request.method == 'POST':
+        username = request.form['username']
+        password = request.form['password']
+        utente = Utente.query.filter_by(username=username, password=password).first()
+        if utente:
+            session['user_id'] = utente.id
+            flash('Login riuscito!')
+            return redirect(url_for('guestbook'))
+        else:
+            flash('Credenziali non valide!')
+            return redirect(url_for('login'))
+    return render_template('login.html')
+
+@app.route('/logout')
+def logout():
+    session.pop('user_id', None)
+    flash('Logout effettuato con successo!')
+    return redirect(url_for('home'))
+
+with app.app_context():
+    db.create_all()
+
+if __name__ == '__main__':
+
+    app.run(host="0.0.0.0", port=7860)

_old_app/requirements.txt

@@ -0,0 +1,3 @@
+Flask
+Flask-SQLAlchemy
+gunicorn

_old_app/templates/login.html

@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login</title>
+</head>
+
+<body>
+    <h2>Login</h2>
+
+    <form method="POST" action="/login">
+        <label for="username">Username:</label>
+        <input type="text" id="username" name="username" required><br>
+        <label for="password">Password:</label>
+        <input type="password" id="password" name="password" required><br>
+        <button type="submit">Login</button>
+    </form>
+
+    <!-- Mostra i messaggi flash -->
+    {% include 'includes/flash.html' %}
+
+</body>
+
+</html>

app.py

@@ -1,118 +1,199 @@
-import os
-from flask import Flask, render_template, request, session, redirect, flash, url_for, jsonify
-from flask_sqlalchemy import SQLAlchemy
-from markupsafe import escape
-
-BASE_DIR_PATH = os.path.abspath(os.path.dirname(__file__))
-DATABASE_PATH = os.path.join(BASE_DIR_PATH, 'db.sqlite3')
+from flask import Flask, render_template, jsonify, request, redirect, url_for, session, flash
+from models import User, Lotto, Prenotazione, db
+from populate_db import init_db
+from settings import DATABASE_PATH
 
 app = Flask(__name__)
-app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///'+DATABASE_PATH
-app.config['SECRET_KEY'] = 'mysecretkey'
-db = SQLAlchemy(app)
-
-class Utente(db.Model):
-    __tablename__ = 'utente'
-    id = db.Column(db.Integer, primary_key=True, autoincrement=True)
-    nickname = db.Column(db.String(80), unique=True, nullable=False)
-    username = db.Column(db.String(80), unique=True, nullable=False)
-    password = db.Column(db.String(30), nullable=False)
-    # messaggi = db.relationship('Messaggio', backref=db.backref('utente', lazy='dynamic'))
-    # --- OR ---
-    messaggi = db.relationship('Messaggio', back_populates='utente', lazy='dynamic')
-
-class Messaggio(db.Model):
-    __tablename__ = 'messaggio'
-    id = db.Column(db.Integer, primary_key=True)
-    user_id = db.Column(db.Integer, db.ForeignKey('utente.id'), nullable=False)
-    messaggio = db.Column(db.Text, nullable=False)
-    timestamp = db.Column(db.DateTime, default=db.func.now(), nullable=False)
-    # utente = db.relationship('Utente', backref=db.backref('messaggi', lazy='dynamic'))
-    # --- OR ---
-    utente = db.relationship('Utente', back_populates='messaggi')
 
+app.config.update(
+    SECRET_KEY='my_very_secret_key123',
+    SQLALCHEMY_DATABASE_URI='sqlite:///'+DATABASE_PATH,
+    # SQLALCHEMY_TRACK_MODIFICATIONS=False,
+    # DEBUG=True
+)
+
+db.init_app(app)
 
 @app.route('/')
 def home():
-    if 'user_id' in session:
-        utente = db.session.query(Utente).get(session['user_id'])
-        return render_template('home.html', user=utente)
-    return render_template('home.html')
-
+    return render_template('index.html')
 
-@app.route('/guestbook')
-def guestbook():
+@app.route('/prenotazioni')
+def prenotazioni():
     if 'user_id' not in session:
         return redirect(url_for('login'))
-    return render_template('guestbook.html')
+    return render_template('prenotazioni.html')
 
-@app.route('/api/guestbook', methods=['GET', 'POST'])
-def api_guestbook():
-    if 'user_id' not in session:
-        return jsonify({'error': 'Accesso non autorizzato.'}), 401
+@app.route('/api/dati_lotti')
+def get_dati_lotti():
+    # Esegui la query per ottenere tutti i lotti in ordine di data
+    lotti = Lotto.query.order_by(Lotto.data_consegna).all()
+    lotti_data = []
+    for lotto in lotti:  # Model objects
+        lotti_data.append(lotto.to_dict())
+    print(lotti_data)
+    return jsonify(lotti_data)
 
-    if request.method == 'POST':
-        messaggio = request.json.get('messaggio')
-        if not messaggio:
-            return jsonify({'error': 'Il messaggio non può essere vuoto!'}), 400
-        new_message = Messaggio(user_id=session['user_id'], messaggio=escape(messaggio))
-        db.session.add(new_message)
-        db.session.commit()
-        return jsonify({'success': True}), 201
 
-    messages = Messaggio.query.order_by(Messaggio.timestamp.desc()).all()
-    response = [
-        {'nickname': message.utente.nickname, 'messaggio': message.messaggio} 
-        for message in messages
-    ]
-    return jsonify(response), 200
+@app.route('/api/dati_prenotazioni')
+def get_dati_prenotazioni():
+    if 'user_id' not in session:
+        return redirect(url_for('login'))
+    # Esegui la query per ottenere tutte le prenotazioni dell'utente loggato
+    # in ordine di data del lotto
+    # prenotazioni_user = Prenotazione.query.filter(Prenotazione.user_id == session['user_id'])
+    # prenotazioni = prenotazioni_user.join(Lotto).order_by(Lotto.data_consegna).all()
+
+    # Oppure, sfruttando la relazione tra Utente e Prenotazione con lazy='dynamic':
+    utente = db.session.get(User, session['user_id'])
+    prenotazioni = utente.prenotazioni.join(Lotto).order_by(Lotto.data_consegna).all()
+
+    prenotazioni_data = []
+    for prenot in prenotazioni:
+        # prenotazione_data = {
+        #     'prenotazione_id': prenot.id,
+        #     'qta': prenot.qta,
+        #     'prezzoTotale': prenot.get_prezzo_totale_str(),
+        #     'lotto': {
+        #         'lotto_id': prenot.lotto.id,
+        #         'dataConsegna': prenot.lotto.get_date(),
+        #         'qtaUnitaMisura': prenot.lotto.qta_unita_misura,
+        #         'qtaLotto': prenot.lotto.qta_lotto,
+        #         'qtaDisponibile': prenot.lotto.get_qta_disponibile(),
+        #         'prezzoUnitario': prenot.lotto.get_prezzo_str(),
+        #         'sospeso': prenot.lotto.sospeso,
+        #         'prodotto': {
+        #             'prodotto_id': prenot.lotto.prodotto.id,
+        #             'nome': prenot.lotto.prodotto.nome,
+        #             'produttore': {
+        #                 'produttore_id': prenot.lotto.prodotto.produttore.id,
+        #                 'nome': prenot.lotto.prodotto.produttore.nome,
+        #                 'descrizione': prenot.lotto.prodotto.produttore.descrizione,
+        #                 'indirizzo': prenot.lotto.prodotto.produttore.indirizzo,
+        #                 'telefono': prenot.lotto.prodotto.produttore.telefono,
+        #                 'email': prenot.lotto.prodotto.produttore.email,
+        #             }
+        #         }
+        #     }
+        # }
+        # prenotazioni_data.append(prenotazione_data)
+        prenotazioni_data.append(prenot.to_dict())
+
+    return jsonify(prenotazioni_data)
+
+
+@app.route('/prenotazione/<int:lotto_id>', methods=['GET', 'POST'])
+def prenotazione(lotto_id):
+    if 'user_id' not in session:
+        return redirect(url_for('login'))
 
+    lotto = db.session.get(Lotto, lotto_id)
 
+    # Cerca se esiste già una prenotazione per il lotto e l'utente loggato
+    prenotazione_esistente = Prenotazione.query.filter_by(
+        lotto_id=lotto_id, user_id=session['user_id']).first()
 
-@app.route('/signup', methods=['GET', 'POST'])
-def signup():
     if request.method == 'POST':
-        nickname = request.form.get('nickname')
-        username = request.form.get('username')
-        password = request.form.get('password')
-        if not nickname or not username or not password:
-            flash('Tutti i campi sono obbligatori!')
-            return redirect(url_for('signup'))
-        if Utente.query.filter_by(username=username).first() or Utente.query.filter_by(nickname=nickname).first():
-            flash("Il nickname o l'username sono già in uso!")
-            return redirect(url_for('signup'))
-        new_user = Utente(nickname=nickname, username=username, password=password)
-        db.session.add(new_user)
-        db.session.commit()
-        flash('Registrazione effettuata con successo!')
-        return redirect(url_for('login'))
-    return render_template('signup.html')
+        azione = request.form.get('azione')
+        quantita = int(request.form.get('quantita'), 0)
+        qta_disponibile = lotto.get_qta_disponibile()
+
+        if quantita <= 0:
+            flash('Quantità non valida. Inserire un numero maggiore di 0.', 'danger')
+            return render_template('prenotazione.html', azione=azione, lotto=lotto, quantita=1,
+                                   prenotazione_esistente=prenotazione_esistente)
+
+        if azione == 'aggiornaPrenotazione':
+            if not prenotazione_esistente:
+                raise ValueError('Prenotazione non esistente.')
+            if quantita > qta_disponibile + prenotazione_esistente.qta:
+                flash('La quantità richiesta supera quella disponibile.', 'danger')
+                return render_template('prenotazione.html', azione=azione, lotto=lotto, quantita=quantita,
+                                       prenotazione_esistente=prenotazione_esistente)
+            
+            prenotazione_esistente.qta = quantita
+            db.session.commit()
+            flash(f'Prenotazione di "{lotto.prodotto.nome}" aggiornata a {quantita} {lotto.qta_unita_misura}.', 'success')
+        
+        elif azione == 'nuovaPrenotazione':
+            if quantita > qta_disponibile:
+                flash('La quantità richiesta supera quella disponibile.', 'danger')
+                return render_template('prenotazione.html', azione=azione, lotto=lotto, quantita=quantita,
+                                       prenotazione_esistente=prenotazione_esistente)
+
+            if prenotazione_esistente:
+                prenotazione_esistente.qta += quantita
+                db.session.commit()
+                flash(f'Aggiunti {quantita} {lotto.qta_unita_misura} alla prenotazione preesistente di "{lotto.prodotto.nome}".', 'success')
+            else:
+                prenotazione = Prenotazione(
+                    user_id=session['user_id'],
+                    lotto_id=lotto_id,
+                    qta=quantita
+                )
+                db.session.add(prenotazione)
+                db.session.commit()
+                flash(f'Prenotazione di {quantita} {lotto.qta_unita_misura} di "{lotto.prodotto.nome}" effettuata con successo!', 'success')
+        
+        elif azione == 'eliminaPrenotazione':
+            if not prenotazione_esistente:
+                raise ValueError('Prenotazione non esistente.')
+            db.session.delete(prenotazione_esistente)
+            db.session.commit()
+            flash('Prenotazione eliminata con successo.', 'warning')
+
+        else:
+            raise ValueError('Azione non implementata.')
+        
+        return redirect(url_for('prenotazioni'))
+    
+    else:  # GET request
+        # Legge il parametro GET 'action' dalla URL
+        azione = request.args.get('azione')
+        if azione == 'aggiornaPrenotazione':
+            if prenotazione_esistente:
+                quantita = prenotazione_esistente.qta
+            else:
+                raise ValueError('Prenotazione non esistente.')
+        elif azione == 'nuovaPrenotazione':
+            quantita = 1
+            # if prenotazione_esistente:
+            #     azione = 'aggiungiPrenotazione'
+        elif azione == 'eliminaPrenotazione':
+            ...
+            raise ValueError('Azione non implementata con GET.')
+        else:
+            raise ValueError('Azione non valida.')
+
+        return render_template('prenotazione.html',
+                               azione=azione, lotto=lotto, quantita=quantita,
+                               prenotazione_esistente=prenotazione_esistente)
 
 
 @app.route('/login', methods=['GET', 'POST'])
 def login():
     if request.method == 'POST':
-        username = request.form['username']
+        email = request.form['email']
         password = request.form['password']
-        utente = Utente.query.filter_by(username=username, password=password).first()
-        if utente:
-            session['user_id'] = utente.id
-            flash('Login riuscito!')
-            return redirect(url_for('guestbook'))
+        user = User.query.filter_by(email=email).first()
+
+        if user and user.password == password:
+            session['user_id'] = user.id
+            flash(f'Login riuscito. Benvenuto {user.nome}!', 'success')
+            return redirect(url_for('prenotazioni'))
         else:
-            flash('Credenziali non valide!')
-            return redirect(url_for('login'))
+            flash('Login non riuscito. Controlla email e password.', 'danger')
+
     return render_template('login.html')
 
+
 @app.route('/logout')
 def logout():
     session.pop('user_id', None)
-    flash('Logout effettuato con successo!')
-    return redirect(url_for('home'))
+    return redirect(url_for('login'))
 
-with app.app_context():
-    db.create_all()
 
 if __name__ == '__main__':
-
-    app.run(host="0.0.0.0", port=7860)
+    with app.app_context():
+        init_db()
+    app.run(debug=True)

avvio_server_flask.ipynb

@@ -0,0 +1,67 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## 1. Installazione di Python\n",
+    "\n",
+    "1. Vai alla pagina di download ufficiale di Python per Windows: [Python Releases for Windows](https://www.python.org/downloads/windows/).\n",
+    "\n",
+    "2. Trova la versione di Python che desideri utilizzare (ad esempio, **Python 3.12**).\n",
+    "\n",
+    "3. Fai clic sul link corrispondente al tuo sistema (64-bit o 32-bit) per scaricare il file eseguibile dell'installer di Python.\n",
+    "\n",
+    "Una volta scaricato, esegui l'installer e segui le istruzioni della procedura guidata mantenendo le impostazioni predefinite."
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## 2. Installazione di Flask e Flask-SQLAlchemy\n",
+    "\n",
+    "1. Apri il terminale o il prompt dei comandi e digita il seguente comando per installare Flask:\n",
+    "\n",
+    "```cmd\n",
+    "> py -m pip install Flask\n",
+    "> py -m pip install Flask-SQLAlchemy\n",
+    "```\n",
+    "\n",
+    "Questo installerà Flask e Flask-SQLAlchemy nel tuo ambiente Python."
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## 3. Avvio dell'applicazione\n",
+    "\n",
+    "### Con Run di VS Code\n",
+    "\n",
+    "1. Apri il file `app.py` dall'IDE.\n",
+    "\n",
+    "2. Esegui il file `app.py` con il comando \"Run\" dell'IDE.\n",
+    "\n",
+    "### Da terminale\n",
+    "\n",
+    "1. Apri il terminale o il prompt dei comandi e naviga nella directory in cui si trova il file `app.py`.\n",
+    "\n",
+    "2. Digita il seguente comando per avviare l'applicazione Flask:\n",
+    "  ```\n",
+    "  > py app.py\n",
+    "  ```\n",
+    "  Questo avvierà l'applicazione e ti mostrerà l'URL locale (di solito `http://127.0.0.1:5000/`).\n",
+    "\n",
+    "3.  Apri il tuo browser e visita l'URL indicato. Dovresti vedere l'applicazione Flask in esecuzione."
+   ]
+  }
+ ],
+ "metadata": {
+  "language_info": {
+   "name": "python"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}

models.py

@@ -0,0 +1,114 @@
+import locale
+from flask_sqlalchemy import SQLAlchemy
+from sqlalchemy_serializer import SerializerMixin
+
+locale.setlocale(locale.LC_TIME, 'it_IT')
+
+db = SQLAlchemy()
+
+class User(db.Model, SerializerMixin):
+    __tablename__ = 'users'
+    id = db.mapped_column(db.Integer(), primary_key=True)
+    cognome = db.mapped_column(db.String(50), nullable=False)
+    nome = db.mapped_column(db.String(50), nullable=False)
+    telefono = db.mapped_column(db.String(20), nullable=False)
+    email = db.mapped_column(db.String(50), unique=True, nullable=False)
+    password = db.mapped_column(db.String(30), nullable=False)
+    # -- RELATIONSHIPS --
+    prenotazioni = db.relationship('Prenotazione', back_populates='user', lazy='dynamic')
+
+    serialize_rules = ('-prenotazioni.user',)
+
+
+class Produttore(db.Model, SerializerMixin):
+    __tablename__ = 'produttori'
+    id = db.mapped_column(db.Integer(), primary_key=True)
+    nome = db.mapped_column(db.String(100), nullable=False)
+    descrizione = db.mapped_column(db.Text(), nullable=False)
+    indirizzo = db.mapped_column(db.Text(), nullable=False)
+    telefono = db.mapped_column(db.String(20), nullable=False)
+    email = db.mapped_column(db.String(50), nullable=False)
+    # -- RELATIONSHIPS --
+    prodotti = db.relationship('Prodotto', back_populates='produttore')
+
+    serialize_rules = ('-prodotti.produttore',)
+
+
+class Prodotto(db.Model, SerializerMixin):
+    __tablename__ = 'prodotti'
+    id = db.mapped_column(db.Integer(), primary_key=True)
+    produttore_id = db.mapped_column(db.Integer(), db.ForeignKey('produttori.id'), nullable=False)
+    nome = db.mapped_column(db.String(50), nullable=False)
+    # -- RELATIONSHIPS --
+    produttore = db.relationship('Produttore', back_populates='prodotti')
+    lotti = db.relationship('Lotto', back_populates='prodotto')
+    
+    serialize_rules = ('-produttore.prodotti', '-lotti.prodotto')
+
+
+class Lotto(db.Model, SerializerMixin):
+    __tablename__ = 'lotti'
+    id = db.mapped_column(db.Integer(), primary_key=True)
+    prodotto_id = db.mapped_column(db.Integer(), db.ForeignKey('prodotti.id'), nullable=False)
+    data_consegna = db.mapped_column(db.Date(), nullable=False)
+    qta_unita_misura = db.mapped_column(db.String(10), nullable=False)
+    qta_lotto = db.mapped_column(db.Integer(), nullable=False)
+    prezzo_unitario = db.mapped_column(db.Float(), nullable=False)
+    sospeso = db.mapped_column(db.Boolean(), default=False)
+    # -- RELATIONSHIPS --
+    prodotto = db.relationship('Prodotto', back_populates='lotti')
+    prenotazioni = db.relationship('Prenotazione', back_populates='lotto')
+
+    serialize_rules = ('-prodotto.lotti', '-prenotazioni.lotto', 'get_qta_disponibile', 'get_date', 'get_prezzo_str')
+
+    def get_qta_disponibile(self):
+        qta_prenotata = sum(prenotazione.qta for prenotazione in self.prenotazioni)
+        return self.qta_lotto - qta_prenotata
+    
+    def get_date(self):
+        return self.data_consegna.strftime('%A %d/%m/%Y')
+    
+    def get_prezzo_str(self):
+        return f'{self.prezzo_unitario:.2f} €/{self.qta_unita_misura}'
+
+class Prenotazione(db.Model, SerializerMixin):
+    __tablename__ = 'prenotazioni'
+    id = db.mapped_column(db.Integer(), primary_key=True)
+    user_id = db.mapped_column(db.Integer(), db.ForeignKey('users.id'), nullable=False)
+    lotto_id = db.mapped_column(db.Integer(), db.ForeignKey('lotti.id'), nullable=False)
+    qta = db.mapped_column(db.Integer, nullable=False)
+    # -- RELATIONSHIPS --
+    user = db.relationship('User', back_populates='prenotazioni')
+    lotto = db.relationship('Lotto', back_populates='prenotazioni')  # , order_by='Lotto.data_consegna')
+
+    serialize_rules = ('-user.prenotazioni', '-lotto.prenotazioni', 'get_prezzo_totale_str')
+
+
+    __table_args__ = (
+        db.UniqueConstraint('user_id', 'lotto_id', name='user_id_lotto_id_uniq'),
+    )
+
+    @db.validates('qta')
+    def validate_qta(self, key, qta):
+        if qta <= 0:
+            raise ValueError('La quantità deve essere maggiore di zero.')
+        
+        # Per usare questo, va rivisto lo script di inizializzazione del DB
+        # altre_prenotazioni = Prenotazione.query.filter(
+        #     Prenotazione.lotto_id == self.lotto_id,
+        #     Prenotazione.id != self.id
+        # ).all()
+        # qta_gia_prenotata = sum(prenotazione.qta for prenotazione in altre_prenotazioni)
+        # lotto = db.session.query(Lotto).get(self.lotto_id)
+        # if qta_gia_prenotata + qta > lotto.qta_lotto:
+        #     raise ValueError('Quantità non disponibile!')
+
+        # lotto = db.session.query(Lotto).get(self.lotto_id)
+        # if lotto.sospeso:
+        #     raise ValueError('Il lotto è sospeso!')
+        
+        return qta
+
+    def get_prezzo_totale_str(self):
+        prezzo = self.qta * self.lotto.prezzo_unitario
+        return f'€ {prezzo:.2f}'

populate_db.py

@@ -0,0 +1,64 @@
+from datetime import datetime
+from models import db, Produttore, Prodotto, Lotto, User, Prenotazione
+
+def init_db():
+
+    db.create_all()
+
+    if not User.query.first():
+
+        # Inserisci dati iniziali nelle tabelle
+        produttori = [
+            Produttore(nome='Cascina della Civetta', descrizione='Produttore di olio e frutta secca', indirizzo='Via Cavour 12, Ugento (LE)', telefono='0172 123456', email='[email protected]'),
+            Produttore(nome='Universo Bio', descrizione='Prodotti biologici', indirizzo='Via Garibaldi 2, Melle', telefono='011 9876543', email='[email protected]'),
+            Produttore(nome='Fattoria del Sole', descrizione='Prodotti tipici', indirizzo='Via Roma 1, Cuneo', telefono='0171 987654', email='[email protected]'),
+            Produttore(nome='Azienda Agricola La Quiete', descrizione='Frutta e verdura', indirizzo='Via Torino 3, Alba', telefono='0173 987654', email='[email protected]'),
+        ]
+
+        prodotti = [
+            Prodotto(produttore_id=1, nome='Olio extravergine di oliva Bio'),
+            Prodotto(produttore_id=1, nome='Mele Golden'),
+            Prodotto(produttore_id=2, nome='Farina di grano tenero'),
+            Prodotto(produttore_id=2, nome='Miele di acacia Bio'),
+            Prodotto(produttore_id=3, nome='Riso Originario integrale'),
+            Prodotto(produttore_id=3, nome='Formaggio Toma'),
+            Prodotto(produttore_id=4, nome='Zucchine novelle'),
+        ]
+
+        lotti = [
+            Lotto(prodotto_id=1, data_consegna=datetime.strptime('2024-06-27', '%Y-%m-%d'), qta_unita_misura='L', qta_lotto=100, prezzo_unitario=8.50, sospeso=False),
+            Lotto(prodotto_id=1, data_consegna=datetime.strptime('2024-07-29', '%Y-%m-%d'), qta_unita_misura='L', qta_lotto=500, prezzo_unitario=8.50, sospeso=False),
+            Lotto(prodotto_id=2, data_consegna=datetime.strptime('2024-07-28', '%Y-%m-%d'), qta_unita_misura='Kg', qta_lotto=200, prezzo_unitario=2.50, sospeso=True),
+            Lotto(prodotto_id=2, data_consegna=datetime.strptime('2024-07-30', '%Y-%m-%d'), qta_unita_misura='Kg', qta_lotto=100, prezzo_unitario=2.50, sospeso=False),
+            Lotto(prodotto_id=3, data_consegna=datetime.strptime('2024-07-27', '%Y-%m-%d'), qta_unita_misura='Kg', qta_lotto=100, prezzo_unitario=2.00, sospeso=False),
+            Lotto(prodotto_id=3, data_consegna=datetime.strptime('2024-07-29', '%Y-%m-%d'), qta_unita_misura='Kg', qta_lotto=50, prezzo_unitario=2.00, sospeso=False),
+            Lotto(prodotto_id=4, data_consegna=datetime.strptime('2024-07-28', '%Y-%m-%d'), qta_unita_misura='Kg', qta_lotto=200, prezzo_unitario=5.00, sospeso=True),
+            Lotto(prodotto_id=4, data_consegna=datetime.strptime('2024-07-30', '%Y-%m-%d'), qta_unita_misura='Kg', qta_lotto=100, prezzo_unitario=5.00, sospeso=False),
+            Lotto(prodotto_id=5, data_consegna=datetime.strptime('2024-07-27', '%Y-%m-%d'), qta_unita_misura='Kg', qta_lotto=100, prezzo_unitario=3.00, sospeso=False),
+        ]
+
+        users = [
+            User(cognome='Rossi', nome='Paolo', telefono=   '3304953849', email='[email protected]', password='pwd123'),
+            User(cognome='Bianchi', nome='John', telefono=  '3245903845', email='[email protected]', password='pwd321'),
+            User(cognome='Verdi', nome='Giuseppe', telefono='3456748567', email='[email protected]', password='pwd456'),
+            User(cognome='Neri', nome='Francesca', telefono='3834565646', email='[email protected]', password='pwd654'),
+            User(cognome='Bruni', nome='Carla', telefono=   '3347866223', email='[email protected]', password='pwd789'),
+        ] 
+
+        prenotazioni = [
+            Prenotazione(user_id=1, lotto_id=1, qta=2),
+            Prenotazione(user_id=2, lotto_id=2, qta=1),
+            Prenotazione(user_id=3, lotto_id=3, qta=3),
+            Prenotazione(user_id=4, lotto_id=4, qta=2),
+            Prenotazione(user_id=5, lotto_id=5, qta=1),
+            Prenotazione(user_id=1, lotto_id=6, qta=2),
+            Prenotazione(user_id=2, lotto_id=7, qta=1),
+            Prenotazione(user_id=3, lotto_id=8, qta=3),
+            Prenotazione(user_id=4, lotto_id=9, qta=2),
+        ]
+
+        db.session.bulk_save_objects(produttori + prodotti + lotti + users + prenotazioni)
+        db.session.commit()
+
+if __name__ == '__main__':
+    init_db()

requirements.txt

@@ -1,3 +1,3 @@
 Flask
 Flask-SQLAlchemy
-gunicorn
+sqlalchemy-serializer

settings.py

@@ -0,0 +1,5 @@
+import os
+
+BASE_DIR_PATH = os.path.abspath(os.path.dirname(__file__))
+
+DATABASE_PATH = os.path.join(BASE_DIR_PATH, 'db.sqlite3')

static/data/esempio_res_repliche.json

@@ -0,0 +1,92 @@
+[
+    {
+        "CodReplica": 1,
+        "Evento": {
+            "CodEvento": 1,
+            "NomeEvento": "Concerto di Chopin",
+            "Locale": {
+                "CodLocale": 1,
+                "Nome": "Music Lounge",
+                "Luogo": "Ponte3-Piano2",
+                "Posti": 150
+            }
+        },        
+        "DataEOra": "27-07-2020-20:30:00",
+        "Annullato": false
+    },
+    {
+        "CodReplica": 2,
+        "Evento": {
+            "CodEvento": 1,
+            "NomeEvento": "Concerto di Chopin",
+            "Locale": {
+                "CodLocale": 1,
+                "Nome": "Music Lounge",
+                "Luogo": "Ponte3-Piano2",
+                "Posti": 150
+            }
+        },
+        "DataEOra": "28-07-2020-20:30:00",
+        "Annullato": false
+    },
+    {
+        "CodReplica": 3,
+        "Evento": {
+            "CodEvento": 1,
+            "NomeEvento": "Concerto di Chopin",
+            "Locale": {
+                "CodLocale": 1,
+                "Nome": "Music Lounge",
+                "Luogo": "Ponte3-Piano2",
+                "Posti": 150
+            }
+        },
+        "DataEOra": "29-07-2020-20:30:00",
+        "Annullato": false
+    },
+    {
+        "CodReplica": 4,
+        "Evento": {
+            "CodEvento": 2,
+            "NomeEvento": "Beethoven sul mare",
+            "Locale": {
+                "CodLocale": 1,
+                "Nome": "Music Lounge",
+                "Luogo": "Ponte3-Piano2",
+                "Posti": 150
+            }
+        },
+        "DataEOra": "01-08-2020-20:30:00",
+        "Annullato": false
+    },
+    {
+        "CodReplica": 5,
+        "Evento": {
+            "CodEvento": 3,
+            "NomeEvento": "Il ventaglio - Goldoni",
+            "Locale": {
+                "CodLocale": 2,
+                "Nome": "Teatro",
+                "Luogo": "Ponte8-Piano3",
+                "Posti": 350
+            }
+        },
+        "DataEOra": "30-07-2020-21:00:00",
+        "Annullato": false
+    },  
+    {
+        "CodReplica": 6,
+        "Evento": {
+            "CodEvento": 4,
+            "NomeEvento": "Pool Brunch Party",
+            "Locale": {
+                "CodLocale": 4,
+                "Nome": "Piscina",
+                "Luogo": "Ponte5-Piano9",
+                "Posti": 150
+            }
+        },
+        "DataEOra": "27-07-2020-21:00:00",
+        "Annullato": true
+    }
+]

static/scripts/load_lotti.js

@@ -0,0 +1,63 @@
+// elementi pagina
+const rowLotti = document.querySelector('#row-lotti');
+
+onLoad();
+
+function onLoad() {
+
+    // eseguo la chiamata per ottenere i Lotti
+    // select dei Lotti con in join Prodotti e join con Produttori 
+
+    const urlLotti = '/api/dati_lotti';
+
+    fetch(urlLotti).then(res => res.json()).then(data => {
+        console.log(data);
+
+        for(lotto of data) {
+
+            let renderPrenota = '';
+            if (lotto.sospeso) {
+                renderPrenota = '<a href="#" class="btn btn-danger disabled w-100">Sospeso</a>';                
+            } else if (lotto.get_qta_disponibile == 0) {
+                renderPrenota = '<a href="#" class="btn btn-danger disabled w-100">Esaurito</a>';                
+            } else {
+                renderPrenota = `<a href="/prenotazione/${lotto.id}?azione=nuovaPrenotazione" class="btn btn-primary w-100">Prenota</a>`;
+            }
+
+            rowLotti.innerHTML += `
+            <div class="col-lg-3 mb-3">
+                <div class="card mb-3 w-100 h-100">
+                    <div class="card-header">
+                        <h4 class="card-title">
+                            ${lotto.prodotto.nome}
+                        </h4>
+                        <div class="text-end"><small>(cod. lotto ${lotto.id})</small></div>
+                    </div>
+                    <div class="card-body d-flex flex-column">
+                        <p class="card-text">
+                            <small>Disponibile da:</small> <b>${lotto.get_date}</b>
+                        </p>
+                        <p class="card-text">
+                            <small>Prodotto da:</small> <b>${lotto.prodotto.produttore.nome}</b>
+                        </p>
+                        <p class="card-text">
+                            <small>Prezzo:</small> <b>${lotto.get_prezzo_str}</b>
+                        </p>   
+                        <p class="card-text">
+                            <small>Q.tà totale lotto:</small> <b>${lotto.qta_lotto}</b>
+                        </p>
+                        <p class="card-text">
+                            <small>Q.tà disponibile:</small> <b>${lotto.get_qta_disponibile}</b>
+                        </p>
+                        <div class="mt-auto">
+                            ${renderPrenota}
+                        </div>
+                    </div>
+                </div>
+            </div>
+            `;
+        }
+
+    });
+
+}

static/scripts/load_prenotazioni.js

@@ -0,0 +1,71 @@
+// elementi pagina
+const rowPrenotazioni = document.querySelector('#row-prenotazioni');
+
+onLoad();
+
+function onLoad() {
+
+    // eseguo la chiamata per ottenere le prenotazioni
+    // select delle Prenotazioni con in join Lotti, join con Prodotti e join con Produttori 
+
+    const urlPrenotazioni = '/api/dati_prenotazioni';
+
+    fetch(urlPrenotazioni).then(res => res.json()).then(data => {
+        console.log(data);
+
+        if (data.length == 0) {
+            rowPrenotazioni.innerHTML = `<p>Non hai ancora effettuato prenotazioni, <a href="/">scopri i prodotti disponibili</a>!</p>`;
+        }          
+
+        for(prenot of data) {
+
+            let renderModifica = '';
+            if(!prenot.lotto.sospeso) {
+                renderModifica = `<a href="/prenotazione/${prenot.lotto.id}?azione=aggiornaPrenotazione" class="btn btn-primary w-100">Modifica prenotazione</a>`;
+            } else {
+                renderModifica = '<a href="#" class="btn btn-danger disabled">Annullato</a>';                
+            }
+
+            rowPrenotazioni.innerHTML += `
+            <div class="col-lg-3 mb-3">
+                <div class="card mb-3 w-100 h-100">
+                    <div class="card-header">
+                        <h4 class="card-title">
+                            ${prenot.lotto.prodotto.nome}
+                        </h4>
+                        <div class="text-end"><small>(cod. lotto ${prenot.lotto.id})</small></div>
+                    </div>
+                    <div class="card-body d-flex flex-column">
+                        <p class="card-text">
+                            <small>Disponibile da:</small> <b>${prenot.lotto.get_date}</b>
+                        </p>
+                        <p class="card-text">
+                            <small>Prodotto da:</small> <b>${prenot.lotto.prodotto.produttore.nome}</b>
+                        </p>
+                        <p class="card-text">
+                            <small>Prezzo:</small> <b>${prenot.lotto.prezzo_unitario}</b>
+                        </p>
+                        <p class="card-text">
+                            <small>Q.tà totale lotto:</small> <b>${prenot.lotto.qta_lotto}</b>
+                        </p> 
+                        <p class="card-text">
+                            <small>Q.tà disponibile:</small> <b>${prenot.lotto.get_qta_disponibile}</b>
+                        </p>
+                        <div class="mt-auto alert alert-primary">
+                            <p class="card-text">
+                                <small>Q.tà prenotata:</small> <b>${prenot.qta} ${prenot.lotto.qta_unita_misura}</b>
+                            </p>
+                            <p class="card-text">
+                                <small>Prezzo totale:</small> <b>${prenot.get_prezzo_totale_str}</b>
+                            </p>
+                            ${renderModifica}
+                        </div>
+                    </div>
+                </div>
+            </div>
+            `;
+        }
+
+    });
+
+}

templates/_layout_base.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html class="h-100" lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- TITLE -->
+    <title>{% block title %}- BioSquadra GAS{% endblock %}</title>
+    
+    <link rel="shortcut icon" href="{{ url_for('static', filename='imgs/shortcut-icon.png') }}">
+
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles/style.css') }}">
+</head>
+
+<body class="d-flex flex-column h-100">
+
+    <header>
+        <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
+            <div class="container-fluid">
+                <!-- area logo/brand -->
+                <a class="navbar-brand" href="{{ url_for('home') }}">
+                    <img src="/static/imgs/shortcut-icon.png" alt="Logo" width="30" height="30"
+                        class="d-inline-block align-text-top">
+                    BioSquadra
+                </a>
+                <!-- hamburger menu per responsive su mobile -->
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <!-- voci di menù -->
+                <div class="collapse navbar-collapse" id="collapsibleNavbar">
+                    <ul class="navbar-nav">
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ url_for('home') }}">Lotti disponibili</a>
+                        </li>
+                        {% if session.user_id %}
+                            <li class="nav-item">
+                                <a class="nav-link" href="{{ url_for('prenotazioni') }}">Prenotazioni</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="{{ url_for('logout') }}">Logout</a>
+                            </li>
+                        {% else %}
+                            <li class="nav-item">
+                                <a class="nav-link" href="{{ url_for('login') }}">Login</a>
+                            </li>
+                        {% endif %}
+                    </ul>
+                </div>
+            </div>
+        </nav>
+    </header>
+
+    <main class="flex-shrink-0">
+        <section class="container mt-4">
+            <!-- H1 -->
+            <h1 class="mb-3">{% block h1 %} {% endblock %}</h1>
+    
+            <!-- FLASH MESSAGES -->
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                    <div class="alert alert-{{ category }}" role="alert">
+                        {{ message }}
+                    </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <!-- CONTENT -->
+            {% block content %} {% endblock %}
+        </section>
+    </main>
+
+    <footer class="bg-dark text-white text-center py-3 mt-auto">
+        <div class="container">
+            <p>&copy; 2024 BioSquadra GAS. Alcuni diritti riservati.</p>
+            <p>
+                via Roma 100, Qualche Città, 12345, XY<br>
+                Phone: (+39) 123.4567.890 | Email: [email protected]
+            </p>
+        </div>
+    </footer>
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    {% block scripts %} {% endblock %}
+
+</body>
+</html>

templates/index.html

@@ -0,0 +1,22 @@
+{% extends "_layout_base.html" %}
+
+{% block title %}Prodotti disponibili {{ super() }}{% endblock %}
+
+{% block h1 %}Benvenuto nella piattaforma di prenotazione prodotti{% endblock %}
+
+{% block content %}
+
+{% if not session.user_id %}
+    <!-- Avviso inserito se l'utente non è loggato -->
+    <p>Per prenotare i prodotti, <a href="{{ url_for('login') }}">accedi</a>.</p>
+{% endif %}
+
+<div class="row" id="row-lotti">
+    <!-- riga popolata dinamicamente con una colonna BS contenente una card per ogni lotto -->
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script src="{{ url_for('static', filename='scripts/load_lotti.js') }}"></script>
+{% endblock %}

templates/login.html

@@ -1,26 +1,23 @@
-<!doctype html>
-<html lang="en">
+{% extends "_layout_base.html" %}
 
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Login</title>
-</head>
+{% block title %}Login {{ super() }}{% endblock %}
 
-<body>
-    <h2>Login</h2>
+{% block h1 %}Login{% endblock %}
 
-    <form method="POST" action="/login">
-        <label for="username">Username:</label>
-        <input type="text" id="username" name="username" required><br>
-        <label for="password">Password:</label>
-        <input type="password" id="password" name="password" required><br>
-        <button type="submit">Login</button>
-    </form>
-
-    <!-- Mostra i messaggi flash -->
-    {% include 'includes/flash.html' %}
-
-</body>
-
-</html>
+{% block content %}
+<div class="row justify-content-center">
+    <div class="col-md-6">
+        <form method="POST">
+            <div class="form-group mb-3">
+                <label for="email" class="form-label">Email</label>
+                <input type="email" class="form-control" id="email" name="email" required>
+            </div>
+            <div class="form-group mb-3">
+                <label for="password" class="form-label">Password</label>
+                <input type="password" class="form-control" id="password" name="password" required>
+            </div>
+            <button type="submit" class="btn btn-primary">Login</button>
+        </form>
+    </div>
+</div>
+{% endblock %}

templates/prenotazione.html

@@ -0,0 +1,92 @@
+{% extends "_layout_base.html" %}
+
+{% block title %}Prenotazione {{ super() }}{% endblock %}
+
+{% block h1 %}
+{% if prenotazione_esistente %}
+    {% if azione == 'nuovaPrenotazione' %}
+        Aggiungi alla tua prenotazione
+    {% elif azione == 'aggiornaPrenotazione' %}
+        Aggiorna la tua prenotazione
+    {% endif %}
+{% else %}
+    Nuova prenotazione
+{% endif %}
+
+{% endblock %}
+
+{% block content %}
+<div class="row mb-4 justify-content-center">
+    <!-- lotto infos -->
+    <div class="col-md-6">
+        <div class="card">
+            <div class="card-header">
+                <h4 class="card-title">
+                    {{ lotto.prodotto.nome }}
+                </h4>
+                <div class="text-end"><small>(cod. lotto {{ lotto.id }})</small></div>
+            </div>
+            <div class="card-body">
+                <p class="card-text">
+                    <small>Disponibile da:</small> <b>{{ lotto.get_date() }}</b>
+                </p>
+                <p class="card-text">
+                    <small>Prodotto da:</small> <b>{{ lotto.prodotto.produttore.nome }}</b>
+                </p>
+                <p class="card-text">
+                    <small>Q.tà totale lotto:</small> <b>{{ lotto.qta_lotto }} {{ lotto.qta_unita_misura }}</b>
+                </p>
+                <p class="card-text">
+                    <small>Q.tà disponibile:</small> <b>{{ lotto.get_qta_disponibile() }} {{ lotto.qta_unita_misura }}</b>
+                </p>
+                <p class="card-text">
+                    <small>Prezzo:</small> <b>{{ lotto.get_prezzo_str() }}</b>
+                </p>
+                {% if prenotazione_esistente %}
+                <div class="row alert alert-primary text-center">
+                    <div class="col card-text">
+                        <small>Q.tà già prenotata:</small> <b>{{ prenotazione_esistente.qta }} {{ lotto.qta_unita_misura }}</b>
+                    </div>
+                    <div class="col card-text">
+                        <small>Prezzo totale:</small> <b>{{ prenotazione_esistente.get_prezzo_totale_str() }}</b>
+                    </div>
+                </div>
+                {% endif %}
+            </div>
+            <!-- Form per la creazione o la modifica di una prenotazione -->
+            <div class="card-footer">
+                <form method="POST">
+                    <!-- <input type="hidden" name="lotto_id" value="{{ lotto.id }}"> -->
+                    {% if azione == 'nuovaPrenotazione' %}
+                        <div class="form-group mb-3">
+                            <label for="quantita" class="form-label">Quantità</label>
+                            <input type="number" class="form-control" id="quantita" name="quantita"
+                                required min="1" max="{{ lotto.get_qta_disponibile() }}"
+                                value="{{ quantita }}">
+                        </div>
+                        <button type="submit" class="btn btn-primary w-100" name="azione" value="nuovaPrenotazione">
+                            {% if prenotazione_esistente %} Aggiungi quantità {% else %} Prenota quantità {% endif %}
+                        </button>
+                    {% elif azione == 'aggiornaPrenotazione' %}
+                        <div class="form-group mb-3">
+                            <label for="quantita" class="form-label">Quantità</label>
+                            <input type="number" class="form-control" id="quantita" name="quantita"
+                                required min="0" max="{{ lotto.get_qta_disponibile() + prenotazione_esistente.qta}}"
+                                value="{{ quantita }}">
+                        </div>
+                        <button type="submit" class="btn btn-primary" name="azione" value="aggiornaPrenotazione">Modifica quantità</button>
+                        <button type="submit" class="btn btn-danger float-end" name="azione" value="eliminaPrenotazione"
+                                onclick="return confirm('Sei sicuro di voler eliminare la prenotazione?')">
+                            Elimina prenotazione
+                        </button>
+                    {% endif %}
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script src="{{ url_for('static', filename='scripts/load_prenotazione.js') }}"></script>
+{% endblock %}

templates/prenotazioni.html

@@ -0,0 +1,17 @@
+{% extends "_layout_base.html" %}
+
+{% block title %}Prenotazioni {{ super() }}{% endblock %}
+
+{% block h1 %}Le tue prenotazioni{% endblock %}
+
+{% block content %}
+
+<div class="row" id="row-prenotazioni">
+    <!-- riga popolata dinamicamente con una colonna BS contenente una card per ogni prenotazione -->
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script src="{{ url_for('static', filename='scripts/load_prenotazioni.js') }}"></script>
+{% endblock %}