| 1 | <!DOCTYPE html>
|
|---|
| 2 | <html lang="en">
|
|---|
| 3 | <head>
|
|---|
| 4 | <meta charset="UTF-8">
|
|---|
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|---|
| 6 | <title>Average Track Price per Artist</title>
|
|---|
| 7 | <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet"
|
|---|
| 8 | integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
|
|---|
| 9 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js"
|
|---|
| 10 | integrity="sha384-k6d4wzSIapyDyv1kpU366/PK5hCdSbCRGRCMv+eplOQJWyd1fbcAu9OCUj5zNLiq"
|
|---|
| 11 | crossorigin="anonymous"></script>
|
|---|
| 12 | </head>
|
|---|
| 13 | <body class="d-flex bg-light">
|
|---|
| 14 |
|
|---|
| 15 | {% include 'sidebar.html' %}
|
|---|
| 16 |
|
|---|
| 17 | <div class="container mt-5">
|
|---|
| 18 | <h1 class="mb-4 text-center">Average Track Price per Artist</h1>
|
|---|
| 19 |
|
|---|
| 20 | <h4 class="mb-4 text-center">Name - Average Track Price</h4>
|
|---|
| 21 |
|
|---|
| 22 | {% if not data %}
|
|---|
| 23 | <div class="alert alert-warning" role="alert">
|
|---|
| 24 | No data available.
|
|---|
| 25 | </div>
|
|---|
| 26 | {% else %}
|
|---|
| 27 | <form method="get" class="mb-3">
|
|---|
| 28 | {% csrf_token %}
|
|---|
| 29 | <input type="hidden" name="invoice_id" value="{{ selected_invoice_id }}">
|
|---|
| 30 | <div class="input-group">
|
|---|
| 31 | <input type="text" name="search_track" class="form-control" placeholder="Search artists"
|
|---|
| 32 | value="{{ search_track }}">
|
|---|
| 33 | <button class="btn btn-outline-secondary" type="submit">Search</button>
|
|---|
| 34 | </div>
|
|---|
| 35 | </form>
|
|---|
| 36 | <ul class="list-group">
|
|---|
| 37 | {% for row in data %}
|
|---|
| 38 | <li class="list-group-item d-flex justify-content-between align-items-center">
|
|---|
| 39 | <div class="col-6">
|
|---|
| 40 | {{ row.name }}
|
|---|
| 41 | </div>
|
|---|
| 42 | <div class="col-6 text-end">
|
|---|
| 43 | {% if row.avg_price_per_track == 'not enogu data' %}
|
|---|
| 44 | <span class="badge bg-danger rounded-pill">No data available</span>
|
|---|
| 45 | {% else %}
|
|---|
| 46 | <span class="badge bg-success rounded-pill">${{ row.avg_price_per_track|floatformat:2 }}</span>
|
|---|
| 47 | {% endif %}
|
|---|
| 48 | </div>
|
|---|
| 49 | </li>
|
|---|
| 50 | {% endfor %}
|
|---|
| 51 | </ul>
|
|---|
| 52 | {% endif %}
|
|---|
| 53 | </div>
|
|---|
| 54 |
|
|---|
| 55 | </body>
|
|---|
| 56 | </html>
|
|---|
