diff --git a/README.md b/README.md
index 64e5927..eab5cee 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1 @@
-Nama    : Kevin Ivan Eda Radhiyya
-
-NPM     : 2201233210
-
-Kelas   : PBP B
\ No newline at end of file
+Ubah
\ No newline at end of file
diff --git a/akun/__init__.py b/akun/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/akun/admin.py b/akun/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/akun/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/akun/apps.py b/akun/apps.py
new file mode 100644
index 0000000..8ed3838
--- /dev/null
+++ b/akun/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class AkunConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "akun"
diff --git a/akun/deskripsi.txt b/akun/deskripsi.txt
new file mode 100644
index 0000000..15bad12
--- /dev/null
+++ b/akun/deskripsi.txt
@@ -0,0 +1,2 @@
+akun ini untuk nampilin dashboard-> kan ada beberapa role yang kenak -> tpai tetep pengguna
+ini fungsinya. 
\ No newline at end of file
diff --git a/akun/migrations/__init__.py b/akun/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/akun/models.py b/akun/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/akun/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/akun/templates/dashboard.html b/akun/templates/dashboard.html
new file mode 100644
index 0000000..a689553
--- /dev/null
+++ b/akun/templates/dashboard.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+    {% include 'nav.html' %}
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dashboard</title>
+</head>
+
+<body>
+    <h1>Dashboard</h1>
+    <h2>Informasi Profil Pengguna</h2>
+    <ul>
+        <li>Nama: {{ request.session.user_data.nama }}</li>
+        <li>Email: {{ request.session.user_data.email }}</li>
+        <!-- kalau dia pengguna cek status langganan  -->
+        {% if not request.session.user_data.is_label %}
+            {% if request.session.user_data.is_premium %}
+                <li>Status Langganan: Premium</li>
+            {% else %}
+                <li>Status Langganan: Non Premium</li>
+            {% endif %}
+        {% endif %}
+        
+        <!-- next -->
+         {% if request.session.user_data.is_label%}
+            <!-- <li>Label: {{ request.session.user_data.is_label}}</li> -->
+            <li>Kontak: {{user_data.kontak }}</li>
+        {% endif %}
+
+        {% if not request.session.user_data.is_label%}
+            <li>Kota Asal: {{ user_data.kota_asal }}</li>
+            {% if request.session.user_data.gender == 0 %}
+                <li>Gender: Perempuan</li>
+            {% else %}
+                <li>Gender: Laki-laki</li>
+            {% endif%}
+            <li>Tempat Lahir: {{ user_data.tempat_lahir }}</li>
+            <li>Tanggal Lahir: {{ user_data.tanggal_lahir }}</li>
+        {% endif %}
+        {% if request.session.user_data.roles %}
+        <li>Role: 
+            {% for role in request.session.user_data.roles %}
+                {% if not forloop.first %}, {% endif %}
+                {{ role }}
+            {% endfor %}
+        </li>
+        {% endif %}
+
+
+    {% if not request.session.user_data.is_label and not request.session.user_data.is_artist and not  request.session.user_data.is_songwriter and not request.session.user_data.is_podcaster %}
+        {% if playlists %}
+            <h2>Daftar Playlist</h2>
+            <ul>
+                {% for playlist in playlists %}
+                    <li>{{ playlist }}</li>
+                {% endfor %}
+            </ul>
+        {% else %}
+            <p>Belum Memiliki Playlist</p>
+        {% endif %}
+    {% endif %}
+
+    {% if request.session.user_data.is_artist or request.session.user_data.is_songwriter and not request.session.user_data.is_podcaster%}
+        {% if songs %}
+            <h2>Daftar Lagu</h2>
+            <ul>
+                {% for song in songs %}
+                    <li>{{ song }}</li>
+                {% endfor %}
+            </ul>
+        {% else %}
+            <p>Belum Memiliki Lagu</p>
+        {% endif %}
+
+    {% endif %}
+
+    {% if request.session.user_data.is_podcaster %}
+        {% if podcasts %}
+            <h2>Daftar Podcast</h2>
+            <ul>
+                {% for podcast in podcasts %}
+                    <li>{{ podcast }}</li>
+                {% endfor %}
+            </ul>
+        {% else %}
+            <p>Belum Memiliki Podcast</p>
+        {% endif %}
+    {% endif %}
+
+    {% if request.session.user_data.is_label %}
+        {% if albums %}
+            <h2>Daftar Album</h2>
+            <ul>
+                {% for album in albums %}
+                    <li>{{ album }}</li>
+                {% endfor %}
+            </ul>
+        {% else %}
+            <p>Belum Memproduksi Album</p>
+        {% endif %}
+    {% endif %}
+</body>
+</html>
diff --git a/akun/templates/home.html b/akun/templates/home.html
new file mode 100644
index 0000000..dab8ebd
--- /dev/null
+++ b/akun/templates/home.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Marmut</title>
+    <!-- Tambahkan link CSS Bootstrap atau CSS kustom Anda di sini -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+</head>
+<body>
+    <div class="container mt-5">
+        <h1 class="text-center">Marmut - 1</h1>
+        <div class="text-center mt-4">
+            <a href="{% url 'akun:login' %}" class="btn btn-primary">Login</a>
+            <a href="{% url 'akun:register_choice' %}" class="btn btn-secondary">Register</a>
+        </div>
+    </div>
+    <!-- Tambahkan script JavaScript Bootstrap atau script kustom Anda di sini -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
+</html>
diff --git a/akun/templates/list_tables.html b/akun/templates/list_tables.html
new file mode 100644
index 0000000..98a90cd
--- /dev/null
+++ b/akun/templates/list_tables.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>List of Tables</title>
+</head>
+<body>
+    <h1>Tables in Database</h1>
+    <ul>
+        {% for table in tables %}
+            <li>{{ table }}</li>
+        {% endfor %}
+    </ul>
+</body>
+</html>
diff --git a/akun/templates/login.html b/akun/templates/login.html
new file mode 100644
index 0000000..80f623a
--- /dev/null
+++ b/akun/templates/login.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Form Login</title>
+    <!-- Tambahkan link CSS Bootstrap atau CSS kustom Anda di sini -->
+</head>
+<body>
+    <!-- {% include 'nav.html' %} -->
+
+    <div class="container mt-5">
+        <div class="row">
+            <div class="col-md-6 offset-md-3">
+                <h2 class="text-center">FORM LOGIN</h2>
+                <form action="{% url 'akun:login' %}" method="post">
+                    {% csrf_token %}
+                    <div class="mb-3">
+                        <label for="email" class="form-label">Email:</label>
+                        <input type="email" class="form-control" id="email" name="email" required>
+                    </div>
+                    <div class="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">Log In</button>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <!-- Tambahkan script JavaScript Bootstrap atau script kustom Anda di sini -->
+</body>
+</html>
diff --git a/akun/templates/register_choice.html b/akun/templates/register_choice.html
new file mode 100644
index 0000000..ba43b0b
--- /dev/null
+++ b/akun/templates/register_choice.html
@@ -0,0 +1,19 @@
+    {% include 'nav.html' %}
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pilihan Registrasi</title>
+</head>
+<body>
+    <h2>Pilihan Registrasi</h2>
+    <p>Silakan pilih peran Anda:</p>
+    <ul>
+        <li><a href="{% url 'akun:register_pengguna' %}">Pengguna</a></li>
+        <li><a href="{% url 'akun:register_label' %}">Label</a></li>
+    </ul>
+</body>
+</html>
+
diff --git a/akun/templates/register_label.html b/akun/templates/register_label.html
new file mode 100644
index 0000000..9275c17
--- /dev/null
+++ b/akun/templates/register_label.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+
+{% include 'nav.html' %}
+
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Register Label</title>
+    <!-- Tambahkan link CSS Bootstrap atau CSS kustom Anda di sini -->
+</head>
+<body>
+    <div class="container mt-5">
+        <div class="row">
+            <div class="col-md-6 offset-md-3">
+                <h2 class="text-center">Register Label</h2>
+                <form method="post" action="{% url 'akun:register_label' %}">
+                    {% csrf_token %}
+                    <div class="mb-3">
+                        <label for="email" class="form-label">Email:</label>
+                        <input type="email" class="form-control" id="email" name="email" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="password" class="form-label">Password:</label>
+                        <input type="password" class="form-control" id="password" name="password" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="nama" class="form-label">Nama:</label>
+                        <input type="text" class="form-control" id="nama" name="nama" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="kontak" class="form-label">Kontak:</label>
+                        <input type="text" class="form-control" id="kontak" name="kontak" required>
+                    </div>
+                    <button type="submit" class="btn btn-primary">Register</button>
+                </form>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/akun/templates/register_pengguna.html b/akun/templates/register_pengguna.html
new file mode 100644
index 0000000..f4bd0cd
--- /dev/null
+++ b/akun/templates/register_pengguna.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+{% include 'nav.html' %}
+
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Register Pengguna</title>
+    <!-- Tambahkan link CSS Bootstrap atau CSS kustom Anda di sini -->
+</head>
+<body>
+    <div class="container mt-5">
+        <div class="row">
+            <div class="col-md-6 offset-md-3">
+                <h2 class="text-center">Register Pengguna</h2>
+                <form method="post" action="{% url 'akun:register_pengguna' %}">
+                    {% csrf_token %}
+                    <div class="mb-3">
+                        <label for="email" class="form-label">Email:</label>
+                        <input type="email" class="form-control" id="email" name="email" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="password" class="form-label">Password:</label>
+                        <input type="password" class="form-control" id="password" name="password" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="nama" class="form-label">Nama:</label>
+                        <input type="text" class="form-control" id="nama" name="nama" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="gender" class="form-label">Gender:</label>
+                        <select class="form-control" id="gender" name="gender" required>
+                            <option value="0">Perempuan</option>
+                            <option value="1">Laki-laki</option>
+                        </select>
+                    </div>
+                    <div class="mb-3">
+                        <label for="tempat_lahir" class="form-label">Tempat Lahir:</label>
+                        <input type="text" class="form-control" id="tempat_lahir" name="tempat_lahir" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="tanggal_lahir" class="form-label">Tanggal Lahir:</label>
+                        <input type="date" class="form-control" id="tanggal_lahir" name="tanggal_lahir" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="kota_asal" class="form-label">Kota Asal:</label>
+                        <input type="text" class="form-control" id="kota_asal" name="kota_asal" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="roles" class="form-label">Role:</label>
+                        <div class="form-check">
+                            <input class="form-check-input" type="checkbox" value="Podcaster" id="rolePodcaster" name="role">
+                            <label class="form-check-label" for="rolePodcaster">Podcaster</label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input" type="checkbox" value="Artist" id="roleArtist" name="role">
+                            <label class="form-check-label" for="roleArtist">Artist</label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input" type="checkbox" value="Songwriter" id="roleSongwriter" name="role">
+                            <label class="form-check-label" for="roleSongwriter">Songwriter</label>
+                        </div>
+                    </div>
+                    <button type="submit" class="btn btn-primary">Register</button>
+                </form>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/akun/tests.py b/akun/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/akun/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/akun/urls.py b/akun/urls.py
new file mode 100644
index 0000000..6e58264
--- /dev/null
+++ b/akun/urls.py
@@ -0,0 +1,12 @@
+from django.urls import path
+from .views import *
+app_name = 'akun'
+
+urlpatterns = [
+    path('login/', login_with_postgres, name='login' ),
+    path('register_choice/', register_choice, name='register_choice'),
+    path('dashboard/', dashboard, name='dashboard'),
+    path('register/pengguna/', register_pengguna, name='register_pengguna'),
+    path('register/label/', register_label, name='register_label'),
+    path('logout/', logout_view, name='logout'),
+]
\ No newline at end of file
diff --git a/akun/views.py b/akun/views.py
new file mode 100644
index 0000000..2690074
--- /dev/null
+++ b/akun/views.py
@@ -0,0 +1,464 @@
+import logging
+import random
+from django.shortcuts import render
+from django.shortcuts import render, redirect
+from django.contrib.auth import authenticate, login
+from django.contrib import messages
+import uuid
+# from .forms import LoginForm -> ga usah pakai form langsung dari login.html aja(?)
+import json
+from django.db import connection
+# from connect_postgres import execute_sql_query
+from django.shortcuts import render, redirect
+from django.contrib.auth.decorators import login_required
+from django.http import JsonResponse,HttpResponseRedirect
+import datetime
+import uuid
+from django.views.decorators.csrf import csrf_exempt
+from django.contrib import messages
+from django.contrib.auth.hashers import check_password
+from django.urls import reverse
+import psycopg2
+from django.shortcuts import render, redirect
+from django.contrib import messages
+from django.db import connection
+# Create your views here.
+
+def dashboard(request):
+    # Ambil data pengguna dari session
+    user_data = request.session.get('user_data', {})
+
+    # Initialize role flags
+    user_data.update({
+        'is_artist': False,
+        'is_songwriter': False,
+        'is_podcaster': False,
+        'is_label': False,
+        'is_pengguna': False,
+        'is_premium' : False,
+        'roles': [],
+        
+
+    })
+    #cek apakah dia premium atau tidak di table premium
+    query_premium = f"SELECT 1 FROM marmut.premium WHERE email = '{user_data.get('email')}'"
+    with connection.cursor() as cursor:
+        cursor.execute(query_premium)
+        user_data['is_premium'] = cursor.fetchone() is not None
+    
+    # Check for Artist
+    query_artist = f"SELECT 1 FROM marmut.artist WHERE email_akun = '{user_data.get('email')}'"
+    with connection.cursor() as cursor:
+        cursor.execute(query_artist)
+        user_data['is_artist'] = cursor.fetchone() is not None
+        user_data['roles'].append('Artist') if user_data['is_artist'] else ''
+
+    # Check for Pengguna
+    query_pengguna = f"SELECT 1 FROM marmut.akun WHERE email = '{user_data.get('email')}'"
+    with connection.cursor() as cursor:
+        cursor.execute(query_pengguna)
+        user_data['is_pengguna'] = cursor.fetchone() is not None
+        user_data['roles'].append('Pengguna') if user_data['is_pengguna'] else ''
+
+    # Check for Songwriter
+    query_songwriter = f"SELECT 1 FROM marmut.songwriter WHERE email_akun = '{user_data.get('email')}'"
+    with connection.cursor() as cursor:
+        cursor.execute(query_songwriter)
+        user_data['is_songwriter'] = cursor.fetchone() is not None
+        user_data['roles'].append('Songwriter') if user_data['is_songwriter'] else ''
+
+    # Check for Podcaster
+    query_podcaster = f"SELECT 1 FROM marmut.podcaster WHERE email = '{user_data.get('email')}'"
+    with connection.cursor() as cursor:
+        cursor.execute(query_podcaster)
+        user_data['is_podcaster'] = cursor.fetchone() is not None
+        user_data['roles'].append('Podcaster') if user_data['is_podcaster'] else ''
+
+    # Check for Label
+    query_label = f"SELECT 1 FROM marmut.label WHERE email = '{user_data.get('email')}'"
+    with connection.cursor() as cursor:
+        cursor.execute(query_label)
+        user_data['is_label'] = cursor.fetchone() is not None
+        user_data['roles'].append('Label') if user_data['is_label'] else ''
+
+    # Update session with user_data
+    user_data['is_logged_in'] = any([user_data['is_artist'], user_data['is_songwriter'], user_data['is_podcaster'], user_data['is_label'], user_data['is_pengguna']])
+    print("cekk")
+    print(user_data['is_logged_in'])
+    request.session['user_data'] = user_data
+
+    # Query to get user info
+    if user_data.get('is_label'):
+        query_info = f"""
+            SELECT nama, email, kontak
+            FROM marmut.label
+            WHERE email = '{user_data.get('email')}'
+        """
+    else:
+        query_info = f"""
+            SELECT email, nama, kota_asal, gender, tempat_lahir, tanggal_lahir
+            FROM marmut.akun
+            WHERE email = '{user_data.get('email')}'
+        """
+
+    with connection.cursor() as cursor:
+        cursor.execute(query_info)
+        columns = [col[0] for col in cursor.description]
+        user_info = dict(zip(columns, cursor.fetchone()))
+
+    playlists = []
+    songs_artist = []
+    songs_songwriter = []
+    podcasts = []
+    albums = []
+
+    # Contoh query untuk pengguna biasa
+    if not user_data.get('is_label'):
+        query_playlists = f"""
+            SELECT judul
+            FROM marmut.user_playlist
+            WHERE email_pembuat = '{user_data.get('email')}'
+        """
+        with connection.cursor() as cursor:
+            cursor.execute(query_playlists)
+            playlists = [row[0] for row in cursor.fetchall()]
+
+    # Kalau dia artist
+    if user_data.get('is_artist'):
+        query_songs_artist = f"""
+            SELECT k.judul
+            FROM marmut.konten k
+            JOIN marmut.song s ON k.id = s.id_konten
+            JOIN marmut.artist a ON s.id_artist = a.id
+            WHERE a.email_akun = '{user_data.get('email')}'
+        """
+        with connection.cursor() as cursor:
+            cursor.execute(query_songs_artist)
+            songs_artist = [row[0] for row in cursor.fetchall()]
+
+    # Kalau dia songwriter
+    if user_data.get('is_songwriter'):
+        query_songs_songwriter = f"""
+            SELECT k.judul
+            FROM marmut.konten k
+            JOIN marmut.songwriter_write_song sws ON k.id = sws.id_song
+            JOIN marmut.songwriter sw ON sws.id_songwriter = sw.id
+            WHERE sw.email_akun = '{user_data.get('email')}'
+        """
+        with connection.cursor() as cursor:
+            cursor.execute(query_songs_songwriter)
+            songs_songwriter = [row[0] for row in cursor.fetchall()]
+
+    # Kalau dia podcaster
+    if user_data.get('is_podcaster'):
+        query_podcasts = f"""
+            SELECT k.judul
+            FROM marmut.konten k
+            JOIN marmut.podcast p ON k.id = p.id_konten
+            WHERE p.email_podcaster = '{user_data.get('email')}'
+        """
+        with connection.cursor() as cursor:
+            cursor.execute(query_podcasts)
+            podcasts = [row[0] for row in cursor.fetchall()]
+
+    # Kalau dia label
+    if user_data.get('is_label'):
+        query_albums = f"""
+            SELECT a.judul
+            FROM marmut.album a
+            JOIN marmut.label l ON a.id_label = l.id
+            WHERE l.email = '{user_data.get('email')}'
+        """
+        with connection.cursor() as cursor:
+            cursor.execute(query_albums)
+            albums = [row[0] for row in cursor.fetchall()]
+
+    context = {
+        'user_data': user_info,
+        'playlists': playlists,
+        'songs_artist': songs_artist,
+        'songs_songwriter': songs_songwriter,
+        'podcasts': podcasts,
+        'albums': albums
+    }
+    print(user_data)
+    print("albummmm")
+    print(albums)
+
+    return render(request, 'dashboard.html', context)
+
+#coba yang baru login nya
+@csrf_exempt
+def login_with_postgres(request):
+    if request.method == 'POST':
+        email = request.POST.get('email')
+        password = request.POST.get('password')
+        
+        
+        # Query untuk mencari pengguna atau label berdasarkan email dan mengambil passwordnya
+        query_akun = f"SELECT email, password, nama FROM marmut.akun WHERE email = %s"
+        query_label = f"SELECT email, password, nama FROM marmut.label WHERE email = %s"
+
+        user_akun = None
+
+        with connection.cursor() as cursor:
+            cursor.execute(query_akun, [email])
+            user_akun = cursor.fetchone()
+
+            if not user_akun:
+                cursor.execute(query_label, [email])
+                user_akun = cursor.fetchone()
+
+            if user_akun:
+                email, stored_password, nama = user_akun
+
+                # Check if the provided password matches the stored password
+                if stored_password == password:
+                    # Check for roles
+                    queries = {
+                        'is_artist': f"SELECT 1 FROM marmut.artist WHERE email_akun = %s",
+                        'is_songwriter': f"SELECT 1 FROM marmut.songwriter WHERE email_akun = %s",
+                        'is_podcaster': f"SELECT 1 FROM marmut.podcaster WHERE email = %s",
+                    }
+                    roles = {}
+                    for role, query in queries.items():
+                        cursor.execute(query, [email])
+                        roles[role] = cursor.fetchone() is not None
+
+                    # Check if the user is a label
+                    is_label = False
+                    cursor.execute(query_label, [email])
+                    if cursor.fetchone():
+                        is_label = True
+
+                    # Set user data in session
+                    request.session['user_data'] = {
+                        'email': email,
+                        'nama': nama,
+                        'is_premium': False,  # Modify this if you need to set it dynamically
+                        'is_artist': roles.get('is_artist', False),
+                        'is_songwriter': roles.get('is_songwriter', False),
+                        'is_podcaster': roles.get('is_podcaster', False),
+                        'is_label': is_label,
+                        'is_logged_in': True,
+                        'roles': roles
+                    }
+
+                    user_data = request.session['user_data']
+                    email = user_data['email']
+                    try:
+                        cursor.execute("DELETE FROM marmut.premium WHERE email = %s", (email,))
+                    except psycopg2.Error as e:
+                        if 'Premium period still valid' in str(e):
+                            user_data['is_prem'] = True
+                        else:
+                            messages.error(request, e)
+                    if 'is_prem' not in user_data:
+                        user_data['is_prem'] = False
+                    
+                    # cursor.execute("SELECT * FROM marmut.premium WHERE email = %s", (email,))
+                    # prem_flag = cursor.fetchone()
+                    # print(email)
+                    # print(prem_flag)
+                    # # Jika None -> non prem
+
+                    # # Jika pengguna premium
+                    # if (prem_flag):
+                    #     email = prem_flag[0]
+                    #     query = """
+                    #             SELECT *
+                    #             FROM marmut.transaction
+                    #             WHERE email = %s
+                    #             ORDER BY timestamp_dimulai DESC
+                    #             LIMIT 1;
+                    #             """
+                    #     cursor.execute(query, (email,))
+                    #     latest_transaction = cursor.fetchone()
+
+                        # if latest_transaction:
+                        #     timestamp_berakhir = latest_transaction[4]
+                        #     if timestamp_berakhir < datetime.datetime.now():
+                        #         cursor.execute("DELETE FROM marmut.downloaded_song WHERE email_downloader = %s", (email,))
+                        #         cursor.execute("DELETE FROM marmut.premium WHERE email = %s", (email,))
+                        #         cursor.execute("INSERT INTO marmut.nonpremium (email) VALUES (%s)", (email,))
+                        #     else:
+                        #         user_data['is_prem'] = True
+                                
+                    
+                    print("\n================ DEBUG AREA ================")
+                    print(request.session['user_data'])
+                    print("\n")
+                    user_data = request.session['user_data']
+                    for key, value in user_data.items():
+                        print(key + ": " + str(value))
+                    print("================ DEBUG AREA ================\n")
+                    
+                    # return redirect('akun:dashboard')
+                    response = redirect('akun:dashboard')
+                    response.set_cookie('email', email)
+                    return response
+                else:
+                    messages.error(request, 'Maaf, password yang Anda masukkan salah.')
+            else:
+                messages.error(request, 'Pengguna tidak ditemukan.')
+
+    return render(request, "login.html")
+
+#show_home
+def home(request):
+    return render(request, 'home.html')
+
+#register yang dasar
+def register_choice(request):
+    return render(request, 'register_choice.html')
+
+#register label 
+def register_label(request):
+    if request.method == 'POST':
+        email = request.POST.get('email')
+        password = request.POST.get('password')
+        nama = request.POST.get('nama')
+        kontak = request.POST.get('kontak')
+
+        with connection.cursor() as cursor:
+            id_hak_cipta = uuid.uuid4()
+            rate_pemilik_hak_cipta = random.randint(101,999)
+            cursor.execute("""
+            INSERT INTO marmut.pemilik_hak_cipta (id, rate_royalti)
+            VALUES(%s, %s)
+            """, [id_hak_cipta, rate_pemilik_hak_cipta])
+
+            id_label = uuid.uuid4()
+            cursor.execute("""
+                INSERT INTO marmut.label (id, email, password, nama, kontak, id_pemilik_hak_cipta)
+                VALUES (%s, %s, %s, %s, %s, %s)
+            """, [id_label, email, password, nama, kontak, id_hak_cipta])
+
+        return redirect('/akun/login')  # Ubah 'login' sesuai dengan nama URL untuk halaman login
+
+    return render(request, 'register_label.html')
+
+#register pengguna 
+@csrf_exempt
+def register_pengguna(request):
+    if request.method == 'POST':
+        email = request.POST.get('email')
+        password = request.POST.get('password')
+        nama = request.POST.get('nama')
+        gender = request.POST.get('gender')
+        tempat_lahir = request.POST.get('tempat_lahir')
+        tanggal_lahir = request.POST.get('tanggal_lahir')
+        kota_asal = request.POST.get('kota_asal')
+        roles = request.POST.getlist('role')
+        print("======================= INI ISI ROLES =======================")
+        print(roles)
+        is_verified = True
+
+        if len(roles) == 0:
+            is_verified = False
+            print("======================= MASUKKKKK KEEEEE UNVERIFIED =======================")
+        with connection.cursor() as cursor:
+            cursor.execute("""
+                INSERT INTO marmut.akun (email, password, nama, gender, tempat_lahir, tanggal_lahir, is_verified, kota_asal)
+                VALUES (%s, %s, %s, %s, %s, %s, %s, %s)
+            """, [email, password, nama, gender, tempat_lahir, tanggal_lahir, is_verified, kota_asal])
+       
+            if 'Podcaster' in roles:
+                print("======================= MASUKKKKK KEEEEE PODCASTER =======================")
+                print(email)
+                cursor.execute("""
+                    SET search_path TO marmut;
+                    INSERT INTO marmut.podcaster (email)
+                    VALUES (%s)
+                """, [email])
+
+
+            if (len(roles) >= 2) & ('Artist' in roles) & ('Songwriter' in roles):
+                print("======================= MASUKKKKK KE ARTIST && SONGWRITER=======================")
+                id_pemilik_hak_cipta = uuid.uuid4()
+                rate_pemilik_hak_cipta = random.randint(100,999)
+                cursor.execute("""
+                INSERT INTO marmut.pemilik_hak_cipta (id, rate_royalti)
+                VALUES(%s, %s)
+                """, [id_pemilik_hak_cipta, rate_pemilik_hak_cipta])
+
+                artist_id = uuid.uuid4()
+                cursor.execute("""SELECT * FROM marmut.akun WHERE email = %s LIMIT 1;""", [email])
+                email_akun = cursor.fetchall()
+                email_akun = email_akun[0][0]
+                query_insert_artist = """
+                INSERT INTO marmut.artist (id, email_akun, id_pemilik_hak_cipta)
+                VALUES (%s, %s, %s)
+                """
+                cursor.execute(query_insert_artist, (artist_id, email_akun, id_pemilik_hak_cipta))
+
+                songwriter_id = uuid.uuid4()
+                cursor.execute("""SELECT * FROM marmut.akun WHERE email = %s LIMIT 1;""", [email])
+                email_akun = cursor.fetchall()
+                email_akun = email_akun[0][0]
+                query_insert_songwriter = """
+                INSERT INTO marmut.songwriter (id, email_akun, id_pemilik_hak_cipta)
+                VALUES (%s, %s, %s)
+                """
+                cursor.execute(query_insert_songwriter, (songwriter_id, email_akun, id_pemilik_hak_cipta))
+
+            else:
+                if 'Artist' in roles:
+                    print("======================= MASUKKKKK KE ARTIST =======================")
+                    id_pemilik_hak_cipta = uuid.uuid4()
+                    rate_pemilik_hak_cipta = random.randint(100,999)
+                    cursor.execute("""
+                    INSERT INTO marmut.pemilik_hak_cipta (id, rate_royalti)
+                    VALUES(%s, %s)
+                    """, [id_pemilik_hak_cipta, rate_pemilik_hak_cipta])
+                    
+                    artist_id = uuid.uuid4()
+                    cursor.execute("""SELECT * FROM marmut.akun WHERE email = %s LIMIT 1;""", [email])
+                    email_akun = cursor.fetchall()
+                    email_akun = email_akun[0][0]
+                    query_insert_artist = """
+                    INSERT INTO marmut.artist (id, email_akun, id_pemilik_hak_cipta)
+                    VALUES (%s, %s, %s)
+                    """
+                    cursor.execute(query_insert_artist, (artist_id, email_akun, id_pemilik_hak_cipta))
+
+                if 'Songwriter' in roles:
+                    print("======================= MASUKKKKK KEEEEE SONGWRITER =======================")
+                    id_pemilik_hak_cipta = uuid.uuid4()
+                    rate_pemilik_hak_cipta = random.randint(100,999)
+                    cursor.execute("""
+                    INSERT INTO marmut.pemilik_hak_cipta (id, rate_royalti)
+                    VALUES(%s, %s)
+                    """, [id_pemilik_hak_cipta, rate_pemilik_hak_cipta])
+
+                    songwriter_id = uuid.uuid4()
+                    cursor.execute("""SELECT * FROM marmut.akun WHERE email = %s LIMIT 1;""", [email])
+                    email_akun = cursor.fetchall()
+                    email_akun = email_akun[0][0]
+                    query_insert_songwriter = """
+                    INSERT INTO marmut.songwriter (id, email_akun, id_pemilik_hak_cipta)
+                    VALUES (%s, %s, %s)
+                    """
+                    cursor.execute(query_insert_songwriter, (songwriter_id, email_akun, id_pemilik_hak_cipta))
+            
+            return HttpResponseRedirect('/akun/login/') 
+            # except psycopg2.Error as error:
+            #     messages.error(request, f'{error}')
+            # except Exception as error:
+            #     messages.error(request, f'{error}')
+    return render(request, 'register_pengguna.html')
+
+logger = logging.getLogger(__name__)
+
+def logout_view(request):
+    # Cetak nama pengguna sebelum menghapus sesi
+    logger.info(f"Nama pengguna sebelum logout: {request.session.get('username')}")
+
+    # Hapus data sesi
+    request.session.flush()
+
+    # Cetak nama pengguna setelah menghapus sesi
+    logger.info(f"Nama pengguna setelah logout: {request.session.get('username')}")
+
+    # Redirect ke halaman login
+    return redirect('akun:login')
\ No newline at end of file
diff --git a/album_song_royalti/__init__.py b/album_song_royalti/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/album_song_royalti/admin.py b/album_song_royalti/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/album_song_royalti/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/album_song_royalti/apps.py b/album_song_royalti/apps.py
new file mode 100644
index 0000000..fe3645c
--- /dev/null
+++ b/album_song_royalti/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class AlbumSongRoyaltiConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "album_song_royalti"
diff --git a/album_song_royalti/bener.py b/album_song_royalti/bener.py
new file mode 100644
index 0000000..995a371
--- /dev/null
+++ b/album_song_royalti/bener.py
@@ -0,0 +1,109 @@
+
+def create_album(request):
+    user_data = request.session.get('user_data', {})
+    email = user_data.get('email', None)
+ 
+    if request.method == "POST":
+        #print(request.POST)
+        for a in request.POST:
+            print(a, request.POST[a])
+        judul_album = request.POST.get('judul_album')
+        label_str = request.POST.get('label')
+        label_id = label_str[13:49]
+        judul_lagu = request.POST.get('judul_lagu')
+        artists = request.POST.get('artist')
+        print(artists)
+        songwriters = request.POST.getlist('songwriter[]')
+        genres = request.POST.getlist('genre[]')
+        durasi = request.POST.get('durasi')
+        #ambil tanggal sekarang
+        tanggal_rilis = datetime.datetime.now()
+        tahun = tanggal_rilis.year
+        
+        
+      
+        #carik di artist_id pakai query dah 
+        with connection.cursor() as cursor:
+            cursor.execute("SELECT id FROM marmut.artist WHERE email_akun = %s", [artists])
+            artist_id = cursor.fetchone()[0]
+        
+        print(artist_id)
+        
+        genre_masuk = []
+        #isinya nomor idnya 
+        for genre in genres:
+            print(genre)
+            with connection.cursor() as cursor:
+                cursor.execute("SELECT DISTINCT genre  FROM marmut.genre")
+                ada_genre = cursor.fetchall()
+                ada_genre = ada_genre[int(genre)]
+                ada_genre_2 = ada_genre[0]
+                genre_masuk.append(ada_genre_2)
+        
+       
+
+        #ambil dari nomor genre ke query
+        print(songwriters)
+        if user_data['is_songwriter']:
+            with connection.cursor() as cursor:
+                cursor.execute("SELECT DISTINCT id FROM marmut.songwriter WHERE email_akun = %s", (email,))
+                songwriter_orangnya = cursor.fetchall()
+                songwriters.append(str(songwriter_orangnya[0][0]))
+        songwriter_ids = [songwriter for songwriter in songwriters]
+        
+
+        #sekarnag bagian insert data ke database
+        album_id = str(uuid.uuid4())
+        song_id = str(uuid.uuid4())
+        with connection.cursor() as cursor:
+            cursor.execute("INSERT INTO marmut.konten (id, judul,  tanggal_rilis, tahun, durasi) VALUES (%s, %s, %s, %s, %s)", [song_id, judul_lagu, tanggal_rilis, tahun, durasi])
+            cursor.execute("INSERT INTO marmut.album (id, judul, jumlah_lagu, id_label, total_durasi) VALUES (%s, %s, %s, %s, %s)", [album_id, judul_album, 1, label_id, int(durasi)])
+            cursor.execute("INSERT INTO marmut.song (id_konten, id_artist, id_album) VALUES (%s, %s, %s)", [song_id, artist_id, album_id])
+            for genre_id in genre_masuk:
+                cursor.execute("INSERT INTO marmut.genre (id_konten, genre) VALUES (%s, %s)", [song_id, genre_id])
+            for songwriter_id in songwriter_ids:
+                cursor.execute("INSERT INTO marmut.songwriter_write_song (id_songwriter, id_song) VALUES (%s, %s)", [songwriter_id, song_id])
+
+
+        #NEXT HABIS INI KAYAKNYA AMBIL SEMUA SYANG BISA PUNYA ROYALTI DAH SEPERTI ARTIST, LABEL, SONGWRITER 
+        # TAPI MASALAHNYA RIYALTI NYA GA TAU BERAPAAN
+        return HttpResponse(f'Album {judul_album} berhasil dibuat dengan artist: {label_str}{(artists)}, songwriters: {", ".join(songwriters)}, genres: {", ".join(genres)}, durasi: {durasi} menit.')
+    #ambil labels dulu dari database, sekalian dengan key nya 
+    with connection.cursor() as cursor:
+        cursor.execute("SELECT id, nama FROM marmut.label")
+        labels = cursor.fetchall()
+        #petakan ke dictionary
+        labels = [{'id': label[0], 'nama': label[1]} for label in labels]
+
+        cursor.execute("SELECT id, email_akun FROM marmut.artist")
+        artists = cursor.fetchall()
+        #petakan ke dictionary
+        artists = [{'id': artist[0], 'email_akun': artist[1]} for artist in artists]
+
+
+        cursor.execute("SELECT id, email_akun FROM marmut.songwriter WHERE email_akun != %s", (email,))
+        songwriters = cursor.fetchall()
+        #petakan ke dictionary
+        songwriters = [{'id': songwriter[0], 'email_akun': songwriter[1]} for songwriter in songwriters]
+
+        cursor.execute("SELECT DISTINCT genre FROM marmut.genre")
+        genres = cursor.fetchall()
+        #petakan ke dictionary -> enumparate
+        genres = [{'id': idx, 'genre': genre[0]} for idx, genre in enumerate(genres)]
+        
+        print(genres)
+        print(labels)
+        print(songwriters)
+        print(artists)
+    
+
+       
+
+    
+    return render(request, 'create_album.html', {
+        'labels': labels,
+        'artists': artists,
+        'songwriters': songwriters,
+        'genres': genres,
+    })
+        
\ No newline at end of file
diff --git a/album_song_royalti/create_album.py b/album_song_royalti/create_album.py
new file mode 100644
index 0000000..7dfbc57
--- /dev/null
+++ b/album_song_royalti/create_album.py
@@ -0,0 +1,119 @@
+def create_album(request):
+    user_data = request.session.get('user_data', {})
+    is_artist = user_data.get('is_artist', False)
+    is_songwriter = user_data.get('is_songwriter', False)
+    user_id = user_data.get('user_id', None)
+    email = user_data.get('email', None)
+
+    print("test userdata")
+    print(user_data)
+    if not (is_artist or is_songwriter):
+        return HttpResponse("You are not authorized to access this page", status=403)
+
+    if request.method == "POST":
+        print("Semua data dalam request.POST:")
+        for a in request.POST:
+            print(a)
+        judul_album = request.POST.get('judul_album')
+        print(judul_album)
+        label_id = request.POST.get('label')
+        print("label iddddddddddd")
+        print(label_id)
+        album_id = str(uuid.uuid4())
+        artists = request.POST.getlist('artist[]')
+        print("kasik artist")
+        
+
+        #untuk section lagu pertama
+        judul_lagu = request.POST['judul_lagu']
+        artist_id = request.POST.get('artist')        
+      
+        songwriter_ids = request.POST.getlist('songwriter.id')
+        print(songwriter_ids)
+        genre_ids = request.POST.getlist('genre.id')
+        durasi = request.POST['durasi']
+        song_id = str(uuid.uuid4())
+        print(song_id)
+        tanggal_rilis = datetime.datetime.now()
+        tahun = tanggal_rilis.year
+        print(album_id)
+
+        #insert ke table konteen dulu
+        with connection.cursor() as cursor:
+            cursor.execute("INSERT INTO marmut.konten (id, judul,  tanggal_rilis, tahun, durasi) VALUES (%s, %s, %s, %s, %s)", [song_id, judul_lagu, tanggal_rilis, tahun, durasi])
+            #cursor.execute("INSERT INTO marmut.artist (artist_id, song_id) VALUES (%s, %s)", [artist_id, song_id])
+         #masukkan ke album
+            cursor.execute("INSERT INTO marmut.album (id, judul, jumlah_lagu, id_label, total_durasi) VALUES (%s, %s, %s, %s, %s)", [album_id, judul_album, 1, label_id, int(durasi)])
+        
+        with connection.cursor() as cursor:
+            #ke table song -> artistnya pasti satu
+            cursor.execute("INSERT INTO marmut.song (id_konten, id_artist, id_album) VALUES (%s, %s, %s)", [song_id, artist_id, album_id])
+
+            for genre_id in genre_ids:
+                cursor.execute("INSERT INTO marmut.genre (id_konten, genre) VALUES (%s, %s)", [song_id, genre_id])
+            #ini ga perlu karena dia sudah ada di table songwriter
+            # for songwriter_id in songwriter_ids:
+            #     cursor.execute("INSERT INTO marmut.songwriter_writes_song (songwriter_id, song_id) VALUES (%s, %s)", [songwriter_id, song_id])
+
+            #songwriter_write_song
+            for songwriter_id in songwriter_ids:
+                cursor.execute("INSERT INTO marmut.songwriter_write_song (id_songwriter, id_song) VALUES (%s, %s)", [songwriter_id, song_id])
+
+
+           
+        # #insert into table song dulu -> biarin album id null dulu, ntar diupdate
+        # with connection.cursor() as cursor:
+        #     cursor.execute("INSERT INTO marmut.song (id_konten, id_artist) VALUES (%s, %s, %s)", [song_id, judul_lagu, durasi])
+        #     for songwriter_id in songwriter_ids:
+        #         cursor.execute("INSERT INTO marmut.songwriter_writes_song (songwriter_id, song_id) VALUES (%s, %s)", [songwriter_id, song_id])
+ 
+
+        
+            
+
+        # return redirect(reverse('create_lagu', args=[album_id]))
+        return HttpResponseRedirect(reverse('list_album_artist')) 
+    with connection.cursor() as cursor:
+        cursor.execute("SELECT id, nama FROM marmut.label")
+        labels = cursor.fetchall()
+
+        #jika is_artist true
+        if not user_data['is_artist'] :
+            print("dia bukan artist")
+            cursor.execute("SELECT id, nama FROM marmut.artist JOIN marmut.akun ON artist.email_akun = akun.email")
+            artists = cursor.fetchall()
+        else:
+           cursor.execute("SELECT id, nama FROM marmut.artist JOIN marmut.akun ON artist.email_akun = akun.email WHERE akun.email = %s", [email])
+           artists = cursor.fetchall()
+       
+       #jika is_songwriter true
+        #jika is_songwriter true
+        if user_data['is_songwriter']:
+            print(" songwriter adalah true")
+            cursor.execute("""SELECT id, nama FROM marmut.songwriter 
+            JOIN marmut.akun ON songwriter.email_akun = akun.email 
+            WHERE akun.email != %s
+        """, [email])
+            songwriters = cursor.fetchall()
+            cursor.execute("SELECT id, nama FROM marmut.songwriter JOIN marmut.akun ON songwriter.email_akun = akun.email WHERE akun.email = %s", [email])
+           
+            # Tambahkan data songwriter pengguna ke dalam list songwriters
+            # user_songwriter = cursor.fetchone()
+            # if user_songwriter:
+            #     songwriters.append(user_songwriter)
+        else:
+            print("songwriter bukan trueee")
+            cursor.execute("SELECT id, nama FROM marmut.songwriter JOIN marmut.akun ON songwriter.email_akun = akun.email")
+            songwriters = cursor.fetchall()
+
+        
+        cursor.execute("SELECT DISTINCT genre FROM marmut.genre")
+        genres = cursor.fetchall()
+
+    context = {
+        'labels': labels,
+        'artists': artists,
+        'songwriters': songwriters,
+        'genres': genres,
+    }
+    return render(request, 'create_album.html', context)
diff --git a/album_song_royalti/migrations/__init__.py b/album_song_royalti/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/album_song_royalti/models.py b/album_song_royalti/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/album_song_royalti/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/album_song_royalti/simpen_cek_royalti.py b/album_song_royalti/simpen_cek_royalti.py
new file mode 100644
index 0000000..79b8dcb
--- /dev/null
+++ b/album_song_royalti/simpen_cek_royalti.py
@@ -0,0 +1,39 @@
+def cek_royalti(request):
+    user_data = request.session.get('user_data', {})
+    user_email = user_data.get('email', '')
+
+    if user_data.get('is_label'):
+        with connection.cursor() as cursor:
+            cursor.execute("""
+            SET SEARCH_PATH TO MARMUT;
+            SELECT
+              S.id_konten AS id_song,
+              PHC.id AS id_pemilik_hak_cipta,
+              (CAST(S.total_play AS NUMERIC) * CAST(PHC.rate_royalti AS NUMERIC)) AS TotalRoyalti
+            FROM
+              LABEL L
+              JOIN ALBUM A ON L.id = A.id_label
+              JOIN SONG S ON S.id_album = A.id
+              JOIN KONTEN K ON K.id = S.id_konten
+              JOIN PEMILIK_HAK_CIPTA PHC ON L.id_pemilik_hak_cipta = PHC.id
+            WHERE
+              L.email = %s
+            """, [user_email])
+            royalty_data = cursor.fetchall()
+
+            # Update the ROYALTI table for each song
+            for row in royalty_data:
+                id_song = row[0]
+                id_pemilik_hak_cipta = row[1]
+                total_royalti = row[2]
+
+                cursor.execute("""
+                UPDATE ROYALTI
+                SET jumlah = %s
+                WHERE id_pemilik_hak_cipta = %s AND id_song = %s
+                """, [total_royalti, id_pemilik_hak_cipta, id_song])
+
+    context = {
+        'royalty_list': royalty_data
+    }
+    return render(request, 'cek_royalti.html', context)
diff --git a/album_song_royalti/templates/cek_royalti.html b/album_song_royalti/templates/cek_royalti.html
new file mode 100644
index 0000000..a96e4e6
--- /dev/null
+++ b/album_song_royalti/templates/cek_royalti.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cek Royalti</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+</head>
+
+<body>
+    <div class="container mt-5">
+        <h1 class="mb-4">Cek Royalti</h1>
+
+        <!-- Royalti sebagai Artist -->
+        {% if  royalti_artist %}
+            <h2>Royalti sebagai Artist</h2>
+            <table class="table table-bordered">
+                <thead>
+                    <tr>
+                        <th>Judul Lagu</th>
+                        <th>Judul Album</th>
+                        <th>Total Play</th>
+                        <th>Total Download</th>
+                        <th>Total Royalti Didapat</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for royalti in royalti_artist %}
+                    <tr>
+                        <td>{{ royalti.0 }}</td>
+                        <td>{{ royalti.1 }}</td>
+                        <td>{{ royalti.2 }}</td>
+                        <td>{{ royalti.3 }}</td>
+                        <td>{{ royalti.4 }}</td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        {% endif %}
+
+        {% if royalti_songwriter %}
+            <!-- Royalti sebagai Songwriter -->
+            <h2>Royalti sebagai Songwriter</h2>
+            <table class="table table-bordered">
+                <thead>
+                    <tr>
+                        <th>Judul Lagu</th>
+                        <th>Judul Album</th>
+                        <th>Total Play</th>
+                        <th>Total Download</th>
+                        <th>Total Royalti Didapat</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for royalti in royalti_songwriter %}
+                    <tr>
+                        <td>{{ royalti.0 }}</td>
+                        <td>{{ royalti.1 }}</td>
+                        <td>{{ royalti.2 }}</td>
+                        <td>{{ royalti.3 }}</td>
+                        <td>{{ royalti.4 }}</td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        {% endif %}
+        
+        {% if royalti_label %}
+            <!-- Royalti sebagai Label -->
+            <h2>Royalti sebagai Label</h2>
+            <table class="table table-bordered">
+                <thead>
+                    <tr>
+                        <th>Judul Lagu</th>
+                        <th>Judul Album</th>
+                        <th>Total Play</th>
+                        <th>Total Download</th>
+                        <th>Total Royalti Didapat</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for royalti in royalti_label %}
+                    <tr>
+                        <td>{{ royalti.0 }}</td>
+                        <td>{{ royalti.1}}</td>
+                        <td>{{ royalti.2 }}</td>
+                        <td>{{ royalti.3 }}</td>
+                        <td>{{ royalti.4 }}</td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        {% endif %}
+    </div>
+</body>
+</html>
diff --git a/album_song_royalti/templates/create_album.html b/album_song_royalti/templates/create_album.html
new file mode 100644
index 0000000..9382735
--- /dev/null
+++ b/album_song_royalti/templates/create_album.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Create Album</title>
+</head>
+<body>
+    <h1>Create Album</h1>
+    <form method="post" action="{% url 'create_album' %}">
+        {% csrf_token %}
+        <label for="judul_album">Judul Album:</label>
+        <input type="text" id="judul_album" name="judul_album" required><br>
+
+        <label for="label">Label:</label>
+        <select id="label" name="label" required>
+            <option value="" disabled selected>Pilih Label</option>
+            {% for label in labels %}
+                <option value="{{ label }}">{{ label }}</option>
+            {% endfor %}
+        </select><br>
+
+        <h2>Lagu Pertama</h2>
+        <label for="judul_lagu">Judul Lagu:</label>
+        <input type="text" id="judul_lagu" name="judul_lagu" required><br>
+
+        <label for="artist">Artist:</label>
+        <select id="artist" name="artist">
+            <option value="" selected disabled>Pilih Artist</option>
+            {% if request.session.user_data.is_artist %}
+                <option value="{{ request.session.user_data.nama }}">{{ request.session.user_data.nama }}</option>
+            {% else %}
+                {% for artist in artists %}
+                    <option value="{{ artist.email_akun }}">{{ artist.email_akun }}</option>
+                {% endfor %}
+            {% endif %}
+        </select><br>
+
+        <label for="songwriter">Songwriter:</label>
+        {% if request.session.user_data.is_songwriter %}
+            <input type="text" id="songwriter" name="songwriter_input" value="{{ request.session.user_data.nama }}" readonly><br>
+            <h5>Anda adalah songwriter jadi anda otomatis masuk ke dalam songwriter. Silahkan pilih songwriter lainnya:</h5>
+        {% endif %}
+        <div>
+            <label>Songwriter:</label><br>
+            {% for songwriter in songwriters %}
+                <input type="checkbox" id="songwriter_{{ songwriter.id }}" name="songwriter[]" value="{{ songwriter.id }}"
+                    {% if user.is_songwriter and songwriter.id == request.session.user_data.id %}checked{% endif %}>
+                <label for="songwriter_{{ songwriter.id }}">{{ songwriter }}</label><br>
+            {% endfor %}
+        </div>
+
+        <label for="genre">Genre:</label>
+        <div>
+            <label>Genre:</label><br>
+            {% for genre in genres %}
+                <input type="checkbox" id="genre_{{ genre.id }}" name="genre[]" value="{{ genre.id }}">
+                <label for="genre_{{ genre.id }}">{{ genre.genre }}</label><br>
+            {% endfor %}
+        </div>
+        
+
+        <label for="durasi">Durasi (menit):</label>
+        <input type="number" id="durasi" name="durasi" required><br>
+
+        <button type="submit">Submit</button>
+    </form>
+</body>
+</html>
diff --git a/album_song_royalti/templates/create_lagu.html b/album_song_royalti/templates/create_lagu.html
new file mode 100644
index 0000000..58b29af
--- /dev/null
+++ b/album_song_royalti/templates/create_lagu.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Create Lagu</title>
+</head>
+<body>
+
+    <h1>Create lagu untuk di Album {{judul_album}} - {{album_id}}</h1>
+    <form method="post" action="{% url 'create_lagu' album_id %}">       
+        {% csrf_token %}
+
+        <!-- <h2>Lagu Pertama</h2> -->
+        <label for="judul_lagu">Judul Lagu:</label>
+        <input type="text" id="judul_lagu" name="judul_lagu" required><br>
+
+        <label for="artist">Artist:</label>
+        <select id="artist" name="artist">
+            <option value="" selected disabled>Pilih Artist</option>
+            {% if request.session.user_data.is_artist %}
+                <option value="{{ request.session.user_data.nama }}">{{ request.session.user_data.nama }}</option>
+            {% elif request.session.user_data.is_songwriter %}
+                {% for artist in artists %}
+                    <option value="{{ artist.email_akun }}">{{ artist.email_akun }}</option>
+                {% endfor %}
+            {% endif %}
+        </select><br>
+
+        <label for="songwriter">Songwriter:</label>
+        {% if request.session.user_data.is_songwriter %}
+            <input type="text" id="songwriter" name="songwriter_input" value="{{ request.session.user_data.nama }}" readonly><br>
+            <h5>Anda adalah songwriter jadi anda otomatis masuk ke dalam songwriter. Silahkan pilih songwriter lainnya:</h5>
+        {% endif %}
+        <div>
+            <label>Songwriter:</label><br>
+            {% for songwriter in songwriters %}
+                <input type="checkbox" id="songwriter_{{ songwriter.id }}" name="songwriter[]" value="{{ songwriter.id }}"
+                    {% if user.is_songwriter and songwriter.id == request.session.user_data.id %}checked{% endif %}>
+                <label for="songwriter_{{ songwriter.id }}">{{ songwriter }}</label><br>
+            {% endfor %}
+        </div>
+
+        <label for="genre">Genre:</label>
+        <div>
+            <label>Genre:</label><br>
+            {% for genre in genres %}
+                <input type="checkbox" id="genre_{{ genre.id }}" name="genre[]" value="{{ genre.id }}">
+                <label for="genre_{{ genre.id }}">{{ genre.genre }}</label><br>
+            {% endfor %}
+        </div>
+        
+
+        <label for="durasi">Durasi (menit):</label>
+        <input type="number" id="durasi" name="durasi" required><br>
+
+        <button type="submit">Submit</button>
+    </form>
+</body>
+</html>
diff --git a/album_song_royalti/templates/daftar_lagu.html b/album_song_royalti/templates/daftar_lagu.html
new file mode 100644
index 0000000..aea026f
--- /dev/null
+++ b/album_song_royalti/templates/daftar_lagu.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Daftar Lagu pada Album {{ album.judul }}</title>
+</head>
+<body>
+    <h1>Daftar Lagu pada Album {{ album.judul }}</h1>
+    <table border="1">
+        <thead>
+            <tr>
+                <th>Judul</th>
+                <th>Durasi</th>
+                <th>Total Play</th>
+                <th>Total Download</th>
+                <th>Action</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for song in song_list %}
+            <tr>
+                <td>{{ song.judul }}</td>
+                <td>{{ song.durasi }} menit</td>
+                <td>{{ song.total_play }}</td>
+                <td>{{ song.total_download }}</td>
+                <td>
+                    <a href="{% url 'lihat_detail_lagu' song.id %}">Lihat Detail</a>
+                    <form action="{% url 'hapus_lagu' song.id %}" method="post" style="display:inline;">
+                        {% csrf_token %}
+                        <button type="submit">Hapus</button>
+                    </form>
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</body>
+</html>
diff --git a/album_song_royalti/templates/entry_album_song_create_list.html b/album_song_royalti/templates/entry_album_song_create_list.html
new file mode 100644
index 0000000..b356f2d
--- /dev/null
+++ b/album_song_royalti/templates/entry_album_song_create_list.html
@@ -0,0 +1,28 @@
+
+
+<!DOCTYPE html>
+<html lang="en">
+    {% include 'nav.html' %}
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pilihan Registrasi</title>
+</head>
+<body>
+    <h2>CRUD KELOLA ALBUM & SONG</h2>
+    <ul>
+        <li><a href="{% url 'create_album' %}">CREATE ALBUM</a></li>
+        {% if request.session.user_data.is_label %}
+            <li><a href="{% url 'list_album' %}">LIST ALBUM, ANDA LABEL</a></li>
+        {% endif %}
+        {% if request.session.user_data.is_artist or request.session.user_data.is_songwriter %}
+            <li><a href="{% url 'list_album_artist' %}">LIST ALBUM, ANDA BUKAN LABEL </a></li>
+        {% endif %}
+       
+
+        <!-- <li><a href="{% url 'akun:register_label' %}">LIST ALBUM</a></li> -->
+        <!-- daftar lagu pada album1 conothnya berarti buat entry pointnya ketika dia liat list album  -->
+    </ul>
+</body>
+</html>
+
diff --git a/album_song_royalti/templates/kelola_album_song.html b/album_song_royalti/templates/kelola_album_song.html
new file mode 100644
index 0000000..c7b3275
--- /dev/null
+++ b/album_song_royalti/templates/kelola_album_song.html
@@ -0,0 +1,194 @@
+<nav class="navbar">
+    <ul>
+        <li><a href="#">Dashboard</a></li>
+        <li><a href="#">Chart</a></li>
+        <li><a href="#">Search Bar</a></li>
+
+        <!-- <li class="search-bar">
+            <form action="#" method="get">
+                <input type="search" name="search" id="search" placeholder="Search...">
+                <button type="submit"><i class="fas fa-search"></i></button>
+            </form>
+        </li>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> -->
+
+        <!-- <li><a href="#">Search Bar</a></li> -->
+        <li><a href="#">Kelola Playlist</a></li>
+        <li><a href="#">Langganan Paket</a></li>
+        <li><a href="#">Kelola Album & Songs</a></li>
+        <li><a href="#">Cek Royalti</a></li>
+        <li><a href="#">Logout</a></li>
+    </ul>
+</nav>
+
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CRUD Kelola Album & Song</title>
+    <!-- Link CSS di sini -->
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <!-- CREATE ALBUM form -->
+    <h2>CREATE ALBUM</h2>
+    <form action="#" method="post">
+        <label for="judul">Judul:</label><br>
+        <input type="text" id="judul" name="judul"><br>
+        <label for="label">Label:</label><br>
+        <select id="label" name="label">
+            <option value="label1">Label 1</option>
+            <option value="label2">Label 2</option>
+            <!-- Dropdown daftar label dari database -->
+        </select><br><br>
+        <input type="submit" value="SUBMIT">
+    </form>
+
+    <!-- LIST ALBUM table -->
+    <h2>LIST ALBUM</h2>
+    <table>
+        <tr>
+            <th>Judul</th>
+            <th>Label</th>
+            <th>Jumlah Lagu</th>
+            <th>Total Durasi</th>
+            <th>Action</th>
+        </tr>
+        <!-- Dummy data -->
+        <tr>
+            <td>Album1</td>
+            <td>LabelA</td>
+            <td>0</td>
+            <td>0 menit</td>
+            <td>
+                <a href="#">Lihat Daftar Lagu</a>
+                <a href="#">Tambah Lagu</a>
+                <a href="#">Hapus</a>
+            </td>
+        </tr>
+        <tr>
+            <td>Album2</td>
+            <td>LabelB</td>
+            <td>2</td>
+            <td>4 menit</td>
+            <td>
+                <a href="#">Lihat Daftar Lagu</a>
+                <a href="#">Tambah Lagu</a>
+                <a href="#">Hapus</a>
+            </td>
+        </tr>
+        <!-- Dummy data ends -->
+    </table>
+
+    <!-- CREATE LAGU form -->
+    <h2>CREATE LAGU</h2>
+    <form action="#" method="post">
+        <label for="album">Album:</label><br>
+        <input type="text" id="album" name="album" value="Album1" ><br>
+        <label for="judul">Judul:</label><br>
+        <input type="text" id="judul" name="judul"><br>
+        <div class="multiselect-container">
+            <label for="artist">Artist:</label><br>
+            <div class="multiselect">
+                <input type="hidden" id="artist" name="artist"> <!-- Hidden input untuk menyimpan nilai terpilih -->
+                <div class="select-box"> <!-- Kotak pilihan yang menampilkan nilai terpilih -->
+                    <span>Pilih artist</span>
+                    <i class="fas fa-caret-down"></i> <!-- Ikon panah bawah -->
+                </div>
+                <div class="option-list"> <!-- Daftar pilihan -->
+                    <div class="option">
+                        <input type="checkbox" id="artist1" name="artist[]" value="artist1">
+                        <label for="artist1">Artist 1</label>
+                    </div>
+                    <div class="option">
+                        <input type="checkbox" id="artist2" name="artist[]" value="artist2">
+                        <label for="artist2">Artist 2</label>
+                    </div>
+                    <!-- Tambahkan pilihan artist lainnya di sini -->
+                </div>
+            </div>
+        </div>
+        <div class="multiselect-container">
+            <label for="songwriter">Songwriter:</label><br>
+            <div class="multiselect">
+                <input type="hidden" id="songwriter" name="songwriter"> <!-- Hidden input untuk menyimpan nilai terpilih -->
+                <div class="select-box"> <!-- Kotak pilihan yang menampilkan nilai terpilih -->
+                    <span>Pilih songwriter</span>
+                    <i class="fas fa-caret-down"></i> <!-- Ikon panah bawah -->
+                </div>
+                <div class="option-list"> <!-- Daftar pilihan -->
+                    <div class="option">
+                        <input type="checkbox" id="songwriter1" name="songwriter[]" value="songwriter1">
+                        <label for="songwriter1">Songwriter 1</label>
+                    </div>
+                    <div class="option">
+                        <input type="checkbox" id="songwriter2" name="songwriter[]" value="songwriter2">
+                        <label for="songwriter2">Songwriter 2</label>
+                    </div>
+                    <!-- Tambahkan pilihan songwriter lainnya di sini -->
+                </div>
+            </div>
+        </div>
+        <div class="multiselect-container">
+            <label for="genre">Genre:</label><br>
+            <div class="multiselect">
+                <input type="hidden" id="genre" name="genre"> <!-- Hidden input untuk menyimpan nilai terpilih -->
+                <div class="select-box"> <!-- Kotak pilihan yang menampilkan nilai terpilih -->
+                    <span>Pilih genre</span>
+                    <i class="fas fa-caret-down"></i> <!-- Ikon panah bawah -->
+                </div>
+                <div class="option-list"> <!-- Daftar pilihan -->
+                    <div class="option">
+                        <input type="checkbox" id="genre1" name="genre[]" value="genre1">
+                        <label for="genre1">Genre 1</label>
+                    </div>
+                    <div class="option">
+                        <input type="checkbox" id="genre2" name="genre[]" value="genre2">
+                        <label for="genre2">Genre 2</label>
+                    </div>
+                    <!-- Tambahkan pilihan genre lainnya di sini -->
+                </div>
+            </div>
+        </div>
+        <label for="durasi">Durasi:</label><br>
+        <input type="text" id="durasi" name="durasi"><br><br>
+        <input type="submit" value="SUBMIT">
+    </form>
+
+    <!-- DAFTAR LAGU PADA ALBUM1 table -->
+    <h2>DAFTAR LAGU PADA ALBUM1</h2>
+    <table>
+        <tr>
+            <th>Judul</th>
+            <th>Durasi</th>
+            <th>Total Play</th>
+            <th>Total Download</th>
+            <th>Action</th>
+        </tr>
+        <!-- Dummy data -->
+        <tr>
+            <td>Lagu1</td>
+            <td>2 menit</td>
+            <td>3</td>
+            <td>0</td>
+            <td>
+                <a href="#">Lihat Detail</a>
+                <a href="#">Hapus</a>
+            </td>
+        </tr>
+        <tr>
+            <td>Lagu2</td>
+            <td>3 menit</td>
+            <td>2</td>
+            <td>2</td>
+            <td>
+                <a href="#">Lihat Detail</a>
+                <a href="#">Hapus</a>
+            </td>
+        </tr>
+        <!-- Dummy data ends -->
+    </table>
+</body>
+</html>
diff --git a/album_song_royalti/templates/lihat_detail_lagu.html b/album_song_royalti/templates/lihat_detail_lagu.html
new file mode 100644
index 0000000..b0eb06f
--- /dev/null
+++ b/album_song_royalti/templates/lihat_detail_lagu.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+    {% include 'nav.html' %}
+<head>
+    <title>Detail Lagu</title>
+</head>
+<body>
+    <h1>Detail Lagu</h1>
+    
+    {% if song %}
+        <table border="1">
+            <tr>
+                <th>ID</th>
+                <td>{{ song.id }}</td>
+            </tr>
+            <tr>
+                <th>Judul</th>
+                <td>{{ song.judul }}</td>
+            </tr>
+            <tr>
+                <th>Durasi</th>
+                <td>{{ song.durasi }} menit</td>
+            </tr>
+            <tr>
+                <th>Total Play</th>
+                <td>{{ song.total_play }}</td>
+            </tr>
+            <tr>
+                <th>Total Download</th>
+                <td>{{ song.total_download }}</td>
+            </tr>
+        </table>
+    {% else %}
+        <p>Lagu tidak ditemukan.</p>
+    {% endif %}
+    
+    <!-- <a href="{% url 'list_album_artist' %}">Kembali ke Daftar Album</a> -->
+</body>
+</html>
diff --git a/album_song_royalti/templates/list_album.html b/album_song_royalti/templates/list_album.html
new file mode 100644
index 0000000..a4b7015
--- /dev/null
+++ b/album_song_royalti/templates/list_album.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <!-- list album untuk label -->
+    <title>Daftar Album - Label</title>
+</head>
+<body>
+    <h1>Daftar Album</h1>
+    <table border="1">
+        <thead>
+            <tr>
+                <th>Judul</th>
+                <th>Jumlah Lagu</th>
+                <th>Total Durasi</th>
+                <th>Action</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for album in album_list %}
+            <tr>
+                <td>{{ album.judul }}</td>
+                <td>{{ album.jumlah_lagu }}</td>
+                <td>{{ album.total_durasi }} menit</td>
+                <td>
+                    <a href="{% url 'lihat_daftar_lagu_label' album.id %}">Lihat Daftar Lagu</a>
+                    <form action="{% url 'hapus_album' album.id %}" method="post" style="display:inline;">
+                        {% csrf_token %}
+                        <button type="submit">Hapus</button>
+                    </form>
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</body>
+</html>
diff --git a/album_song_royalti/templates/list_album_artist.html b/album_song_royalti/templates/list_album_artist.html
new file mode 100644
index 0000000..c37b6fd
--- /dev/null
+++ b/album_song_royalti/templates/list_album_artist.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Daftar Album - Artist/Songwriter</title>
+</head>
+<body>
+    <h1>Daftar Album</h1>
+    <a href="{% url 'create_album' %}">Buat Album Baru</a>
+    
+    {% if album_list_songwriter %}
+        <h1>Daftar Album As Songwriter</h1>
+        <table border="1">
+            <thead>
+                <tr>
+                    <th>Judul</th>
+                    <th>Label</th>
+                    <th>Jumlah Lagu</th>
+                    <th>Total Durasi</th>
+                    <th>Action</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for album in album_list_songwriter %}
+                <tr>
+                    <td>{{ album.judul }}</td>
+                    <td>{{ album.label }}</td>
+                    <td>{{ album.jumlah_lagu }}</td>
+                    <td>{{ album.total_durasi }} menit</td>
+                    <td>
+                        <a href="{% url 'lihat_daftar_lagu_artist' album.id %}">Lihat Daftar Lagu</a>
+                        <a href="{% url 'create_lagu' album.id %}">Tambah Lagu</a>
+                        <form action="{% url 'hapus_album' album.id %}" method="post" style="display:inline;">
+                            {% csrf_token %}
+                            <button type="submit">Hapus</button>
+                        </form>
+                    </td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    {% endif %}
+    
+    {% if album_list_artist %}
+        <h1>Daftar Album As Artist</h1>
+        <table border="1">
+            <thead>
+                <tr>
+                    <th>Judul</th>
+                    <th>Label</th>
+                    <th>Jumlah Lagu</th>
+                    <th>Total Durasi</th>
+                    <th>Action</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for album in album_list_artist %}
+                <tr>
+                    <td>{{ album.judul }}</td>
+                    <td>{{ album.label }}</td>
+                    <td>{{ album.jumlah_lagu }}</td>
+                    <td>{{ album.total_durasi }} menit</td>
+                    <td>
+                        <a href="{% url 'lihat_daftar_lagu_artist' album.id %}">Lihat Daftar Lagu</a>
+                        <a href="{% url 'create_lagu' album.id %}">Tambah Lagu</a>
+                        <form action="{% url 'hapus_album' album.id %}" method="post" style="display:inline;">
+                            {% csrf_token %}
+                            <button type="submit">Hapus</button>
+                        </form>
+                    </td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    {% endif %}
+</body>
+</html>
diff --git a/album_song_royalti/templates/list_lagu.html b/album_song_royalti/templates/list_lagu.html
new file mode 100644
index 0000000..d73a04e
--- /dev/null
+++ b/album_song_royalti/templates/list_lagu.html
@@ -0,0 +1,41 @@
+<!-- templates/list_lagu.html -->
+<!DOCTYPE html>
+<html lang="en">
+{% include 'nav.html' %}
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Daftar Lagu</title>
+</head>
+<body>
+    <h1>Daftar Lagu pada Album {{ album.judul }}</h1>
+    <table border="1">
+        <thead>
+            <tr>
+                <th>Judul</th>
+                <th>Durasi</th>
+                <th>Total Play</th>
+                <th>Total Download</th>
+                <th>Action</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for lagu in lagu_list %}
+                <tr>
+                    <td>{{ lagu.judul }}</td>
+                    <td>{{ lagu.durasi }} menit</td>
+                    <td>{{ lagu.total_play }}</td>
+                    <td>{{ lagu.total_download }}</td>
+                    <td>
+                        <a href="{% url 'lihat_detail_lagu' lagu.id %}">Lihat Detail</a>
+                        <form method="post" action="{% url 'hapus_lagu' lagu.id %}" style="display:inline;">
+                            {% csrf_token %}
+                            <button type="submit">Hapus</button>
+                        </form>
+                    </td>
+                </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</body>
+</html>
diff --git a/album_song_royalti/templates/multiselect_form.html b/album_song_royalti/templates/multiselect_form.html
new file mode 100644
index 0000000..fdc142e
--- /dev/null
+++ b/album_song_royalti/templates/multiselect_form.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Multiselect Example</title>
+</head>
+<body>
+    <form action="/album_song_royalti/submit" method="post">
+        <label for="names">Choose names:</label><br>
+        <select id="names" name="names" multiple size="4">
+            <option value="sa">sa</option>
+            <option value="be">be</option>
+            <option value="bu">bu</option>
+            <option value="ji">ji</option>
+        </select><br><br>
+        <input type="submit" value="Submit">
+    </form>
+</body>
+</html>
\ No newline at end of file
diff --git a/album_song_royalti/templates/rd_kelola_album_and_song.html b/album_song_royalti/templates/rd_kelola_album_and_song.html
new file mode 100644
index 0000000..388a9b4
--- /dev/null
+++ b/album_song_royalti/templates/rd_kelola_album_and_song.html
@@ -0,0 +1,95 @@
+<nav class="navbar">
+    <ul>
+        <li><a href="#">Dashboard</a></li>
+        <li><a href="#">Kelola Album</a></li>
+        <li><a href="#">Cek Royalti</a></li>
+        <li><a href="#">Logout</a></li>
+    </ul>
+</nav>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CRUD Kelola Album & Song</title>
+    <!-- Link CSS di sini -->
+    <link rel="stylesheet" href="styles.css">
+</head>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kelola Album</title>
+    <!-- Link CSS di sini -->
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <!-- LIST ALBUM table -->
+    <h2>LIST ALBUM</h2>
+    <table>
+        <tr>
+            <th>Judul</th>
+            <th>Jumlah Lagu</th>
+            <th>Total Durasi</th>
+            <th>Action</th>
+        </tr>
+        <!-- Dummy data -->
+        <tr>
+            <td>Album1</td>
+            <td>0</td>
+            <td>0 menit</td>
+            <td>
+                <a href="#">Lihat Daftar Lagu</a>
+                <a href="#">Hapus</a>
+            </td>
+        </tr>
+        <tr>
+            <td>Album2</td>
+            <td>2</td>
+            <td>4 menit</td>
+            <td>
+                <a href="#">Lihat Daftar Lagu</a>
+                <a href="#">Hapus</a>
+            </td>
+        </tr>
+        <!-- Dummy data ends -->
+    </table>
+
+    <!-- DAFTAR LAGU PADA ALBUM1 table -->
+    <h2>DAFTAR LAGU PADA ALBUM1</h2>
+    <table>
+        <tr>
+            <th>Judul</th>
+            <th>Durasi</th>
+            <th>Total Play</th>
+            <th>Total Download</th>
+            <th>Action</th>
+        </tr>
+        <!-- Dummy data -->
+        <tr>
+            <td>Lagu1</td>
+            <td>2 menit</td>
+            <td>3</td>
+            <td>0</td>
+            <td>
+                <a href="#">Lihat Detail</a>
+                <a href="#">Hapus</a>
+            </td>
+        </tr>
+        <tr>
+            <td>Lagu2</td>
+            <td>3 menit</td>
+            <td>2</td>
+            <td>2</td>
+            <td>
+                <a href="#">Lihat Detail</a>
+                <a href="#">Hapus</a>
+            </td>
+        </tr>
+        <!-- Dummy data ends -->
+    </table>
+</body>
+</html>
diff --git a/album_song_royalti/templates/styles.css b/album_song_royalti/templates/styles.css
new file mode 100644
index 0000000..77ee017
--- /dev/null
+++ b/album_song_royalti/templates/styles.css
@@ -0,0 +1,104 @@
+.navbar {
+    background-color: #007bff; /* Warna latar belakang navbar */
+    overflow: hidden;
+}
+
+.navbar ul {
+    list-style-type: none; /* Menghilangkan bullet list */
+    margin: 0;
+    padding: 0;
+}
+
+.navbar li {
+    float: left;
+}
+
+.navbar li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+.navbar li a:hover {
+    background-color: #0056b3; /* Warna latar belakang saat mouse hover */
+}
+
+
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    background-color: #f4f4f4;
+    padding: 20px;
+}
+
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+h2 {
+    margin-bottom: 20px;
+}
+
+form {
+    background: #fff;
+    padding: 20px;
+    border-radius: 5px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+form label {
+    font-weight: bold;
+    display: block;
+    margin-bottom: 5px;
+}
+
+form input[type="text"],
+form select {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 10px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+
+form input[type="submit"] {
+    background: #007bff;
+    color: #fff;
+    border: none;
+    padding: 10px 20px;
+    cursor: pointer;
+    border-radius: 5px;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 20px;
+}
+
+table th,
+table td {
+    padding: 10px;
+    border: 1px solid #ccc;
+    text-align: left;
+}
+
+table th {
+    background-color: #f2f2f2;
+}
+
+a {
+    text-decoration: none;
+    color: #007bff;
+    margin-right: 10px;
+}
diff --git a/album_song_royalti/tes.py b/album_song_royalti/tes.py
new file mode 100644
index 0000000..7e87357
--- /dev/null
+++ b/album_song_royalti/tes.py
@@ -0,0 +1,6 @@
+#Impory uuid
+import uuid
+
+#buat uuid
+album_id = str(uuid.uuid4())
+print(album_id)
\ No newline at end of file
diff --git a/album_song_royalti/tes_multi.html b/album_song_royalti/tes_multi.html
new file mode 100644
index 0000000..bf81f08
--- /dev/null
+++ b/album_song_royalti/tes_multi.html
@@ -0,0 +1,19 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Multi-selection</title>
+</head>
+<body>
+
+<form action="#">
+  <label for="options">Pilih opsi (boleh lebih dari satu):</label><br>
+  <select name="options" id="options" multiple>
+    <option value="1">Opsi 1</option>
+    <option value="2">Opsi 2</option>
+    <option value="3">Opsi 3</option>
+    <option value="4">Opsi 4</option>
+  </select><br><br>
+  <input type="submit" value="Submit">
+</form>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/album_song_royalti/tests.py b/album_song_royalti/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/album_song_royalti/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/album_song_royalti/ubah_format.py b/album_song_royalti/ubah_format.py
new file mode 100644
index 0000000..674b2cd
--- /dev/null
+++ b/album_song_royalti/ubah_format.py
@@ -0,0 +1,7 @@
+import json
+from uuid import UUID
+
+# String dictionary yang diberikan
+string_dict = '{"id": UUID("8e604435-ac15-496f-90ca-4ac3255e51b0"), "nama": "Harper-Bell"}'
+
+print(string_dict[13:49])
\ No newline at end of file
diff --git a/album_song_royalti/urls.py b/album_song_royalti/urls.py
new file mode 100644
index 0000000..e1f8bae
--- /dev/null
+++ b/album_song_royalti/urls.py
@@ -0,0 +1,21 @@
+from django.urls import path
+from album_song_royalti.views import *
+
+urlpatterns = [
+    #cek royalti
+    path('cek-royalti/', cek_royalti, name='cek_royalti'),
+    #baru
+    path('list-album/', list_album, name='list_album'),
+    path('list-album-artist/', list_album_artist, name='list_album_artist'),
+    path('daftar-lagu/<uuid:album_id>/', daftar_lagu, name='lihat_daftar_lagu_label'),
+    path('daftar-lagu-artist/<uuid:album_id>/', daftar_lagu, name='lihat_daftar_lagu_artist'),
+    path('create-album/', create_album, name='create_album'),
+    path('create-lagu/<uuid:album_id>/', create_lagu, name='create_lagu'),
+    path('hapus-album/<uuid:album_id>/', hapus_album, name='hapus_album'),
+    path('hapus-lagu/<uuid:song_id>/', hapus_lagu, name='hapus_lagu'),
+    path('index/', index, name='index'),
+    path('submit', submit, name='submit'),
+
+    path('entry_album_song_create_list/', entry_album_song_create_list, name='entry_album_song_create_list'),
+    path('lihat_detail_lagu/<uuid:song_id>/', lihat_detail_lagu, name='lihat_detail_lagu'),
+]
diff --git a/album_song_royalti/views.py b/album_song_royalti/views.py
new file mode 100644
index 0000000..b80d11e
--- /dev/null
+++ b/album_song_royalti/views.py
@@ -0,0 +1,880 @@
+from django.shortcuts import render
+
+# Create your views here.
+from django.shortcuts import render
+from django.shortcuts import render, redirect
+from django.contrib.auth import authenticate, login
+from django.contrib import messages
+import uuid
+# from .forms import LoginForm -> ga usah pakai form langsung dari login.html aja(?)
+import json
+from django.db import connection
+# from connect_postgres import execute_sql_query
+from django.shortcuts import render, redirect
+from django.contrib.auth.decorators import login_required
+from django.http import HttpResponse, JsonResponse,HttpResponseRedirect
+import datetime
+import uuid
+from django.views.decorators.csrf import csrf_exempt
+from django.contrib import messages
+from django.contrib.auth.hashers import check_password
+from django.urls import reverse
+import psycopg2
+from django.shortcuts import render, redirect
+from django.contrib import messages
+from django.db import connection
+
+
+# #CREATE ALBUM -> butuh masukkin judul isian, dan dropdown label (fetch semua label yang terdaftar di marmut)
+# def get_labels():
+#     with connection.cursor() as cursor:
+#         cursor.execute("SELECT id, name FROM marmut_label")
+#         labels = cursor.fetchall()
+#     return [{'id': label[0], 'name': label[1]} for label in labels]
+
+# def create_album(request):
+#     if request.method == 'POST':
+#         judul = request.POST.get('judul')
+#         label_id = request.POST.get('label')
+#         album_id = str(uuid.uuid4()) 
+#         with connection.cursor() as cursor:
+#             cursor.execute("""
+#                 INSERT INTO marmut_album (id, judul, label_id) 
+#                 VALUES (%s, %s, %s)
+#             """, [album_id, judul, label_id])
+#         #cek lagi yang relate dengan table album -> song ga relate karena kan bisa aja albumnya kosong dulu -> jumlah lagunya 0 misalnya
+#         #
+#         return redirect(reverse('success_create_album'))
+    
+#     labels = get_labels()
+#     return render(request, 'create_album.html', {'labels': labels})
+    
+
+# def success_create_album(request):
+#     return HttpResponse("Album anda berhasil dibuat! Terus berkarya")
+
+
+# #LIST_ALBUM VIEWS
+# def get_albums():
+#     with connection.cursor() as cursor:
+#         cursor.execute("""
+#             SELECT a.id, a.judul, l.name as label_name,
+#                    COUNT(s.id) as jumlah_lagu,
+#                    COALESCE(SUM(s.durasi), 0) as total_durasi
+#             FROM marmut_album a
+#             LEFT JOIN marmut_label l ON a.label_id = l.id
+#             LEFT JOIN marmut_song s ON a.id = s.album_id
+#             GROUP BY a.id, a.judul, l.name
+#         """)
+#         albums = cursor.fetchall()
+#     return [{
+#         'id': album[0],
+#         'judul': album[1],
+#         'label_name': album[2],
+#         'jumlah_lagu': album[3],
+#         'total_durasi': album[4]
+#     } for album in albums]
+
+# def list_album(request):
+#     albums = get_albums() #ambil semua album
+#     return render(request, 'list_album.html', {'albums': albums})
+
+# def hapus_album(request, album_id):
+#     if request.method == 'POST':
+#         with connection.cursor() as cursor:
+#             cursor.execute("DELETE FROM marmut_album WHERE id = %s", [album_id])
+#         return redirect(reverse('list_album'))
+# #function get album by id bisa untuk list album dan untuk list lagu di suatu album  
+# def get_album_by_id(album_id):
+#     with connection.cursor() as cursor:
+#         cursor.execute("SELECT id, judul FROM marmut_album WHERE id = %s", [album_id])
+#         album = cursor.fetchone()
+#     return {'id': album[0], 'judul': album[1]} if album else None
+
+# #lanjutan dari list_album views
+
+
+# #create_lagu views
+#     #ambil bedasarkanalbum yang diklik -> di album : nama album 
+
+
+
+# def get_artists():
+#     with connection.cursor() as cursor:
+#         cursor.execute("SELECT id, name FROM marmut_artist")
+#         artists = cursor.fetchall()
+#     return [{'id': artist[0], 'name': artist[1]} for artist in artists]
+
+# def get_songwriters():
+#     with connection.cursor() as cursor:
+#         cursor.execute("SELECT id, name FROM marmut_songwriter")
+#         songwriters = cursor.fetchall()
+#     return [{'id': songwriter[0], 'name': songwriter[1]} for songwriter in songwriters]
+
+# def get_genres():
+#     with connection.cursor() as cursor:
+#         cursor.execute("SELECT id, name FROM marmut_genre")
+#         genres = cursor.fetchall()
+#     return [{'id': genre[0], 'name': genre[1]} for genre in genres]
+
+# def create_lagu(request):
+#     user_data = request.session.get('user_data', {})
+#     is_artist = user_data.get('is_artist', False)
+#     is_songwriter = user_data.get('is_songwriter', False)
+#     user_artist_id = user_data.get('artist_id', None)
+#     user_songwriter_id = user_data.get('songwriter_id', None)
+    
+#     if request.method == 'POST':
+#         album_id = request.POST.get('album')
+#         judul = request.POST.get('judul')
+#         artist_id = user_artist_id if is_artist else request.POST.get('artist')
+#         songwriters = request.POST.getlist('songwriters')
+#         genres = request.POST.getlist('genres')
+#         durasi = request.POST.get('durasi')
+#         song_id = str(uuid.uuid4())
+
+#         with connection.cursor() as cursor:
+#             cursor.execute("""
+#                 INSERT INTO marmut_song (id, judul, artist_id, album_id, durasi)
+#                 VALUES (%s, %s, %s, %s, %s)
+#             """, [song_id, judul, artist_id, album_id, durasi])
+            
+#             for songwriter_id in songwriters:
+#                 cursor.execute("""
+#                     INSERT INTO marmut_songwriter_write_song (songwriter_id, song_id)
+#                     VALUES (%s, %s)
+#                 """, [songwriter_id, song_id])
+            
+#             for genre_id in genres:
+#                 cursor.execute("""
+#                     INSERT INTO marmut_song_genre (song_id, genre_id)
+#                     VALUES (%s, %s)
+#                 """, [song_id, genre_id])
+
+#         return redirect(reverse('success'))
+
+#     albums = get_albums()
+#     artists = get_artists() if is_songwriter else []
+#     songwriters = get_songwriters()
+#     genres = get_genres()
+
+#     context = {
+#         'albums': albums,
+#         'artists': artists,
+#         'songwriters': songwriters,
+#         'genres': genres,
+#         'is_artist': is_artist,
+#         'is_songwriter': is_songwriter,
+#         'user_artist_id': user_artist_id,
+#         'user_songwriter_id': user_songwriter_id,
+#     }
+
+#     return render(request, 'create_lagu.html', context)
+
+# #list lagu views
+
+# from django.shortcuts import render, redirect, get_object_or_404
+# from django.urls import reverse
+# from django.db import connection
+# from django.http import HttpResponse
+
+# def get_album_by_id(album_id):
+#     with connection.cursor() as cursor:
+#         cursor.execute("SELECT id, judul FROM marmut_album WHERE id = %s", [album_id])
+#         album = cursor.fetchone()
+#     return {'id': album[0], 'judul': album[1]} if album else None
+
+# def get_lagu_by_album_id(album_id):
+#     with connection.cursor() as cursor:
+#         cursor.execute("""
+#             SELECT id, judul, durasi, total_play, total_download
+#             FROM marmut_song
+#             WHERE album_id = %s
+#         """, [album_id])
+#         lagu_list = cursor.fetchall()
+#     return [{
+#         'id': lagu[0],
+#         'judul': lagu[1],
+#         'durasi': lagu[2],
+#         'total_play': lagu[3],
+#         'total_download': lagu[4]
+#     } for lagu in lagu_list]
+
+# def list_lagu(request, album_id):
+#     album = get_album_by_id(album_id)
+#     if not album:
+#         return HttpResponse("Album not found", status=404)
+
+#     lagu_list = get_lagu_by_album_id(album_id)
+
+#     context = {
+#         'album': album,
+#         'lagu_list': lagu_list
+#     }
+#     return render(request, 'list_lagu.html', context)
+
+# def hapus_lagu(request, lagu_id):
+#     if request.method == 'POST':
+#         with connection.cursor() as cursor:
+#             cursor.execute("DELETE FROM marmut_song WHERE id = %s", [lagu_id])
+#         return redirect(request.META.get('HTTP_REFERER', 'redirect_if_referer_not_found'))
+#     return HttpResponse(status=405)
+
+# def lihat_detail(request, lagu_id):
+#     with connection.cursor() as cursor:
+#         cursor.execute("""
+#             SELECT id, judul, durasi, total_play, total_download, artist_id
+#             FROM marmut_song
+#             WHERE id = %s
+#         """, [lagu_id])
+#         lagu = cursor.fetchone()
+
+#     if not lagu:
+#         return HttpResponse("Lagu not found", status=404)
+
+#     context = {
+#         'lagu': {
+#             'id': lagu[0],
+#             'judul': lagu[1],
+#             'durasi': lagu[2],
+#             'total_play': lagu[3],
+#             'total_download': lagu[4],
+#             'artist_id': lagu[5]
+#         }
+#     }
+#     return render(request, 'lihat_detail.html', context)
+
+
+#CEK_ROYALTI views.py
+def cek_royalti(request):
+    # Raw query to retrieve royalty information
+    user_data = request.session.get('user_data', {})
+    user_email = user_data.get('email', '')
+    royalti_artist = []
+    royalti_songwriter = []
+    royalti_label = []
+
+
+    #semuanya -> label, songwriter, dan artist -> ada pemilih hak cipta kan
+    #cari terlebih dahulu id pemilik_hak_ciptanya
+    #if is_label -> cari dari table label
+    if user_data['is_label']:
+        with connection.cursor() as cursor:
+            cursor.execute("""
+            SELECT id FROM marmut.label WHERE email = %s
+            """, [user_email])
+            label_hak_cipta_id = cursor.fetchall()
+            print("Keprinttt")
+            print(label_hak_cipta_id)
+    #if is_artist -> cari dari table artist
+    if user_data['is_artist']:
+        with connection.cursor() as cursor:
+            cursor.execute("""
+            SELECT id FROM marmut.artist WHERE email_akun = %s
+            """, [user_email])
+            artist_hak_cipta_id = cursor.fetchall()
+    #if is_songwriter -> cari dari table songwriter
+    if user_data['is_songwriter']:
+        with connection.cursor() as cursor:
+            cursor.execute("""
+            SELECT id FROM marmut.songwriter WHERE email_akun = %s
+            """, [user_email])
+            songwriter_hak_cipta_id = cursor.fetchall()
+        
+    #krn bisa multiple role -> berarti di html pakai as artist , or as sonrgwritre, dan seterunsya 
+    #ambil dulu sebagai label
+    if user_data['is_artist']:
+        with connection.cursor() as cursor:
+            cursor.execute("""
+            SET SEARCH_PATH TO MARMUT;
+            SELECT 
+            k.judul AS judul_lagu,
+            Al.judul AS judul_album,
+            S.total_play AS TotalPlay,
+            S.total_download AS TotalDownload,
+            (CAST(S.total_play AS NUMERIC) * CAST(PHC.rate_royalti AS NUMERIC)) AS TotalRoyalti,
+            PHC.id AS id_pemilik_hak_cipta,
+            S.id_konten AS id_song
+            FROM
+            ARTIST a
+            JOIN PEMILIK_HAK_CIPTA AS PHC On phc.id = A.id_pemilik_hak_cipta
+            
+            JOIN SONG as s on a.id = s.id_artist
+            JOIN KONTEN K ON K.id = S.id_konten
+            JOIN ALBUM Al ON al.id = s.id_album
+            WHERE
+            a.email_akun = %s;
+
+            """, [user_email])
+            royalti_artist = cursor.fetchall()
+            #JOIN ROYALTI AS R on r.id_pemilik_hak_cipta = a.id_pemilik_hak_cipta
+            #krn ini ada yg ga diamsukkin ke royalti
+            for row in royalti_artist:
+                id_song = row[6]
+                id_pemilik_hak_cipta = row[5]
+                total_royalti = row[4]
+
+                cursor.execute("""
+                UPDATE ROYALTI
+                SET jumlah = %s
+                WHERE id_pemilik_hak_cipta = %s AND id_song = %s
+                """, [total_royalti/10000, id_pemilik_hak_cipta, id_song])
+            print("ROYALTI ARTIS")
+            print(royalti_artist)
+
+    # #if is_songwriter
+    if user_data['is_songwriter']:
+        print("USERRRRRRRRRRRRRRR EMAILLLLLLLLLLLL SONGWRITERR")
+        print(user_email)
+        with connection.cursor() as cursor:
+            cursor.execute("""
+            
+                SET SEARCH_PATH TO MARMUT;
+                SELECT 
+                k.judul AS judul_lagu,
+                Al.judul AS judul_album,
+                S.total_play AS TotalPlay,
+                S.total_download AS TotalDownload,
+                (CAST(S.total_play AS NUMERIC) * CAST(PHC.rate_royalti AS NUMERIC)) AS TotalRoyalti,
+                PHC.id AS id_pemilik_hak_cipta,
+                s.id_konten AS id_song
+                FROM
+                SONGWRITER a
+                JOIN songwriter_write_song as sw on a.id = sw.id_songwriter
+                JOIN PEMILIK_HAK_CIPTA AS PHC On phc.id = A.id_pemilik_hak_cipta
+               
+                JOIN song as s on s.id_konten = sw.id_song
+              
+      
+                JOIN KONTEN K ON K.id = S.id_konten
+                JOIN ALBUM Al ON al.id = s.id_album
+                WHERE
+                a.email_akun = %s;
+
+            """, [user_email])
+            royalti_songwriter = cursor.fetchall()
+            #ini karena ternyata ada yang belum diamsukkin ke royalti
+             # JOIN ROYALTI AS R on r.id_pemilik_hak_cipta = a.id_pemilik_hak_cipta
+            for row in royalti_songwriter:
+                id_song = row[6]
+                id_pemilik_hak_cipta = row[5]
+                total_royalti = row[4]
+
+                cursor.execute("""
+                UPDATE ROYALTI
+                SET jumlah = %s
+                WHERE id_pemilik_hak_cipta = %s AND id_song = %s
+                """, [total_royalti/10000, id_pemilik_hak_cipta, id_song])
+ 
+
+    # #if is_songwriter
+    if user_data['is_label']:
+        with connection.cursor() as cursor:
+            cursor.execute("""
+            SET SEARCH_PATH TO MARMUT;
+            SELECT
+            k.judul AS judul_lagu,
+            A.judul AS judul_album,
+            S.total_play AS TotalPlay,
+            S.total_download AS TotalDownload,
+            (CAST(S.total_play AS NUMERIC) * CAST(PHC.rate_royalti AS NUMERIC)) AS TotalRoyalti,
+            PHC.id AS id_pemilik_hak_cipta,
+            s.id_konten as id_song
+            FROM
+            LABEL L
+            JOIN ALBUM A ON L.id = A.id_label
+            JOIN SONG S ON S.id_album = A.id
+            JOIN KONTEN K ON K.id = S.id_konten
+            JOIN PEMILIK_HAK_CIPTA PHC ON L.id_pemilik_hak_cipta = PHC.id
+            WHERE
+            L.email = %s
+
+            """, [user_email])
+            royalti_label = cursor.fetchall()
+            print(royalti_label)
+            for row in royalti_label:
+                id_song = row[6]
+                id_pemilik_hak_cipta = row[5]
+                total_royalti = row[4]
+
+                cursor.execute("""
+                UPDATE ROYALTI
+                SET jumlah = %s
+                WHERE id_pemilik_hak_cipta = %s AND id_song = %s
+                """, [total_royalti/10000, id_pemilik_hak_cipta, id_song])
+    print("royalti artist")
+    print(royalti_artist)
+    print("royalti_songwriter")
+    print(royalti_songwriter)
+    print("royalti_label")
+    print(royalti_label)
+    context = {
+        'royalti_artist': royalti_artist,
+        'royalti_songwriter': royalti_songwriter,
+        'royalti_label': royalti_label
+
+    }
+    return render(request, 'cek_royalti.html', context)
+
+# SET SEARCH_PATH TO MARMUT;
+#             SELECT a.judul AS JudulLagu, A.judul AS JudulAlbum, S.total_play AS TotalPlay, 
+#             S.total_download AS TotalDownload, 
+#             (CAST(S.total_play AS NUMERIC) * CAST(PH.rate_royalti AS NUMERIC)) AS TotalRoyalti
+#             FROM SONG AS S
+#             JOIN ALBUM AS A ON S.id_album = A.id
+#             JOIN ARTIST AS AR ON S.id_artist = AR.id
+#             JOIN PEMILIK_HAK_CIPTA AS PH ON AR.id_pemilik_hak_cipta = PH.id
+#             WHERE AR.email_akun = %s
+
+
+
+from django.shortcuts import render, redirect, get_object_or_404
+from django.http import HttpResponse
+from django.db import connection
+from django.urls import reverse
+import uuid
+
+def list_album(request):
+    user_data = request.session.get('user_data', {})
+    is_label = user_data.get('is_label', False)
+    user_email = user_data.get('email', None)
+
+    if not is_label:
+        return HttpResponse("You are not authorized to access this page", status=403)
+
+    #ambil id label dari email
+    with connection.cursor() as cursor:
+        cursor.execute("SELECT id FROM marmut.label WHERE email = %s", [user_email])
+        label_id = cursor.fetchone()[0]
+    
+    with connection.cursor() as cursor:
+        cursor.execute("""
+           SELECT
+                ALBUM.id,
+                ALBUM.judul,
+                ALBUM.jumlah_lagu,
+                ALBUM.total_durasi
+            FROM
+                marmut.ALBUM
+            JOIN
+                marmut.LABEL ON ALBUM.id_label = LABEL.id
+            WHERE
+                LABEL.id = %s;
+        """, [label_id])
+        album_list = cursor.fetchall()
+
+
+    context = {
+        'album_list': [{
+            'id': album[0],
+            'judul': album[1],
+            'jumlah_lagu': album[2],
+            'total_durasi': album[3]
+        } for album in album_list]
+    }
+    return render(request, 'list_album.html', context)
+
+def list_album_artist(request):
+    user_data = request.session.get('user_data', {})
+    email = user_data.get('email', None)
+    is_artist = user_data.get('is_artist', False)
+    is_songwriter = user_data.get('is_songwriter', False)
+    is_label = user_data.get('is_label', False)
+
+    if not (is_artist or is_songwriter or is_label):
+        return HttpResponse("You are not authorized to access this page", status=403)
+
+    album_list_songwriter = []
+    album_list_artist = []
+
+    if is_songwriter:
+        with connection.cursor() as cursor:
+            cursor.execute("""
+                SET SEARCH_PATH TO MARMUT;
+                SELECT a.id, a.judul, a.jumlah_lagu, a.total_durasi, l.nama
+                FROM songwriter sw
+                JOIN songwriter_write_song sws ON sw.id = sws.id_songwriter
+                JOIN song s ON sws.id_song = s.id_konten
+                JOIN album a ON s.id_album = a.id
+                JOIN label l ON a.id_label = l.id
+                WHERE sw.email_akun = %s
+            """, [email])
+            album_list_songwriter = cursor.fetchall()
+    album_list_songwriter = list(set(album_list_songwriter))
+    if is_artist:
+        with connection.cursor() as cursor:
+            cursor.execute("""
+                SET SEARCH_PATH TO MARMUT;
+                SELECT DISTINCT a.id, a.judul, a.jumlah_lagu, a.total_durasi, l.nama
+                FROM artist ar
+                JOIN song s ON ar.id = s.id_artist
+                JOIN album a ON s.id_album = a.id
+                JOIN label l ON a.id_label = l.id
+                WHERE ar.email_akun = %s
+            """, [email])
+            album_list_artist = cursor.fetchall()
+
+    context = {
+        'album_list_songwriter': [{
+            'id': album[0],
+            'judul': album[1],
+            'jumlah_lagu': album[2],
+            'total_durasi': album[3],
+            'label': album[4]
+        } for album in album_list_songwriter],
+        'album_list_artist': [{
+            'id': album[0],
+            'judul': album[1],
+            'jumlah_lagu': album[2],
+            'total_durasi': album[3],
+            'label': album[4]
+        } for album in album_list_artist]
+    }
+    return render(request, 'list_album_artist.html', context)
+
+
+
+def daftar_lagu(request, album_id):
+    with connection.cursor() as cursor:
+        #cursor.execute("SELECT id_konten, judul, durasi, total_play, total_download FROM marmut.song WHERE id_album = %s", [album_id])
+        cursor.execute("""SELECT id_konten, k.judul, k.durasi, total_play, total_download 
+                       FROM marmut.song
+                       JOIN marmut.konten k ON song.id_konten = k.id
+                       WHERE id_album = %s """, [album_id])
+
+        song_list = cursor.fetchall()
+        
+        cursor.execute("SELECT judul FROM marmut.album WHERE id = %s", [album_id])
+        album = cursor.fetchone()
+
+    context = {
+        'album': {'judul': album[0]},
+        'song_list': [{
+            'id': song[0],
+            'judul': song[1],
+            'durasi': song[2],
+            'total_play': song[3],
+            'total_download': song[4]
+        } for song in song_list]
+    }
+    return render(request, 'daftar_lagu.html', context)
+def lihat_detail_lagu(request, song_id):
+    with connection.cursor() as cursor:
+        cursor.execute("""
+            SELECT id_konten, judul, durasi, total_play, total_download
+            FROM marmut.song
+            JOIN marmut.konten ON song.id_konten = konten.id
+            WHERE id_konten = %s
+        """, [song_id])
+        song = cursor.fetchone()
+
+    if not song:
+        return HttpResponse("Lagu not found", status=404)
+
+    context = {
+        'song': {
+            'id': song[0],
+            'judul': song[1],
+            'durasi': song[2],
+            'total_play': song[3],
+            'total_download': song[4]
+        }
+    }
+    return render(request, 'lihat_detail_lagu.html', context)
+
+#BATASSSSSSS
+#BATASSSSSS
+
+
+def create_album(request):
+    user_data = request.session.get('user_data', {})
+    email = user_data.get('email', None)
+ 
+    if request.method == "POST":
+        #print(request.POST)
+        for a in request.POST:
+            print(a, request.POST[a])
+        judul_album = request.POST.get('judul_album')
+        label_str = request.POST.get('label')
+        label_id = label_str[13:49]
+        judul_lagu = request.POST.get('judul_lagu')
+        artists = request.POST.get('artist')
+        print(artists)
+        songwriters = request.POST.getlist('songwriter[]')
+        genres = request.POST.getlist('genre[]')
+        durasi = request.POST.get('durasi')
+        #ambil tanggal sekarang
+        tanggal_rilis = datetime.datetime.now()
+        tahun = tanggal_rilis.year
+        
+        #carik artist email di database akun
+        with connection.cursor() as cursor:
+            cursor.execute("SELECT email FROM marmut.akun WHERE nama = %s", [artists])
+            artist_email = cursor.fetchone()
+            print("AARTISTTTTTTTTTTTTTTTT EMAILLLLLLLLLLLLLL")
+            print(artist_email)
+        print("YANG INIIIII KEPRINTTT")
+        #carik di artist_id pakai query dah 
+        with connection.cursor() as cursor:
+            cursor.execute("SELECT id FROM marmut.artist WHERE email_akun = %s", [artist_email])
+            artist_id = cursor.fetchone()
+        
+        print(artist_id)
+        
+        genre_masuk = []
+        #isinya nomor idnya 
+        for genre in genres:
+            print(genre)
+            with connection.cursor() as cursor:
+                cursor.execute("SELECT DISTINCT genre  FROM marmut.genre")
+                ada_genre = cursor.fetchall()
+                ada_genre = ada_genre[int(genre)]
+                ada_genre_2 = ada_genre[0]
+                genre_masuk.append(ada_genre_2)
+        
+       
+
+        #ambil dari nomor genre ke query
+        print(songwriters)
+        if user_data['is_songwriter']:
+            with connection.cursor() as cursor:
+                cursor.execute("SELECT DISTINCT id FROM marmut.songwriter WHERE email_akun = %s", (email,))
+                songwriter_orangnya = cursor.fetchall()
+                songwriters.append(str(songwriter_orangnya[0][0]))
+        songwriter_ids = [songwriter for songwriter in songwriters]
+        
+
+        #sekarnag bagian insert data ke database
+        album_id = str(uuid.uuid4())
+        song_id = str(uuid.uuid4())
+        with connection.cursor() as cursor:
+            cursor.execute("INSERT INTO marmut.konten (id, judul,  tanggal_rilis, tahun, durasi) VALUES (%s, %s, %s, %s, %s)", [song_id, judul_lagu, tanggal_rilis, tahun, durasi])
+        with connection.cursor() as cursor:
+            cursor.execute("INSERT INTO marmut.album (id, judul, jumlah_lagu, id_label, total_durasi) VALUES (%s, %s, %s, %s, %s)", [album_id, judul_album, 1, label_id, int(durasi)])
+        with connection.cursor() as cursor:
+            cursor.execute("INSERT INTO marmut.song (id_konten, id_artist, id_album) VALUES (%s, %s, %s)", [song_id, artist_id, album_id])
+        with connection.cursor() as cursor:
+            for genre_id in genre_masuk:
+                cursor.execute("INSERT INTO marmut.genre (id_konten, genre) VALUES (%s, %s)", [song_id, genre_id])
+        with connection.cursor() as cursor:
+            for songwriter_id in songwriter_ids:
+                cursor.execute("INSERT INTO marmut.songwriter_write_song (id_songwriter, id_song) VALUES (%s, %s)", [songwriter_id, song_id])
+
+
+        #NEXT HABIS INI KAYAKNYA AMBIL SEMUA SYANG BISA PUNYA ROYALTI DAH SEPERTI ARTIST, LABEL, SONGWRITER 
+        # TAPI MASALAHNYA RIYALTI NYA GA TAU BERAPAAN
+        #return HttpResponse(f'Album {judul_album} berhasil dibuat dengan artist: {label_str}{(artists)}, songwriters: {", ".join(songwriters)}, genres: {", ".join(genres)}, durasi: {durasi} menit.')
+        #return ke list album
+        return HttpResponseRedirect(reverse('list_album_artist'))
+    #ambil labels dulu dari database, sekalian dengan key nya 
+    with connection.cursor() as cursor:
+        cursor.execute("SELECT id, nama FROM marmut.label")
+        labels = cursor.fetchall()
+        #petakan ke dictionary
+        labels = [{'id': label[0], 'nama': label[1]} for label in labels]
+
+        cursor.execute("SELECT id, email_akun FROM marmut.artist")
+        artists = cursor.fetchall()
+        #petakan ke dictionary
+        artists = [{'id': artist[0], 'email_akun': artist[1]} for artist in artists]
+
+
+        cursor.execute("SELECT id, email_akun FROM marmut.songwriter WHERE email_akun != %s", (email,))
+        songwriters = cursor.fetchall()
+        #petakan ke dictionary
+        songwriters = [{'id': songwriter[0], 'email_akun': songwriter[1]} for songwriter in songwriters]
+
+        cursor.execute("SELECT DISTINCT genre FROM marmut.genre")
+        genres = cursor.fetchall()
+        #petakan ke dictionary -> enumparate
+        genres = [{'id': idx, 'genre': genre[0]} for idx, genre in enumerate(genres)]
+        
+        print(genres)
+        print(labels)
+        print(songwriters)
+        print(artists)
+       
+    return render(request, 'create_album.html', {
+        'labels': labels,
+        'artists': artists,
+        'songwriters': songwriters,
+        'genres': genres,
+    })
+        
+def create_lagu(request, album_id):
+    user_data = request.session.get('user_data', {})
+    is_artist = user_data.get('is_artist', False)
+    is_songwriter = user_data.get('is_songwriter', False)
+    email = user_data.get('email', None)
+    album_id = album_id
+    print("album idnya ")
+    print(album_id)
+    artist_id = None
+    with connection.cursor() as cursor:
+                cursor.execute("SELECT judul FROM marmut.album WHERE id = %s", [album_id])
+                judul_album = cursor.fetchone()[0]
+
+    #label ambil dari database
+    with connection.cursor() as cursor:
+        cursor.execute("SELECT label.id, nama FROM marmut.label JOIN marmut.album ON label.id = album.id_label WHERE album.id = %s", [album_id])
+        labels = cursor.fetchall()
+        #petakan ke dictionary
+        labels = [{'id': label[0], 'nama': label[1]} for label in labels]
+
+    label_id = labels[0]['id']
+    if request.method == "POST":
+            #print(request.POST)
+            for a in request.POST:
+                print(a, request.POST[a])
+            #ambil judul album dari database dari album_id
+         
+           
+            judul_lagu = request.POST.get('judul_lagu')
+            artists = request.POST.get('artist')
+            print(artists)
+            songwriters = request.POST.getlist('songwriter[]')
+            genres = request.POST.getlist('genre[]')
+            durasi = request.POST.get('durasi')
+            #ambil tanggal sekarang
+            tanggal_rilis = datetime.datetime.now()
+            tahun = tanggal_rilis.year
+            
+            
+            # print("KHUUUUUUUUUUUUUUUUUUUU")
+            #carik di artist_id pakai query dah 
+            with connection.cursor() as cursor:
+                cursor.execute("SELECT artist.id FROM marmut.AKUN JOIN marmut.artist ON akun.email = artist.email_akun WHERE nama = %s", [artists])
+                artist_id = cursor.fetchone()
+            
+            print(artist_id)
+            
+            genre_masuk = []
+            #isinya nomor idnya 
+            for genre in genres:
+                print(genre)
+                with connection.cursor() as cursor:
+                    cursor.execute("SELECT DISTINCT genre  FROM marmut.genre")
+                    ada_genre = cursor.fetchall()
+                    ada_genre = ada_genre[int(genre)]
+                    ada_genre_2 = ada_genre[0]
+                    genre_masuk.append(ada_genre_2)
+            
+        
+
+            #ambil dari nomor genre ke query
+            print(songwriters)
+            if user_data['is_songwriter']:
+                print(email)
+                with connection.cursor() as cursor:
+                    cursor.execute("SELECT  id FROM marmut.songwriter WHERE email_akun = %s", (email,))
+                    songwriter_orangnya = cursor.fetchall()
+                    songwriters.append(str(songwriter_orangnya[0][0]))
+            songwriter_ids = [songwriter for songwriter in songwriters]
+            
+
+            #sekarnag bagian insert data ke database
+            
+            song_id = str(uuid.uuid4())
+            with connection.cursor() as cursor:
+                cursor.execute("INSERT INTO marmut.konten (id, judul,  tanggal_rilis, tahun, durasi) VALUES (%s, %s, %s, %s, %s)", [song_id, judul_lagu, tanggal_rilis, tahun, durasi])
+                # cursor.execute("INSERT INTO marmut.album (id, judul, jumlah_lagu, id_label, total_durasi) VALUES (%s, %s, %s, %s, %s)", [album_id, judul_album, 1, label_id, int(durasi)])
+            #carik artist lagi gatau kenapa ini jadi null
+            # with connection.cursor() as cursor:
+            #     cursor.execute("SELECT id FROM marmut.artist WHERE email_akun = %s", [artists])
+            #     artist_id = cursor.fetchone()
+            #     print("OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO")
+            #     print(artist_id)
+            with connection.cursor() as cursor:
+                cursor.execute("INSERT INTO marmut.song (id_konten, id_artist, id_album) VALUES (%s, %s, %s)", [song_id, artist_id, album_id])
+                print("album_id cek dua kali")
+                print(album_id)
+                print(artist_id)
+            with connection.cursor() as cursor:
+                for genre_id in genre_masuk:
+                    cursor.execute("INSERT INTO marmut.genre (id_konten, genre) VALUES (%s, %s)", [song_id, genre_id])
+            with connection.cursor() as cursor:
+                for songwriter_id in songwriter_ids:
+                    print("POOOOOOOOOOOOOOOOOOOOOOOOOOOOOGGGRHTUI GNRYTUGYWEFTEWFTYYYYYYYYYYY8")
+                    print(songwriter_id)
+                    cursor.execute("INSERT INTO marmut.songwriter_write_song (id_songwriter, id_song) VALUES (%s, %s)", [songwriter_id, song_id])
+
+
+            #NEXT HABIS INI KAYAKNYA AMBIL SEMUA SYANG BISA PUNYA ROYALTI DAH SEPERTI ARTIST, LABEL, SONGWRITER 
+            # TAPI MASALAHNYA RIYALTI NYA GA TAU BERAPAAN
+            #return HttpResponse(f'Album {judul_album} berhasil dibuat dengan artist: {label_str}{(artists)}, songwriters: {", ".join(songwriters)}, genres: {", ".join(genres)}, durasi: {durasi} menit.')
+            return redirect('list_album_artist')
+
+           # return redirect(reverse('list_album_artist'))
+
+        #ambil labels dulu dari database, sekalian dengan key nya 
+    with connection.cursor() as cursor:
+        cursor.execute("SELECT id, nama FROM marmut.label")
+        labels = cursor.fetchall()
+        #petakan ke dictionary
+        labels = [{'id': label[0], 'nama': label[1]} for label in labels]
+
+        cursor.execute("SELECT id, email_akun FROM marmut.artist")
+        artists = cursor.fetchall()
+        #petakan ke dictionary
+        artists = [{'id': artist[0], 'email_akun': artist[1]} for artist in artists]
+
+
+        cursor.execute("SELECT id, email_akun FROM marmut.songwriter WHERE email_akun != %s", (email,))
+        songwriters = cursor.fetchall()
+        #petakan ke dictionary
+        songwriters = [{'id': songwriter[0], 'email_akun': songwriter[1]} for songwriter in songwriters]
+
+        cursor.execute("SELECT DISTINCT genre FROM marmut.genre")
+        genres = cursor.fetchall()
+        #petakan ke dictionary -> enumparate
+        genres = [{'id': idx, 'genre': genre[0]} for idx, genre in enumerate(genres)]
+            
+        print(genres)
+        print(labels)
+        print(songwriters)
+        print(artists)
+    return render(request, 'create_lagu.html', {
+        'album_id' : album_id,
+        'judul_album': judul_album,
+        'labels': labels,
+        'artists': artists,
+        'songwriters': songwriters,
+        'genres': genres,
+    }) 
+
+def hapus_album(request, album_id):
+    user_data = request.session.get('user_data', {})
+    print("iniiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii")
+    print(album_id)
+    with connection.cursor() as cursor:
+        cursor.execute("DELETE FROM marmut.album WHERE id = %s", [album_id])
+    if user_data['is_artist'] or user_data['is_songwriter']:
+        return redirect(reverse('list_album_artist'))
+   
+    return redirect(reverse('list_album'))
+    #return redirect(reverse('list_album_artist') if 'is_artist' in request.session['user_data'] or 'is_songwriter' in request.session['user_data'] else 'list_album')
+
+def hapus_lagu(request, song_id):
+    with connection.cursor() as cursor:
+        cursor.execute("DELETE FROM marmut.song WHERE id_konten = %s", [song_id])
+    return redirect(request.META.get('HTTP_REFERER', 'redirect_if_referer_not_found'))
+
+
+def entry_album_song_create_list(request):
+    return render(request, 'entry_album_song_create_list.html')
+
+
+#tes
+from django.shortcuts import render
+from django.http import HttpResponse
+
+def index(request):
+    return render(request, 'multiselect_form.html')
+
+def submit(request):
+    if request.method == 'POST':
+        selected_names = request.POST.getlist('names')
+        print("nama yang dipilih")
+        print(selected_names)
+        return HttpResponse(f'Selected names: {", ".join(selected_names)}')
+    return HttpResponse("No data submitted.")
diff --git a/artist_songwriter/__init__.py b/artist_songwriter/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/artist_songwriter/admin.py b/artist_songwriter/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/artist_songwriter/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/artist_songwriter/apps.py b/artist_songwriter/apps.py
new file mode 100644
index 0000000..33fbabf
--- /dev/null
+++ b/artist_songwriter/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class ArtistSongwriterConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "artist_songwriter"
diff --git a/artist_songwriter/migrations/__init__.py b/artist_songwriter/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/artist_songwriter/models.py b/artist_songwriter/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/artist_songwriter/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/artist_songwriter/tests.py b/artist_songwriter/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/artist_songwriter/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/artist_songwriter/views.py b/artist_songwriter/views.py
new file mode 100644
index 0000000..91ea44a
--- /dev/null
+++ b/artist_songwriter/views.py
@@ -0,0 +1,3 @@
+from django.shortcuts import render
+
+# Create your views here.
diff --git a/connect_postgress.py b/connect_postgress.py
new file mode 100644
index 0000000..e69de29
diff --git a/download/__init__.py b/download/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/download/admin.py b/download/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/download/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/download/apps.py b/download/apps.py
new file mode 100644
index 0000000..c72d845
--- /dev/null
+++ b/download/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class DownloadConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'download'
diff --git a/download/migrations/__init__.py b/download/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/download/models.py b/download/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/download/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/download/templates/delete_song.html b/download/templates/delete_song.html
new file mode 100644
index 0000000..b57b6bb
--- /dev/null
+++ b/download/templates/delete_song.html
@@ -0,0 +1,10 @@
+{% extends 'base.html' %}
+
+{% block content %}
+<div class="container" style="margin-top: 50px; border: 3px solid #000000; border-radius: 10px; padding: 20px;">
+    <div style="text-align: center;">
+        <p>Berhasil menghapus lagu dengan judul '{{ title }}' dari daftar unduhan!</p>
+        <a href="/download/downloaded-song/">Kembali</a>
+    </div>
+</div>
+{% endblock content %}
\ No newline at end of file
diff --git a/download/templates/downloaded_song.html b/download/templates/downloaded_song.html
new file mode 100644
index 0000000..9042b0b
--- /dev/null
+++ b/download/templates/downloaded_song.html
@@ -0,0 +1,93 @@
+{% extends 'base.html' %}
+
+{% block meta %}
+<!-- <style>
+  .navbar {
+    background-color: #007bff; /* Warna latar belakang navbar */
+    overflow: hidden;
+}
+
+.navbar ul {
+    list-style-type: none; /* Menghilangkan bullet list */
+    margin: 0;
+    padding: 0;
+}
+
+.navbar li {
+    float: left;
+}
+
+.navbar li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+.navbar li a:hover {
+    background-color: #0056b3; /* Warna latar belakang saat mouse hover */
+}
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    background-color: #f4f4f4;
+    padding: 20px;
+}
+</style> -->
+
+{% endblock meta %}
+
+
+{% block content %}
+<!-- <div class="navbar">
+    <ul>
+        <li><a href="#">Dashboard</a></li>
+        <li><a href="#">Chart</a></li>
+        <li><a href="#">Search Bar</a></li>
+        <li><a href="#">Kelola Playlist</a></li>
+        <li><a href="#">Kelola Downloaded Song</a></li>
+        <li><a href="#">Logout</a></li>
+    </ul>
+  </div> -->
+
+
+<div class="border border-3 rounded border-dark mx-5 mt-5">
+  <table class="table table-bordered table-striped" style="width: 50%; margin: 50px auto;"">
+      <thead class="table-dark">
+          <tr>
+              <th colspan="4" style="text-align: center;"> DAFTAR LAGU </th>
+          </tr>
+      </thead>
+
+      <thead >
+        <tr style="text-align: center;">
+          <th scope="col"> Judul Lagu</th>
+          <th scope="col"> Oleh </th>
+          <th scope="col"> Actions </th>
+        </tr>
+      </thead>
+
+      <tbody>
+          {% for title, artist, song_id in songs %}
+
+              <tr style="text-align: center;">
+              <td>{{ title }}</td>
+              <td>{{ artist }}</td>
+              <td>
+                  <a href="" style="text-decoration: none;">[Lihat]</a>
+                  <a href="/download/downloaded-song/delete/{{ song_id }}/" style="text-decoration: none;">[Hapus]</a>
+              </td>
+              </tr>
+          {% endfor %}
+      </tbody>
+
+      <thead>
+          <tr>
+              <th colspan="4" style="text-align: center;"> <a href="/akun/dashboard/">Kembali</a> </th>
+          </tr>
+      </thead>
+  </table>
+</div>
+{% endblock content %}
\ No newline at end of file
diff --git a/download/tests.py b/download/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/download/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/download/urls.py b/download/urls.py
new file mode 100644
index 0000000..793e3b9
--- /dev/null
+++ b/download/urls.py
@@ -0,0 +1,8 @@
+from django.urls import path
+from download.views import show_downloaded_song, show_delete_song
+app_name = 'download'
+
+urlpatterns = [
+    path('downloaded-song/', show_downloaded_song, name='show_downloaded_song'),
+    path('downloaded-song/delete/<uuid:song_id>/', show_delete_song, name='show_delete_song')
+]
diff --git a/download/views.py b/download/views.py
new file mode 100644
index 0000000..89aafd5
--- /dev/null
+++ b/download/views.py
@@ -0,0 +1,45 @@
+from django.shortcuts import render, redirect
+import psycopg2
+from django.db import connection
+
+def show_downloaded_song(request):
+    user_data = request.session.get('user_data', {})
+    email = user_data.get('email')
+    print(email)
+
+    query = """
+    set search_path to marmut;
+    SELECT k.judul, ak.nama, s.id_konten
+    FROM downloaded_song ds
+    JOIN song s ON ds.id_song = s.id_konten
+    JOIN artist a ON s.id_artist = a.id
+    JOIN konten k ON s.id_konten = k.id
+    JOIN akun ak ON ak.email = a.email_akun
+    WHERE ds.email_downloader = %s
+    """
+
+    with connection.cursor() as cursor:
+        cursor.execute(query, [email])
+        songs = cursor.fetchall()
+        print(songs)
+        for song in songs:
+            print(song[2])
+    
+    context = {
+        'songs': songs
+    }
+    return render(request, "downloaded_song.html", context)
+
+def show_delete_song(request, song_id):
+    user_data = request.session.get('user_data', {})
+    email = user_data.get('email')
+
+    with connection.cursor() as cursor:
+        cursor.execute("DELETE FROM marmut.downloaded_song WHERE email_downloader = %s AND id_song = %s", (email, song_id,))
+        cursor.execute("SELECT judul FROM marmut.konten WHERE id = %s", (song_id,))
+        title = cursor.fetchone()[0]
+    
+    context = {
+        'title': title
+    }
+    return render(request, "delete_song.html", context)
\ No newline at end of file
diff --git a/function/general.py b/function/general.py
new file mode 100644
index 0000000..6cb91e6
--- /dev/null
+++ b/function/general.py
@@ -0,0 +1,42 @@
+import uuid
+from django.db import connection
+
+def query_add(query):
+  connection.cursor().execute(query)
+  connection.close()
+
+def query_result_two(query):
+  with connection.cursor() as cursor:
+    cursor.execute(query)
+    result = cursor.fetchall()
+    return result
+
+def query_result(query, params=None):
+    with connection.cursor() as cursor:
+        cursor.execute(query, params)
+        columns = [col[0] for col in cursor.description] 
+        results = cursor.fetchall()
+        data = []
+        for row in results:
+            data.append(dict(zip(columns, row))) 
+        return data
+
+# def query_result(query, params=None):
+#     with connection.cursor() as cursor:
+#         cursor.execute(query, params)
+#         columns = [col[0] for col in cursor.description]
+#         results = [
+#             dict(zip(columns, row))
+#             for row in cursor.fetchall()
+#         ]
+#         # Convert UUID fields to strings
+#         for result in results:
+#             for key, value in result.items():
+#                 if isinstance(value, uuid.UUID):
+#                     result[key] = str(value)
+#         return results
+
+
+def parse(result):
+    data = result[0][0]
+    return data
\ No newline at end of file
diff --git a/label/__init__.py b/label/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/label/admin.py b/label/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/label/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/label/apps.py b/label/apps.py
new file mode 100644
index 0000000..e8b8293
--- /dev/null
+++ b/label/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class LabelConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "label"
diff --git a/label/migrations/__init__.py b/label/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/label/models.py b/label/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/label/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/label/templates/label_dashboard.html b/label/templates/label_dashboard.html
new file mode 100644
index 0000000..733133a
--- /dev/null
+++ b/label/templates/label_dashboard.html
@@ -0,0 +1,58 @@
+<!-- {% extends 'base.html' %} -->
+
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dashboard</title>
+    <link rel="stylesheet" href="style2.css"> <!-- Link CSS di sini -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
+
+</head>
+<nav class="navbar">
+    <ul>
+        <li><a href="#">Dashboard</a></li>
+        <li><a href="#">Kelola Album</a></li>
+        <li><a href="#">Cek Royalti</a></li>
+        <li><a href="#">Logout</a></li>
+    </ul>
+</nav> 
+
+
+<body>
+    
+    <h1>Dashboard</h1>
+    <h2>Informasi Profil Pengguna:</h2>
+    <!-- <p>Nama: {{ user_data.nama }}</p> -->
+    <p>Nama: kiki</p>
+    <p>Email: email@gmail.com</p>
+    <!-- {% if user_data.kontak %}
+    <p>Kota Asal: {{ user_data.kontak }}</p>
+    {% endif %}
+  -->
+    <p>Kontak: 435463653</p>
+    <!-- {% if user_data.role %}
+    <p>Role: {{ user_data.role }}</p>
+    {% endif %} -->
+    <p>Role: Label</p>
+
+<!-- next harusnya ini sudah bener tapi mintol cek lagi :))  -->
+     <!-- Jika pengguna biasa
+     {% if user_data.is_label %}
+     Tampilkan albumnya, jika belum ada tulis "Belum Memproduksi Album " -->
+     <!-- {% if album %}
+     <h2>Daftar Album</h2>
+     <ul>
+         {% for album_one in album %}
+         <li>{{ album_one.nama }}</li>
+         {% endfor %}
+     </ul>
+    
+     {% else %} --> 
+     <h2>Daftar Album</h2>
+     <p>Belum memiliki album.</p>
+     <!-- {% endif %}
+     {% endif %} -->
+ 
+ </body>
+ </html>
diff --git a/label/templates/style2.css b/label/templates/style2.css
new file mode 100644
index 0000000..02428fe
--- /dev/null
+++ b/label/templates/style2.css
@@ -0,0 +1,63 @@
+/* CSS untuk style2.css */
+
+body {
+    margin: 0;
+    font-family: Arial, sans-serif;
+}
+
+.navbar {
+    background-color:#007bff;
+    overflow: hidden;
+}
+
+.navbar ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+.navbar li {
+    float: left;
+}
+
+.navbar li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+.navbar li a:hover {
+    background-color: #007bff;
+}
+
+.navbar .search-bar {
+    margin-left: auto;
+}
+
+.navbar form {
+    display: flex;
+    align-items: center;
+}
+
+.navbar input[type="search"] {
+    padding: 8px;
+    border: none;
+    border-radius: 5px 0 0 5px;
+    margin-right: 0;
+    background-color: #fff; /* Tambahkan warna latar belakang */
+}
+
+.navbar button[type="submit"] {
+    padding: 8px 12px;
+    background-color: #007bff;
+    color: white;
+    border: none;
+    border-radius: 0 5px 5px 0;
+    cursor: pointer;
+}
+
+.navbar button[type="submit"]:hover {
+    background-color: #007bff;
+}
diff --git a/label/tests.py b/label/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/label/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/label/views.py b/label/views.py
new file mode 100644
index 0000000..47cdda0
--- /dev/null
+++ b/label/views.py
@@ -0,0 +1,6 @@
+from django.shortcuts import render
+
+# Create your views here.
+
+
+#buat view untuk nampilin album yang dipunya label
\ No newline at end of file
diff --git a/langganan/__init__.py b/langganan/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/langganan/admin.py b/langganan/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/langganan/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/langganan/apps.py b/langganan/apps.py
new file mode 100644
index 0000000..4f44871
--- /dev/null
+++ b/langganan/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class LanggananConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'langganan'
diff --git a/langganan/migrations/__init__.py b/langganan/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/langganan/models.py b/langganan/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/langganan/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/langganan/templates/finalisasi_langganan.html b/langganan/templates/finalisasi_langganan.html
new file mode 100644
index 0000000..3c16701
--- /dev/null
+++ b/langganan/templates/finalisasi_langganan.html
@@ -0,0 +1,105 @@
+{% extends 'base.html' %}
+
+{% block meta %}
+<!-- <style>
+  .navbar {
+    background-color: #007bff; /* Warna latar belakang navbar */
+    overflow: hidden;
+}
+
+.navbar ul {
+    list-style-type: none; /* Menghilangkan bullet list */
+    margin: 0;
+    padding: 0;
+}
+
+.navbar li {
+    float: left;
+}
+
+.navbar li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+.navbar li a:hover {
+    background-color: #0056b3; /* Warna latar belakang saat mouse hover */
+}
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    background-color: #f4f4f4;
+    padding: 20px;
+}
+</style> -->
+{% endblock meta %}
+
+{% block content %}
+<!-- <div class="navbar">
+    <ul>
+        <li><a href="#">Dashboard</a></li>
+        <li><a href="#">Chart</a></li>
+        <li><a href="#">Search Bar</a></li>
+        <li><a href="#">Kelola Playlist</a></li>
+        <li><a href="#">Langganan Paket</a></li>
+        <li><a href="#">Logout</a></li>
+    </ul>
+</div> -->
+
+<div style="border: 3px solid black; padding: 10px; border-radius: 10px;">
+    <h3 style="text-align: center; margin-top: 50px;">Pembayaran Paket</h3>
+    <p style="text-align: center;">Informasi Paket yang Ingin Dibeli</p>
+    <table class="table table-bordered" style="width: 50%; margin: 50px auto;">
+        <thead>
+            <tr>
+                <th scope="col">Jenis</th>
+                <th scope="col">Harga</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>{{ jenis_paket }}</td>
+                <td>{{ harga_paket }}</td>
+            </tr>
+        </tbody>
+    </table>
+
+    <form method="POST" action="{% url 'langganan:beli_paket' %}">
+        {% csrf_token %}
+        <input type="hidden" name="jenis_paket" value="{{ jenis_paket }}">
+        <input type="hidden" name="harga_paket" value="{{ harga_paket }}">
+
+        <div style="text-align: center;">
+            <p style="display: inline-block; margin-right: 10px;">Metode pembayaran:</p>
+            <div style="display: inline-block; vertical-align: middle;">
+                <div class="dropdown">
+                    <button class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                        Transfer Bank
+                    </button>
+                    <ul class="dropdown-menu">
+                        <li class="dropdown-item" onclick="changeDropdownValue('Transfer Bank')">Transfer Bank</li>
+                        <li class="dropdown-item" onclick="changeDropdownValue('Kartu Kredit')">Kartu Kredit</li>
+                        <li class="dropdown-item" onclick="changeDropdownValue('E-wallet')">E-wallet</li>
+                    </ul>
+                </div>
+            </div>
+            <input type="hidden" name="metode_bayar" id="metodeBayarInput" value="Transfer Bank">
+        </div>
+
+        <div style="text-align: center; margin-top: 10px; margin-bottom: 20px;">
+            <button type="submit" style="text-decoration: none;">[Submit]</button>
+        </div>
+    </form>
+</div>
+
+<script>
+    function changeDropdownValue(value) {
+        document.getElementById('dropdownMenuButton').innerHTML = value;
+        document.getElementById('metodeBayarInput').value = value;
+    }
+</script>
+{% endblock content %}
\ No newline at end of file
diff --git a/langganan/templates/langganan_paket.html b/langganan/templates/langganan_paket.html
new file mode 100644
index 0000000..d7ea629
--- /dev/null
+++ b/langganan/templates/langganan_paket.html
@@ -0,0 +1,85 @@
+{% extends 'base.html' %}
+
+{% block meta %}
+<!-- <style>
+  .navbar {
+    background-color: #007bff; /* Warna latar belakang navbar */
+    overflow: hidden;
+}
+
+.navbar ul {
+    list-style-type: none; /* Menghilangkan bullet list */
+    margin: 0;
+    padding: 0;
+}
+
+.navbar li {
+    float: left;
+}
+
+.navbar li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+.navbar li a:hover {
+    background-color: #0056b3; /* Warna latar belakang saat mouse hover */
+}
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    background-color: #f4f4f4;
+    padding: 20px;
+}
+</style> -->
+
+{% endblock meta %}
+
+{% block content %}
+<!-- <div class="navbar">
+  <ul>
+      <li><a href="#">Dashboard</a></li>
+      <li><a href="#">Chart</a></li>
+      <li><a href="#">Search Bar</a></li>
+      <li><a href="#">Kelola Playlist</a></li>
+      <li><a href="#">Langganan Paket</a></li>
+      <li><a href="#">Logout</a></li>
+  </ul>
+</div> -->
+
+<div class="border border-3 rounded border-dark mx-5 mt-5">
+  <table class="table table-dark table-hover" style="width: 50%; margin: 50px auto;"">
+    <thead>
+        <tr>
+            <th colspan="2" style="border: none;"> LANGGANAN PAKET</th>
+            <th style="border: none; text-align: right;">
+                <a href="riwayat-langganan/" style="text-decoration: none;">[Riwayat Transaksi]</a>
+            </th>
+        </tr>
+    </thead>
+
+    <thead>
+      <tr style="text-align: center;">
+        <th scope="col">Jenis</th>
+        <th scope="col">Harga</th>
+        <th scope="col">Action</th>
+      </tr>
+    </thead>
+
+    <tbody>
+        {% for jenis, harga in paket.items %}
+      <tr style="text-align: center;">
+        <td>{{ jenis }}</td>
+        <td>Rp{{ harga }}</td>
+        <td> <a href="{{ jenis }}/{{ harga }}" style="text-decoration: none;">[Berlangganan]</a> </td>
+      </tr>
+        {% endfor %}
+    </tbody>
+  </table>
+</div>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/langganan/templates/riwayat_langganan.html b/langganan/templates/riwayat_langganan.html
new file mode 100644
index 0000000..42399b0
--- /dev/null
+++ b/langganan/templates/riwayat_langganan.html
@@ -0,0 +1,93 @@
+{% extends 'base.html' %}
+
+{% block meta %}
+<!-- <style>
+  .navbar {
+    background-color: #007bff; /* Warna latar belakang navbar */
+    overflow: hidden;
+}
+
+.navbar ul {
+    list-style-type: none; /* Menghilangkan bullet list */
+    margin: 0;
+    padding: 0;
+}
+
+.navbar li {
+    float: left;
+}
+
+.navbar li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+.navbar li a:hover {
+    background-color: #0056b3; /* Warna latar belakang saat mouse hover */
+}
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    background-color: #f4f4f4;
+    padding: 20px;
+}
+</style> -->
+
+{% endblock meta %}
+
+
+{% block content %}
+<!-- <div class="navbar">
+    <ul>
+        <li><a href="#">Dashboard</a></li>
+        <li><a href="#">Chart</a></li>
+        <li><a href="#">Search Bar</a></li>
+        <li><a href="#">Kelola Playlist</a></li>
+        <li><a href="#">Langganan Paket</a></li>
+        <li><a href="#">Logout</a></li>
+    </ul>
+  </div> -->
+
+
+<div class="border border-3 rounded border-dark mt-5 mx-5">
+    <table class="table table-bordered mx-auto mt-5" style="width: 50%;"">
+        <thead>
+            <tr>
+                <th colspan="5" style="text-align: center;"> RIWAYAT TRANSAKSI PAKET </th>
+            </tr>
+        </thead>
+
+        <thead>
+        <tr style="text-align: center;">
+            <th scope="col">Jenis</th>
+            <th scope="col">Tanggal Dimulai</th>
+            <th scope="col"> Tanggal Berakhir </th>
+            <th scope="col"> Metode Pembayaran </th>
+            <th scope="col"> Nominal </th>
+        </tr>
+        </thead>
+
+        <tbody>
+                <tr style="text-align: center;">
+                {%for jenis, mulai, selesai, metode, nominal in riwayat_transaksi%}
+                    <td>{{ jenis }}</td>
+                    <td>{{ mulai }}</td>
+                    <td>{{ selesai }}</td>
+                    <td>{{ metode }}</td>
+                    <td>Rp{{ nominal }}</td>
+                {% endfor %}
+                </tr>
+        </tbody>
+
+        <thead>
+            <tr>
+                <th colspan="5" style="text-align: center;"> <a href="/langganan/"> Kembali </a> </th>
+            </tr>
+        </thead>
+    </table>
+</div>
+{% endblock content %}
\ No newline at end of file
diff --git a/langganan/tests.py b/langganan/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/langganan/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/langganan/urls.py b/langganan/urls.py
new file mode 100644
index 0000000..425866e
--- /dev/null
+++ b/langganan/urls.py
@@ -0,0 +1,10 @@
+from django.urls import path
+from langganan.views import show_finalisasi_paket, show_langganan_paket, show_riwayat_langganan, beli_paket
+app_name = 'langganan'
+
+urlpatterns = [
+    path('', show_langganan_paket, name='show_langganan_paket'),
+    path('<str:jenis>/<int:harga>/', show_finalisasi_paket, name='show_finalisasi_paket'),
+    path('riwayat-langganan/', show_riwayat_langganan, name='show_riwayat_langganan'),
+    path('beli_paket/', beli_paket, name='beli_paket')
+]
\ No newline at end of file
diff --git a/langganan/views.py b/langganan/views.py
new file mode 100644
index 0000000..e7eac32
--- /dev/null
+++ b/langganan/views.py
@@ -0,0 +1,132 @@
+from datetime import timedelta
+from pyexpat.errors import messages
+from django.http import JsonResponse
+from django.shortcuts import render, redirect
+from django.utils import timezone
+import psycopg2
+from django.db import connection
+
+# Create your views here.
+def show_langganan_paket(request):
+    user_data = request.session.get('user_data', {})
+
+    query = """
+    set search_path to marmut;
+    select * from paket
+    """
+    
+    with connection.cursor() as cursor:
+        cursor.execute(query)
+        result = cursor.fetchall()
+
+    print("\n================ DEBUG AREA ================")
+    for key, value in user_data.items():
+        print(f"{key}: {value}")
+    print("================ DEBUG AREA ================\n")
+
+    paket = {
+        result[0][0]: result[0][1],
+        result[1][0]: result[1][1],
+        result[2][0]: result[2][1],
+        result[3][0]: result[3][1]
+    }
+
+    context = {
+        'paket': paket
+    }
+    return render(request, "langganan_paket.html", context)
+
+def show_finalisasi_paket(request, jenis, harga):
+    user_data = request.session.get('user_data', {})
+    context = {
+        'jenis_paket': jenis,
+        'harga_paket': harga
+    }
+    return render(request, "finalisasi_langganan.html", context)
+
+def beli_paket(request):
+    print("INI METHODNYA: " + request.method)
+    user_data = request.session.get('user_data', {})
+    if request.method == 'POST':
+        user_data = request.session.get('user_data', {})
+        email = user_data.get('email')
+        jenis_paket = request.POST.get('jenis_paket')
+        metode_bayar = request.POST.get('metode_bayar')
+        harga_paket = int(request.POST.get('harga_paket'))
+        timestamp_dimulai = timezone.now()
+        if (jenis_paket == "1 bulan"):
+            timestamp_berakhir = timestamp_dimulai + timedelta(days=30)
+        elif (jenis_paket == "2 bulan"):
+            timestamp_berakhir = timestamp_dimulai + timedelta(days=60)
+        elif (jenis_paket == "6 bulan"):
+            timestamp_berakhir = timestamp_dimulai + timedelta(days=180)
+        else:
+            timestamp_berakhir = timestamp_dimulai + timedelta(days=365)
+
+        print(email)
+        print(jenis_paket)
+        print(metode_bayar)
+        print(harga_paket)
+        print(timestamp_dimulai)
+        print(timestamp_berakhir)
+
+        if not email or not jenis_paket or not metode_bayar or not harga_paket:
+            return JsonResponse({'error': 'Data tidak lengkap'}, status=400)
+
+        insert_query = """
+        SET search_path TO marmut;
+        INSERT INTO TRANSACTION (id, jenis_paket, email, timestamp_dimulai, timestamp_berakhir, metode_bayar, nominal)
+        VALUES (gen_random_uuid(), %s, %s, %s, %s, %s, %s);
+        """
+
+        try:
+            with connection.cursor() as cursor:
+                cursor.execute(insert_query, [jenis_paket, email, timestamp_dimulai, timestamp_berakhir, metode_bayar, harga_paket])
+
+            # Tambahkan entri di tabel PREMIUM
+            insert_premium_query = """
+            INSERT INTO PREMIUM (email) VALUES (%s)
+            ON CONFLICT (email) DO NOTHING;
+            """
+            with connection.cursor() as cursor:
+                cursor.execute(insert_premium_query, [email])
+                cursor.execute("DELETE FROM marmut.nonpremium WHERE email = %s", (email,))
+            user_data["is_premium"] = True
+
+            print("\n================ DEBUG AREA ================")
+            for key, value in user_data.items():
+                print(f"{key}: {value}")
+            print("================ DEBUG AREA ================\n")
+
+            return JsonResponse({'success': 'Paket langganan berhasil dibeli'}, status=200)
+        
+        except (Exception, psycopg2.DatabaseError) as error:
+            print("\n================ DEBUG AREA ================")
+            for key, value in user_data.items():
+                print(f"{key}: {value}")
+            print("================ DEBUG AREA ================\n")
+            return JsonResponse({'error': str(error)}, status=400)
+
+    return JsonResponse({'error': 'Invalid request method'}, status=405)
+
+def show_riwayat_langganan(request):
+    user_data = request.session.get('user_data', {})
+    email = user_data['email']
+
+    query = """
+    SELECT jenis_paket, TO_CHAR(timestamp_dimulai, 'DD Month YYYY, HH24:MI'),
+    TO_CHAR(timestamp_berakhir, 'DD Month YYYY, HH24:MI'), metode_bayar, 
+    TO_CHAR(nominal, '999,999')
+    FROM marmut.transaction
+    WHERE email = %s;
+    """
+    with connection.cursor() as cursor:
+        cursor.execute(query, (email,))
+        riwayat_transaksi = cursor.fetchall()
+        print(riwayat_transaksi)
+
+    context = {
+        'riwayat_transaksi': riwayat_transaksi
+    }
+
+    return render(request, "riwayat_langganan.html", context)
\ No newline at end of file
diff --git a/pengguna_biasa/__init__.py b/pengguna_biasa/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/pengguna_biasa/admin.py b/pengguna_biasa/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/pengguna_biasa/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/pengguna_biasa/apps.py b/pengguna_biasa/apps.py
new file mode 100644
index 0000000..ce297d2
--- /dev/null
+++ b/pengguna_biasa/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class PenggunaBiasaConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "pengguna_biasa"
diff --git a/pengguna_biasa/migrations/__init__.py b/pengguna_biasa/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/pengguna_biasa/models.py b/pengguna_biasa/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/pengguna_biasa/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/pengguna_biasa/tests.py b/pengguna_biasa/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/pengguna_biasa/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/pengguna_biasa/views.py b/pengguna_biasa/views.py
new file mode 100644
index 0000000..91ea44a
--- /dev/null
+++ b/pengguna_biasa/views.py
@@ -0,0 +1,3 @@
+from django.shortcuts import render
+
+# Create your views here.
diff --git a/podcaster/__init__.py b/podcaster/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/podcaster/admin.py b/podcaster/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/podcaster/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/podcaster/apps.py b/podcaster/apps.py
new file mode 100644
index 0000000..b678adf
--- /dev/null
+++ b/podcaster/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class PodcasterConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "podcaster"
diff --git a/podcaster/migrations/__init__.py b/podcaster/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/podcaster/models.py b/podcaster/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/podcaster/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/podcaster/tests.py b/podcaster/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/podcaster/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/podcaster/views.py b/podcaster/views.py
new file mode 100644
index 0000000..91ea44a
--- /dev/null
+++ b/podcaster/views.py
@@ -0,0 +1,3 @@
+from django.shortcuts import render
+
+# Create your views here.
diff --git a/search/__init__.py b/search/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/search/admin.py b/search/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/search/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/search/apps.py b/search/apps.py
new file mode 100644
index 0000000..3afccb0
--- /dev/null
+++ b/search/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class SearchConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'search'
diff --git a/search/migrations/__init__.py b/search/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/search/models.py b/search/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/search/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/search/templates/cari_konten.html b/search/templates/cari_konten.html
new file mode 100644
index 0000000..6ee2fc1
--- /dev/null
+++ b/search/templates/cari_konten.html
@@ -0,0 +1,82 @@
+{% extends 'base.html' %}
+
+{% block meta %}
+<!-- <style>
+    .custom-search-box {
+      max-width: 400px;
+      margin: 0 auto;
+      margin-top: 100px;
+      border: 1px solid #ccc;
+      border-radius: 5px;
+      padding: 10px;
+    }
+
+    .search-btn {
+      border-radius: 0 5px 5px 0;
+    }
+
+    .navbar {
+    background-color: #007bff; /* Warna latar belakang navbar */
+    overflow: hidden;
+}
+
+.navbar ul {
+    list-style-type: none; /* Menghilangkan bullet list */
+    margin: 0;
+    padding: 0;
+}
+
+.navbar li {
+    float: left;
+}
+
+.navbar li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+.navbar li a:hover {
+    background-color: #0056b3; /* Warna latar belakang saat mouse hover */
+}
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    background-color: #f4f4f4;
+    padding: 20px;
+}
+</style> -->
+{% endblock meta %}
+
+{% block content %}
+<!-- <div class="navbar">
+  <ul>
+      <li><a href="#">Dashboard</a></li>
+      <li><a href="#">Chart</a></li>
+      <li><a href="#">Search Bar</a></li>
+      <li><a href="#">Kelola Playlist</a></li>
+      <li><a href="#">Langganan Paket</a></li>
+      <li><a href="#">Logout</a></li>
+  </ul>
+</div> -->
+
+
+<div class="container mt-5">
+    <div class="row justify-content-center">
+      <div class="col-md-6">
+        <form action="/search/" method="GET">
+            <div class="input-group custom-search-box my-auto">
+                <input type="text" class="form-control" name="query" placeholder="Search...">
+                <div class="input-group-append">
+                  <button class="btn btn-primary search-btn ms-2" type="submit">Search</button>
+                </div>
+              </div>
+        </form>
+      </div>
+    </div>
+</div>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/search/templates/hasil_cari.html b/search/templates/hasil_cari.html
new file mode 100644
index 0000000..90e74e7
--- /dev/null
+++ b/search/templates/hasil_cari.html
@@ -0,0 +1,155 @@
+{% extends 'base.html' %}
+
+{% block meta %}
+<!-- <style>
+    .custom-search-box {
+      max-width: 500px;
+      position: absolute;
+      top: 5px;
+      right: 5px;
+      border: 1px solid #ccc;
+      border-radius: 10px;
+      padding: 10px;
+    }
+
+    .search-btn {
+      width: 100%;
+    }
+
+    .navbar {
+    background-color: #007bff; /* Warna latar belakang navbar */
+    overflow: hidden;
+}
+
+.navbar ul {
+    list-style-type: none; /* Menghilangkan bullet list */
+    margin: 0;
+    padding: 0;
+}
+
+.navbar li {
+    float: left;
+}
+
+.navbar li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+.navbar li a:hover {
+    background-color: #0056b3; /* Warna latar belakang saat mouse hover */
+}
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    background-color: #f4f4f4;
+    padding: 20px;
+}
+</style> -->
+{% endblock meta %}
+
+{% block content %}
+<!-- <div class="navbar">
+  <ul>
+      <li><a href="#">Dashboard</a></li>
+      <li><a href="#">Chart</a></li>
+      <li><a href="#">Search Bar</a></li>
+      <li><a href="#">Kelola Playlist</a></li>
+      <li><a href="#">Langganan Paket</a></li>
+      <li><a href="#">Logout</a></li>
+  </ul>
+</div> -->
+
+<div class="container my-5 p-auto">
+    <div class="row justify-content-end">
+      <div class="col-auto">
+        <form action="/search/" method="GET" class="p-auto">
+            <div class="input-group custom-search-box">
+                <input type="text" class="form-control" name="query" placeholder="Search...">
+                <div class="input-group-append">
+                  <button class="btn btn-primary search-btn ms-2" type="submit">Search</button>
+                </div>
+            </div>
+        </form>
+      </div>
+    </div>
+</div>
+
+<table class="table table-bordered table-striped" style="width: 50%; margin: auto auto;"">
+    <thead>
+        <tr>
+            <th colspan="4" style="text-align: center;"> Hasil Pencarian "{{ search_substring }}" </th>
+        </tr>
+    </thead>
+
+    <thead>
+      <tr style="text-align: center;">
+        <th scope="col"> Tipe </th>
+        <th scope="col"> Judul </th>
+        <th scope="col"> Oleh </th>
+        <th scope="col"> Actions </th>
+      </tr>
+    </thead>
+
+    <tbody>
+        {% for song in songs %}
+        <tr style="text-align: center;">
+          <td>
+            SONG
+          </td>
+          <td>
+            {{ song.0 }}
+          </td>
+          <td>
+            {{ song.1 }}
+          </td>
+          <td>
+            <a href="#"> Lihat </a>
+          </td>
+        </tr>
+        {% endfor %}
+
+        {% for podcast in podcasts %}
+        <tr style="text-align: center;">
+          <td>
+            PODCAST
+          </td>
+          <td>
+            {{ podcast.0 }}
+          </td>
+          <td>
+            {{ podcast.1 }}
+          </td>
+          <td>
+            <a href=""> Lihat </a>
+          </td>
+        </tr>
+        {% endfor %}
+
+        {% for judul, oleh, id in playlists %}
+        <tr style="text-align: center;">
+          <td>
+            USER PLAYLIST
+          </td>
+          <td>
+            {{ judul }}
+          </td>
+          <td>
+            {{ oleh }}
+          </td>
+          
+          <td>
+            <a href="{% url 'user_playlist:detail_user_playlist' playlist_id=id %}"> Lihat </a>
+          </td>
+          
+        </tr>
+
+        {% endfor %}
+    </tbody>
+
+  </table>
+{% endblock content %}
\ No newline at end of file
diff --git a/search/templates/hasil_cari_not_found.html b/search/templates/hasil_cari_not_found.html
new file mode 100644
index 0000000..31387f5
--- /dev/null
+++ b/search/templates/hasil_cari_not_found.html
@@ -0,0 +1,89 @@
+{% extends 'base.html' %}
+
+{% block meta %}
+<!-- <style>
+    .custom-search-box {
+      max-width: 500px;
+      position: absolute;
+      top: 5px;
+      right: 5px;
+      border: 1px solid #ccc;
+      border-radius: 10px;
+      padding: 10px;
+    }
+
+    .search-btn {
+      width: 100%;
+    }
+
+    
+    .navbar {
+    background-color: #007bff; /* Warna latar belakang navbar */
+    overflow: hidden;
+}
+
+.navbar ul {
+    list-style-type: none; /* Menghilangkan bullet list */
+    margin: 0;
+    padding: 0;
+}
+
+.navbar li {
+    float: left;
+}
+
+.navbar li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+.navbar li a:hover {
+    background-color: #0056b3; /* Warna latar belakang saat mouse hover */
+}
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    background-color: #f4f4f4;
+    padding: 20px;
+}
+</style> -->
+{% endblock meta %}
+
+{% block content %}
+<!-- <div class="navbar">
+  <ul>
+      <li><a href="#">Dashboard</a></li>
+      <li><a href="#">Chart</a></li>
+      <li><a href="#">Search Bar</a></li>
+      <li><a href="#">Kelola Playlist</a></li>
+      <li><a href="#">Langganan Paket</a></li>
+      <li><a href="#">Logout</a></li>
+  </ul>
+</div> -->
+
+<div class="container my-5">
+    <div class="row justify-content-end">
+      <div class="col-auto">
+        <form action="/search/" method="GET">
+            <div class="input-group custom-search-box">
+                <input type="text" class="form-control" name="query" placeholder="Search...">
+                <div class="input-group-append">
+                  <button class="btn btn-primary search-btn ms-2" type="submit">Search</button>
+                </div>
+            </div>
+        </form>
+        
+      </div>
+    </div>
+</div>
+
+<div class="container" style="margin-top: 50px; border: 1px solid #ccc; padding: 20px;">
+    <div style="text-align: center;">
+        <p>Maaf, pencarian untuk "{{ search_substring }}" tidak ditemukan</p>
+    </div>
+</div>
+{% endblock content %}
\ No newline at end of file
diff --git a/search/templates/song_detail.html b/search/templates/song_detail.html
new file mode 100644
index 0000000..1febcd8
--- /dev/null
+++ b/search/templates/song_detail.html
@@ -0,0 +1,232 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block content %}
+<title>User Playlist Details</title>
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Song Detail</title>
+    <style>
+          /* Style umum untuk navbar */
+          /* .navbar {
+            background-color: white;
+            overflow: hidden;
+            width: 100%;
+        } */
+
+        /* Menghapus padding dan margin default pada ul */
+        .navbar ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center; 
+        }
+
+        /* Mengatur tampilan item navbar */
+        .navbar li {
+            /* flex: 1; 
+            text-align: center;  */
+            float: left;
+        }
+
+        /* Mengatur tampilan tautan navbar */
+        .navbar li a {
+            display: block;
+            color: black;
+            text-align: center;
+            padding: 14px 16px;
+            text-decoration: none;
+            transition: background-color 0.3s; /* Menambahkan transisi untuk efek hover */
+        }
+
+        /* Efek hover untuk tautan navbar */
+        .navbar li a:hover {
+            background-color: gray;
+        }
+
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            background-color: #f4f4f4;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        h2 {
+            margin-bottom: 20px;
+        }
+
+        form {
+            background: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+        }
+
+        form label {
+            font-weight: bold;
+            display: block;
+            margin-bottom: 5px;
+        }
+
+        form input[type="text"],
+        form select {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+        }
+
+        form input[type="submit"] {
+            background: #007bff;
+            color: #fff;
+            border: none;
+            padding: 10px 20px;
+            cursor: pointer;
+            border-radius: 5px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        table th,
+        table td {
+            padding: 10px;
+            border: 1px solid #ccc;
+            text-align: left;
+        }
+
+        table th {
+            background-color: #f2f2f2;
+        }
+
+        a {
+            text-decoration: none;
+            color: #007bff;
+            margin-right: 10px;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            margin: 0;
+            padding: 0;
+        }
+
+        .container {
+            max-width: 1000px;
+            margin: 20px auto;
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            margin-top: 10px; /* Jarak atas */
+        }
+        
+
+        h1 {
+            color: #333;
+            text-align: center;
+        }
+
+        p {
+            margin: 10px 0;
+            line-height: 1.6; /* Tinggi baris */
+        }
+
+        ul {
+            margin: 0;
+            padding: 0;
+            list-style: none;
+        }
+
+        li {
+            margin-bottom: 5px;
+        }
+
+        button {
+            background-color: #007bff; /* Warna latar belakang */
+            color: #fff; /* Warna teks */
+            border: none; /* Hapus border */
+            padding: 8px 16px; /* Padding */
+            border-radius: 4px; /* Rounded border */
+            cursor: pointer; /* Pointer ketika dihover */
+            transition: background-color 0.3s; /* Efek transisi */
+        }
+
+        button:hover {
+            background-color: #0056b3; /* Warna latar belakang saat dihover */
+        }
+
+        /* Popup styling */
+        .popup {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+            z-index: 1000;
+            display: none;
+        }
+
+        .popup.show {
+            display: block;
+        }
+
+        .popup button {
+            margin-top: 10px;
+        }
+    </style>
+</head>
+<body>
+    
+    <div class="container">
+        <h1>Song Details</h1>
+        <p><strong>Judul:</strong> {{ song.judul }}</p>
+        <p><strong>Genre(s):</strong></p>
+        <ul>
+            <li><strong>-</strong> {{ song.genre }}</li>
+        </ul>
+        <p><strong>Artist:</strong> {{ song.artist }}</p>
+        <p><strong>Songwriter(s):</strong></p>
+        <ul>
+            <li><strong>-</strong> {{ song.songwriter }}</li>
+        </ul>
+        <p><strong>Durasi:</strong> {{ song.durasi }} menit</p>
+        <p><strong>Tanggal Rilis:</strong> {{ song.tanggal_rilis }}</p>
+        <p><strong>Tahun:</strong> {{ song.tahun }}</p>
+        <p><strong>Total Play:</strong> {{ song.total_play }}</p>
+        <p><strong>Total Downloads:</strong> {{ song.total_download }}</p>
+        <p><strong>Album:</strong> {{ song.album }}</p>
+        <!-- <p><strong>ID konten:</strong> {{ song.id_konten }}</p> -->
+
+        <div class="divider"></div>
+        <!-- <div class="actions">
+            <a href="{% url 'user_playlist:detail_user_playlist' playlist_id=playlist.id_playlist %}"><button class="button">Kembali</button></a>
+        </div> -->
+    </div>
+</body>
+{% endblock content %}
+<!-- {% url 'user_playlist:add_song_to_another_playlist' playlist_id=playlist.id_playlist song_id=song.id_konten %} -->
+<!-- {% url 'user_playlist:download_song' playlist_id=playlist.id_playlist song_id=song.id_konten %} -->
\ No newline at end of file
diff --git a/search/tests.py b/search/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/search/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/search/urls.py b/search/urls.py
new file mode 100644
index 0000000..9fc0fb7
--- /dev/null
+++ b/search/urls.py
@@ -0,0 +1,9 @@
+from django.urls import path
+from search.views import show_cari_konten, show_hasil_cari
+
+app_name = 'search'
+
+urlpatterns = [
+    path('', show_cari_konten, name='show_cari_konten'),
+    path('<str:judul>/', show_hasil_cari, name='show_hasil_cari'),
+]
\ No newline at end of file
diff --git a/search/views.py b/search/views.py
new file mode 100644
index 0000000..05916c4
--- /dev/null
+++ b/search/views.py
@@ -0,0 +1,78 @@
+from django.shortcuts import render, redirect
+import psycopg2
+from django.db import connection
+
+# Create your views here.
+def show_cari_konten(request):
+    user_data = request.session.get('user_data', {})
+    if 'query' in request.GET:
+        query = request.GET['query']
+        return redirect(f'/search/{query}')
+    
+    return render(request, "cari_konten.html")
+
+def show_hasil_cari(request, judul):
+    user_data = request.session.get('user_data', {})
+    # judul = str(judul)
+    if 'query' in request.GET:
+        judul = request.GET['query']
+    like_pattern = f'%{judul}%'
+    flag = True
+
+    song_query = """
+    SET search_path to MARMUT;
+    SELECT K.judul AS Title, A.nama AS Creator, K.id AS ContentID, K.*, S.*
+    FROM SONG S
+    JOIN KONTEN K ON S.id_konten = K.id
+    JOIN ARTIST AR ON S.id_artist = AR.id
+    JOIN AKUN A ON AR.email_akun = A.email
+    WHERE K.judul LIKE %s;
+    """
+
+    podcast_query = """
+    SET search_path to MARMUT;
+    SELECT K.judul AS Title, A.nama AS Creator, K.id AS ContentID
+    FROM PODCAST P
+    JOIN KONTEN K ON P.id_konten = K.id
+    JOIN PODCASTER PC ON P.email_podcaster = PC.email
+    JOIN AKUN A ON PC.email = A.email
+    WHERE K.judul LIKE %s;
+    """
+
+    playlist_query = """
+    SET search_path to MARMUT;
+    SELECT UP.judul AS Title, A.nama AS Creator, UP.id_playlist AS ContentID
+    FROM USER_PLAYLIST UP
+    JOIN AKUN A ON UP.email_pembuat = A.email
+    WHERE UP.judul LIKE %s;
+    """
+
+    with connection.cursor() as cursor:
+        cursor.execute(song_query, [like_pattern])
+        songs = cursor.fetchall()
+        print(songs)
+
+        cursor.execute(podcast_query, [like_pattern])
+        podcasts = cursor.fetchall()
+        print(podcasts)
+
+        cursor.execute(playlist_query, [like_pattern])
+        playlists = cursor.fetchall()
+        print(playlists)
+    
+    if (len(songs) == len(podcasts) == len(playlists) == 0):
+        flag = False
+    print(flag)
+
+    context = {
+        'songs': songs,
+        'podcasts': podcasts,
+        'playlists': playlists,
+        'search_substring': judul,
+        'playlist_query': playlist_query
+    }
+
+    if flag is True:
+        return render(request, "hasil_cari.html", context)
+    else:
+        return render(request, "hasil_cari_not_found.html", context)
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..1264372
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,93 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1.0"
+        />
+        {% block meta %}
+        {% endblock meta %}
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+        <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha384-KyZXEAg3QhqLMpG8r+J4jsl5c9zdLKaUk5Ae5f5b1bw6AUn5f5v8FZJoMxm6f5cH1" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
+    </head>
+
+    <body>
+        <nav class="navbar navbar-expand-lg navbar-light bg-light">
+            <div class="container">
+                <a class="navbar-brand" href="#">Marmoet</a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                        {% if not request.session.user_data.is_logged_in %}
+                            <!-- Navbar for guests -->
+                            <li class="nav-item">
+                                <a class="nav-link" href="{% url 'akun:login' %}">Login</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="{% url 'akun:register_choice' %}">Registrasi</a>
+                            </li>
+                        {% else %}
+                            <!-- Navbar for logged-in users -->
+                            <li class="nav-item">
+                                <a class="nav-link" href="{% url 'akun:dashboard' %}">Dashboard</a>
+                            </li>
+                            {% with user_data=request.session.user_data %}
+                                
+                                {% if not user_data.is_label %}
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="#">Chart</a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="{% url 'search:show_cari_konten' %}">Search Bar</a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="{% url 'user_playlist:show_user_playlist' %}">Kelola Playlist</a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="{% url 'langganan:show_langganan_paket' %}">Langganan Paket</a>
+                                    </li>
+                                {% endif %}
+                                {% if user_data.is_premium %}
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="{% url 'download:show_downloaded_song' %}">Kelola Downloaded Songs</a>
+                                    </li>
+                                {% endif %}
+                                {% if user_data.is_podcaster %}
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="#">Kelola Podcast</a>
+                                    </li>
+                                {% endif %}
+                                {% if user_data.is_artist or user_data.is_songwriter %}
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="{% url 'entry_album_song_create_list' %}">Kelola Album & Songs</a>
+                                    </li>
+                                {% endif %}
+                                {% if user_data.is_label %}
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="{% url 'list_album' %}">Kelola Album</a>
+                                    </li>
+                                {% endif %}
+                                {% if user_data.is_artist or user_data.is_songwriter or user_data.is_label %}
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="{% url 'cek_royalti' %}">Cek Royalti</a>
+                                    </li>
+                                {% endif %}
+                            {% endwith %}
+                            <li class="nav-item">
+                                <a class="nav-link" href="{% url 'akun:logout' %}">Logout</a>
+                            </li>
+                        {% endif %}
+                    </ul>
+                </div>
+            </div>
+        </nav>
+        {% block content %}
+        {% endblock content %}
+    </body>
+</html>
\ No newline at end of file
diff --git a/templates/nav.html b/templates/nav.html
new file mode 100644
index 0000000..629eaa0
--- /dev/null
+++ b/templates/nav.html
@@ -0,0 +1,71 @@
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
+    <div class="container">
+        <a class="navbar-brand" href="#">Marmut</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                {% if not request.session.user_data.is_logged_in %}
+                    <!-- Navbar for guests -->
+                    <li class="nav-item">
+                        <a class="nav-link" href="{% url 'akun:login' %}">Login</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="{% url 'akun:register_choice' %}">Registrasi</a>
+                    </li>
+                {% else %}
+                    <!-- Navbar for logged-in users -->
+                    <li class="nav-item">
+                        <a class="nav-link" href="{% url 'akun:dashboard' %}">Dashboard</a>
+                    </li>
+                    {% with user_data=request.session.user_data %}
+                        
+                        {% if not user_data.is_label %}
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">Chart</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="{% url 'search:show_cari_konten' %}">Search Bar</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="{% url 'user_playlist:show_user_playlist' %}">Kelola Playlist</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="{% url 'langganan:show_langganan_paket' %}">Langganan Paket</a>
+                            </li>
+                        {% endif %}
+                        {% if user_data.is_premium %}
+                            <li class="nav-item">
+                                <a class="nav-link" href="{% url 'download:show_downloaded_song' %}">Kelola Downloaded Songs</a>
+                            </li>
+                        {% endif %}
+                        {% if user_data.is_podcaster %}
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">Kelola Podcast</a>
+                            </li>
+                        {% endif %}
+                        {% if user_data.is_artist or user_data.is_songwriter %}
+                            <li class="nav-item">
+                                <a class="nav-link" href="{% url 'entry_album_song_create_list' %}">Kelola Album & Songs</a>
+                            </li>
+                        {% endif %}
+                        {% if user_data.is_label %}
+                            <li class="nav-item">
+                                <a class="nav-link" href="{% url 'list_album' %}">Kelola Album</a>
+                            </li>
+                        {% endif %}
+                        {% if user_data.is_artist or user_data.is_songwriter or user_data.is_label %}
+                            <li class="nav-item">
+                                <a class="nav-link" href="{% url 'cek_royalti' %}">Cek Royalti</a>
+                            </li>
+                        {% endif %}
+                    {% endwith %}
+                    <li class="nav-item">
+                        <a class="nav-link" href="{% url 'akun:logout' %}">Logout</a>
+                    </li>
+                {% endif %}
+            </ul>
+        </div>
+    </div>
+</nav>
diff --git a/tk_basdat/coba_trigger.sql b/tk_basdat/coba_trigger.sql
new file mode 100644
index 0000000..071af92
--- /dev/null
+++ b/tk_basdat/coba_trigger.sql
@@ -0,0 +1,268 @@
+-- --Nomor 1
+-- --pengecekan email
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE OR REPLACE FUNCTION cek_email_terdaftar() RETURNS TRIGGER AS $$
+-- BEGIN
+--     IF EXISTS(SELECT 1 FROM akun WHERE NEW.email = email) THEN
+--         RAISE EXCEPTION 'Email sudah terdaftar';
+--     END IF;
+--     RETURN NEW;
+-- END;
+-- $$ LANGUAGE plpgsql;
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_cek_email_terdaftar
+-- BEFORE INSERT ON akun
+-- FOR EACH ROW
+-- EXECUTE FUNCTION cek_email_terdaftar();
+
+-- -- pendaftaran pengguna baru
+-- -- harunsya ga perlu dispesifikin penggunanya(?)
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE OR REPLACE FUNCTION set_non_premium() RETURNS TRIGGER AS $$
+-- BEGIN
+--     NEW.is_premium := false;
+--     RETURN NEW;
+-- END;
+-- $$ LANGUAGE plpgsql;
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_set_non_premium
+-- BEFORE INSERT ON akun
+-- FOR EACH ROW
+-- -- WHEN (NEW.role = 'Pengguna') -- ini tidak vliad dan ini juga ga bisa diakses oleh usernya  yg bukan pengguna seperit lable
+-- EXECUTE FUNCTION set_non_premium();
+
+
+-- -- memerikasa status langganan pengguna
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE OR REPLACE FUNCTION cek_status_langganan() RETURNS TRIGGER AS $$
+-- BEGIN
+--     IF NEW.status_langganan = 'Premium' AND NEW.timestamp_berakhir > CURRENT_DATE THEN
+--         NEW.status_langganan := 'Non Premium';
+--     END IF;
+--     RETURN NEW;
+-- END;
+-- $$ LANGUAGE plpgsql;
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_cek_status_langganan
+-- BEFORE UPDATE ON akun
+-- FOR EACH ROW
+-- EXECUTE FUNCTION cek_status_langganan();
+
+
+-- -- Nomor 2
+-- -- Memperbarui atribut durasi dan jumlah lagu
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE OR REPLACE FUNCTION update_durasi_jumlah_lagu() RETURNS TRIGGER AS $$
+-- BEGIN
+--     IF TG_OP = 'INSERT' THEN
+--         UPDATE user_playlist
+--         SET total_durasi = total_durasi + NEW.durasi,
+--             jumlah_lagu = jumlah_lagu + 1
+--         WHERE id = NEW.id_playlist;
+--     ELSIF TG_OP = 'DELETE' THEN
+--         UPDATE user_playlist
+--         SET total_durasi = total_durasi - OLD.durasi,
+--             jumlah_lagu = jumlah_lagu - 1
+--         WHERE id = OLD.id_playlist;
+--     END IF;
+--     RETURN NULL;
+-- END;
+-- $$ LANGUAGE plpgsql;
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_update_durasi_jumlah_lagu
+-- AFTER INSERT OR DELETE ON playlist_song
+-- FOR EACH ROW
+-- EXECUTE FUNCTION update_durasi_jumlah_lagu();
+
+
+
+-- -- Memeriksa lagu ganda pada playlist
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE OR REPLACE FUNCTION cek_lagu_ganda_playlist() RETURNS TRIGGER AS $$
+-- BEGIN
+--     IF EXISTS(
+--         SELECT 1
+--         FROM playlist_song
+--         WHERE id_playlist = NEW.id_playlist
+--           AND id_song = NEW.id_song
+--     ) THEN
+--         RAISE EXCEPTION 'Lagu sudah ada dalam playlist';
+--     END IF;
+--     RETURN NEW;
+-- END;
+-- $$ LANGUAGE plpgsql;
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_cek_lagu_ganda_playlist
+-- BEFORE INSERT ON playlist_song
+-- FOR EACH ROW
+-- EXECUTE FUNCTION cek_lagu_ganda_playlist();
+
+-- --memeriksa lagu ganda pada download song
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE OR REPLACE FUNCTION cek_lagu_ganda_downloaded_song() RETURNS TRIGGER AS $$
+-- BEGIN
+--     IF EXISTS(
+--         SELECT 1
+--         FROM downloaded_song
+--         WHERE id_song = NEW.id_song
+--           AND email_downloader = NEW.email_downloader
+--     ) THEN
+--         RAISE EXCEPTION 'Lagu sudah diunduh sebelumnya';
+--     END IF;
+--     RETURN NEW;
+-- END;
+-- $$ LANGUAGE plpgsql;
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_cek_lagu_ganda_downloaded_song
+-- BEFORE INSERT ON downloaded_song
+-- FOR EACH ROW
+-- EXECUTE FUNCTION cek_lagu_ganda_downloaded_song();
+
+
+-- -- Nomor 3
+-- -- Manajemen Langganan Paket
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE OR REPLACE FUNCTION cek_langganan_aktif() RETURNS TRIGGER AS $$
+-- DECLARE
+--     langganan_aktif INT;
+-- BEGIN
+--     SELECT COUNT(*) INTO langganan_aktif
+--     FROM transaction
+--     WHERE email = NEW.email
+--       AND timestamp_berakhir > CURRENT_TIMESTAMP;
+
+--     IF langganan_aktif > 0 THEN
+--         RAISE EXCEPTION 'Anda sudah memiliki langganan yang aktif';
+--     ELSE
+--         INSERT INTO premium (email)
+--         VALUES (NEW.email);
+--     END IF;
+--     RETURN NEW;
+-- END;
+-- $$ LANGUAGE plpgsql;
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_cek_langganan_aktif
+-- BEFORE INSERT ON transaction
+-- FOR EACH ROW
+-- EXECUTE FUNCTION cek_langganan_aktif();
+
+-- -- Manajemen Play User Playlist
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE OR REPLACE FUNCTION manajemen_play_user_playlist() RETURNS TRIGGER AS $$
+-- DECLARE
+--     lagu RECORD;
+-- BEGIN
+--     FOR lagu IN SELECT id_song FROM playlist_song WHERE id_playlist = NEW.id_playlist LOOP
+--         INSERT INTO akun_play_song (email_pemain, id_song, waktu)
+--         VALUES (NEW.email_pembuat, lagu.id_song, CURRENT_TIMESTAMP);
+--     END LOOP;
+--     RETURN NULL;
+-- END;
+-- $$ LANGUAGE plpgsql;
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_manajemen_play_user_playlist
+-- AFTER INSERT ON akun_play_user_playlist
+-- FOR EACH ROW
+-- EXECUTE FUNCTION manajemen_play_user_playlist();
+
+
+-- -- Nomor 4
+-- -- Memperbarui total play saat menambahkan lagu ke playlist
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE OR REPLACE FUNCTION update_total_play() RETURNS TRIGGER AS $$
+-- BEGIN
+--     UPDATE song
+--     SET total_play = total_play + 1
+--     WHERE id_konten = NEW.id_song;
+--     RETURN NEW;
+-- END;
+-- $$ LANGUAGE plpgsql;
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_update_total_play
+-- AFTER INSERT ON playlist_song
+-- FOR EACH ROW
+-- WHEN (pg_trigger_depth() = 0)
+-- EXECUTE FUNCTION update_total_play();
+
+-- --  Memperbarui total download
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE OR REPLACE FUNCTION update_total_download() RETURNS TRIGGER AS $$
+-- BEGIN
+--     UPDATE song
+--     SET total_download = total_download + 1
+--     WHERE id_konten = NEW.id_song;
+--     RETURN NEW;
+-- END;
+-- $$ LANGUAGE plpgsql;
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_update_total_download
+-- AFTER INSERT ON downloaded_song
+-- FOR EACH ROW
+-- WHEN (pg_trigger_depth() = 0)
+-- EXECUTE FUNCTION update_total_download();
+
+
+-- -- Nomor 5
+-- -- Memperbarui durasi saat menambahkan atau menghapus episode dalam podcast
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE OR REPLACE FUNCTION update_podcast_duration() RETURNS TRIGGER AS $$
+-- DECLARE
+--     total_duration INTEGER;
+-- BEGIN
+--     -- Hitung total durasi dari semua episode yang terkait dengan podcast tersebut
+--     SELECT SUM(durasi) INTO total_duration
+--     FROM episode
+--     WHERE id_konten_podcast = NEW.id_konten;
+
+--     -- Update atribut durasi dari podcast dalam tabel KONTEN
+--     UPDATE konten
+--     SET durasi = total_duration
+--     WHERE id = NEW.id_konten;
+
+--     RETURN NEW;
+-- END;
+-- $$ LANGUAGE plpgsql;
+
+
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_update_podcast_duration
+-- AFTER INSERT OR DELETE ON episode
+-- FOR EACH ROW
+-- WHEN (pg_trigger_depth() = 0)
+-- EXECUTE FUNCTION update_podcast_duration();
+-- SET SEARCH_PATH TO MARMUT;
+-- -- Memperbarui atribut durasi dan jumlah lagu
+-- SET SEARCH_PATH TO marmut;
+
+-- CREATE OR REPLACE FUNCTION marmut.update_album_attributes()
+-- RETURNS TRIGGER AS $$
+-- DECLARE
+--     total_duration INT;
+-- BEGIN
+--     -- Menghitung total durasi dengan join antara song dan konten
+--     SELECT SUM(K.durasi) INTO total_duration
+--     FROM marmut.song S
+--     JOIN marmut.konten K ON S.id_konten = K.id
+--     WHERE S.id_album = NEW.id;
+--     -- Menghitung jumlah lagu
+--     SELECT COUNT(*) INTO total_songs
+--     FROM marmut.song
+--     WHERE id_album = NEW.id_album;
+
+--     -- Memperbarui tabel album dengan total durasi
+--     UPDATE marmut.album
+--     SET total_durasi = total_duration, jumlah_lagu = total_songs
+--     WHERE id = NEW.id_album;
+--     RAISE NOTICE 'Album ID: %, Total Durasi: %, Jumlah Lagu: %', NEW.id_album, total_duration, total_songs
+--     RETURN NEW;
+-- END;
+-- $$ LANGUAGE plpgsql;
+
+-- SET SEARCH_PATH TO MARMUT;
+-- CREATE TRIGGER trg_update_album_attributes
+-- AFTER INSERT OR DELETE ON marmut.song
+-- FOR EACH ROW
+-- -- WHEN (pg_trigger_depth() = 0)
+-- EXECUTE FUNCTION update_album_attributes();
+
+
diff --git a/tk_basdat/settings.py b/tk_basdat/settings.py
index fb37926..53e0910 100644
--- a/tk_basdat/settings.py
+++ b/tk_basdat/settings.py
@@ -10,8 +10,11 @@
 https://docs.djangoproject.com/en/5.0/ref/settings/
 """
 
+import os
 from pathlib import Path
 
+import akun
+
 # Build paths inside the project like this: BASE_DIR / 'subdir'.
 BASE_DIR = Path(__file__).resolve().parent.parent
 
@@ -37,6 +40,17 @@
     "django.contrib.sessions",
     "django.contrib.messages",
     "django.contrib.staticfiles",
+    "akun",
+    "album_song_royalti",
+    "artist_songwriter",
+    "label",
+    "main",
+    "pengguna_biasa",
+    "podcaster",
+    "search",
+    "download",
+    "langganan",
+    "user_playlist"
 ]
 
 MIDDLEWARE = [
@@ -54,7 +68,14 @@
 TEMPLATES = [
     {
         "BACKEND": "django.template.backends.django.DjangoTemplates",
-        "DIRS": [],
+        'DIRS': [
+            os.path.join(BASE_DIR, "templates"),  # Tambahkan direktori template root proyek
+            os.path.join(BASE_DIR, "akun", "templates"),  # Tambahkan direktori template dari aplikasi 'akun'
+            os.path.join(BASE_DIR, "album_song_royalti", "templates"),  # Tambahkan direktori template dari aplikasi 'album_song_royalti'
+            os.path.join(BASE_DIR, "search", "templates"),
+            os.path.join(BASE_DIR, "download", "templates"),
+            os.path.join(BASE_DIR, "langganan", "templates")
+        ],
         "APP_DIRS": True,
         "OPTIONS": {
             "context_processors": [
@@ -74,9 +95,13 @@
 # https://docs.djangoproject.com/en/5.0/ref/settings/#databases
 
 DATABASES = {
-    "default": {
-        "ENGINE": "django.db.backends.sqlite3",
-        "NAME": BASE_DIR / "db.sqlite3",
+    'default': {
+        'ENGINE': 'django.db.backends.postgresql',
+        'NAME': 'postgres',
+        'USER': 'postgres.wjvkpituiyaewdobydxl',
+        'PASSWORD': 'Marmut123_?',
+        'HOST': 'aws-0-ap-southeast-1.pooler.supabase.com',
+        'PORT': '5432',
     }
 }
 
@@ -92,6 +117,26 @@
     {"NAME": "django.contrib.auth.password_validation.CommonPasswordValidator",},
     {"NAME": "django.contrib.auth.password_validation.NumericPasswordValidator",},
 ]
+#next test logging buat cek sebelum dan sesduahhnya gmn 
+LOGGING = {
+    'version': 1,
+    'disable_existing_loggers': False,
+    'handlers': {
+        'console': {
+            'level': 'DEBUG',
+            'class': 'logging.StreamHandler',
+        },
+    },
+    'loggers': {
+        'akun.views': {
+            'handlers': ['console'],
+            'level': 'DEBUG',
+            'propagate': True,
+        },
+    },
+}
+#next tes
+SESSION_EXPIRE_AT_BROWSER_CLOSE = True
 
 
 # Internationalization
diff --git a/tk_basdat/urls.py b/tk_basdat/urls.py
index f08743e..ebec638 100644
--- a/tk_basdat/urls.py
+++ b/tk_basdat/urls.py
@@ -15,8 +15,18 @@
     2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
 """
 from django.contrib import admin
-from django.urls import path
+from django.urls import path, include
+from akun import views as akun_views
+from album_song_royalti.views import *
+from search.views import *
 
 urlpatterns = [
     path("admin/", admin.site.urls),
+    path('akun/', include('akun.urls')),
+    path('', akun_views.home, name='home'),
+    path('album_song_royalti/', include('album_song_royalti.urls')),
+    path('search/', include('search.urls')),
+    path('download/', include('download.urls')),
+    path('langganan/', include('langganan.urls')),
+    path('user_playlist/', include('user_playlist.urls')),
 ]
diff --git a/tk_basdat/vercel.json b/tk_basdat/vercel.json
new file mode 100644
index 0000000..e69de29
diff --git a/user_playlist/__init__.py b/user_playlist/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/user_playlist/admin.py b/user_playlist/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/user_playlist/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/user_playlist/apps.py b/user_playlist/apps.py
new file mode 100644
index 0000000..9437722
--- /dev/null
+++ b/user_playlist/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class UserPlaylistConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'user_playlist'
diff --git a/user_playlist/forms.py b/user_playlist/forms.py
new file mode 100644
index 0000000..1065e3c
--- /dev/null
+++ b/user_playlist/forms.py
@@ -0,0 +1,18 @@
+# from django.forms import ModelForm
+# from user_playlist.models import Akun, Paket, Transaction, Premium, NonPremium, Konten, Genre, Podcaster, Podcast, Episode, Artist, Songwriter, Song, Akun_play_Song, Playlist_Song
+# from user_playlist.models import Songwriter_write_Song, Downloaded_Song, Album, Label, Playlist, Chart, User_playlist, Pemilik_hak_cipta, Royalti, Akun_play_User_playlist
+
+# class UserPlaylistForm(ModelForm):
+#     class Meta:
+#         model = User_playlist
+#         fields = ["judul", "deskripsi"]
+
+from django import forms
+
+class AddUserPlaylistForm(forms.Form):
+    judul = forms.CharField(max_length=100, label='Judul')
+    deskripsi = forms.CharField(max_length=500, label='Deskripsi', widget=forms.Textarea)
+
+class EditUserPlaylistForm(forms.Form):
+    judul = forms.CharField(label='Judul', max_length=100)
+    deskripsi = forms.CharField(label='Deskripsi', widget=forms.Textarea)
\ No newline at end of file
diff --git a/user_playlist/migrations/__init__.py b/user_playlist/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/user_playlist/models.py b/user_playlist/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/user_playlist/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/user_playlist/templates/add_song.html b/user_playlist/templates/add_song.html
new file mode 100644
index 0000000..17ec50c
--- /dev/null
+++ b/user_playlist/templates/add_song.html
@@ -0,0 +1,200 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block content %}
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tambah Lagu</title>
+    <style>
+         /* Style umum untuk navbar */
+          /* .navbar {
+            background-color: white;
+            overflow: hidden;
+            width: 100%;
+        } */
+
+        /* Menghapus padding dan margin default pada ul */
+        .navbar ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center; 
+        }
+
+        /* Mengatur tampilan item navbar */
+        .navbar li {
+            /* flex: 1; 
+            text-align: center;  */
+            float: left;
+        }
+
+        /* Mengatur tampilan tautan navbar */
+        .navbar li a {
+            display: block;
+            color: black;
+            text-align: center;
+            padding: 14px 16px;
+            text-decoration: none;
+            transition: background-color 0.3s; /* Menambahkan transisi untuk efek hover */
+        }
+
+        /* Efek hover untuk tautan navbar */
+        .navbar li a:hover {
+            background-color: gray;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            background-color: #f4f4f4;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        h2 {
+            margin-bottom: 20px;
+        }
+
+        form {
+            background: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+        }
+
+        form label {
+            font-weight: bold;
+            display: block;
+            margin-bottom: 5px;
+        }
+
+        form input[type="text"],
+        form select {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+        }
+
+        form input[type="submit"] {
+            background: #007bff;
+            color: #fff;
+            border: none;
+            padding: 10px 20px;
+            cursor: pointer;
+            border-radius: 5px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        table th,
+        table td {
+            padding: 10px;
+            border: 1px solid #ccc;
+            text-align: left;
+        }
+
+        table th {
+            background-color: #f2f2f2;
+        }
+
+        a {
+            text-decoration: none;
+            color: #007bff;
+            margin-right: 10px;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            margin: 0;
+            padding: 0;
+        }
+
+        .container {
+            max-width: 1000px; /* Lebar maksimum */
+            margin: 0 auto; /* Posisi tengah */
+            padding: 20px; /* Padding */
+            background-color: #fff; /* Warna latar belakang */
+            border-radius: 8px; /* Rounded border */
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Shadow */
+            margin-top: 10px; /* Jarak atas */
+        }
+
+        h1 {
+            color: #333;
+            text-align: center;
+        }
+
+        form {
+            text-align: center;
+        }
+
+        label {
+            display: block;
+            margin-bottom: 10px;
+        }
+
+        select {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 20px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            box-sizing: border-box;
+        }
+
+        input[type="submit"] {
+            background-color: #007bff;
+            color: #fff;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 5px;
+            cursor: pointer;
+            transition: background-color 0.3s;
+        }
+
+        input[type="submit"]:hover {
+            background-color: #0056b3;
+        }
+    </style>
+</head>
+<body>
+    
+    <div class="container">
+        <h1>Tambah Lagu</h1>
+
+        <form method="POST">
+            {% csrf_token %}
+            <label for="song">Lagu:</label>
+                <select id="song" name="song_id">
+                    <option value="">Pilih Lagu</option>
+                    {% for song in songs %}
+                    <option value="{{ song.id_konten }}">{{song.judul}} - {{song.artist}}</option>
+                    {% endfor %}
+                </select>
+            <input type="submit" value="Submit">
+        </form>
+        {% if error_message %}
+        <div class="alert alert-danger">{{ error_message }}</div>
+        {% endif %}
+    </div>
+</body>
+{% endblock content %}
\ No newline at end of file
diff --git a/user_playlist/templates/add_song_to_another_playlist.html b/user_playlist/templates/add_song_to_another_playlist.html
new file mode 100644
index 0000000..9f6fe03
--- /dev/null
+++ b/user_playlist/templates/add_song_to_another_playlist.html
@@ -0,0 +1,235 @@
+{% extends 'base.html' %}
+
+{% load static %}
+{% block content %}
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Add Song to Another Playlist</title>
+    <style>
+        /* Style umum untuk navbar */
+         /* .navbar {
+           background-color: white;
+           overflow: hidden;
+           width: 100%;
+       } */
+
+       /* Menghapus padding dan margin default pada ul */
+       .navbar ul {
+           list-style-type: none;
+           margin: 0;
+           padding: 0;
+           display: flex;
+           justify-content: center;
+           align-items: center; 
+       }
+
+       /* Mengatur tampilan item navbar */
+       /* .navbar li {
+           flex: 1; 
+           text-align: center; 
+           float: left;
+       } */
+
+       /* Mengatur tampilan tautan navbar */
+       .navbar li a {
+           display: block;
+           color: black;
+           text-align: center;
+           padding: 14px 16px;
+           text-decoration: none;
+           transition: background-color 0.3s; /* Menambahkan transisi untuk efek hover */
+       }
+
+       /* Efek hover untuk tautan navbar */
+       .navbar li a:hover {
+           background-color: gray;
+       }
+
+       * {
+           margin: 0;
+           padding: 0;
+           box-sizing: border-box;
+       }
+
+       body {
+           font-family: Arial, sans-serif;
+           line-height: 1.6;
+           background-color: #f4f4f4;
+           padding: 20px;
+       }
+
+       .container {
+           max-width: 1200px;
+           margin: 0 auto;
+       }
+
+       h2 {
+           margin-bottom: 20px;
+       }
+
+       form {
+           background: #fff;
+           padding: 20px;
+           border-radius: 5px;
+           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+       }
+
+       form label {
+           font-weight: bold;
+           display: block;
+           margin-bottom: 5px;
+       }
+
+       form input[type="text"],
+       form select {
+           width: 100%;
+           padding: 10px;
+           margin-bottom: 10px;
+           border: 1px solid #ccc;
+           border-radius: 5px;
+       }
+
+       form input[type="submit"] {
+           background: #007bff;
+           color: #fff;
+           border: none;
+           padding: 10px 20px;
+           cursor: pointer;
+           border-radius: 5px;
+       }
+
+       table {
+           width: 100%;
+           border-collapse: collapse;
+           margin-top: 20px;
+       }
+
+       table th,
+       table td {
+           padding: 10px;
+           border: 1px solid #ccc;
+           text-align: left;
+       }
+
+       table th {
+           background-color: #f2f2f2;
+       }
+
+       a {
+           text-decoration: none;
+           color: #007bff;
+           margin-right: 10px;
+       }
+
+       body {
+           font-family: Arial, sans-serif;
+           background-color: #f0f0f0;
+           margin: 0;
+           padding: 0;
+       }
+
+       .container {
+            max-width: 1000px; /* Lebar maksimum */
+            margin: 0 auto; /* Posisi tengah */
+            padding: 20px; /* Padding */
+            background-color: #fff; /* Warna latar belakang */
+            border-radius: 8px; /* Rounded border */
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Shadow */
+            margin-top: 10px; /* Jarak atas */
+        }
+
+       h1 {
+           color: #333;
+           text-align: center;
+       }
+
+       form {
+           text-align: center;
+       }
+
+       label {
+           display: block;
+           margin-bottom: 10px;
+       }
+
+       select {
+           width: 100%;
+           padding: 10px;
+           margin-bottom: 20px;
+           border: 1px solid #ccc;
+           border-radius: 5px;
+           box-sizing: border-box;
+       }
+
+       input[type="submit"] {
+           background-color: #007bff;
+           color: #fff;
+           border: none;
+           padding: 10px 20px;
+           border-radius: 5px;
+           cursor: pointer;
+           transition: background-color 0.3s;
+       }
+
+       input[type="submit"]:hover {
+           background-color: #0056b3;
+       }
+       
+   </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Add Song to User Playlist</h1>
+        <p>Judul: {{ song.judul }}</p>
+        <p>Artist: {{ song.artist }}</p>
+        <form method="POST">
+            {% csrf_token %}
+            <label for="playlist">Pilih Playlist:</label>
+                <select id="playlist" name="other_playlist_id">
+                    <option value="">Pilih Playlist</option>
+                    {% for playlist in playlists %}
+                    <option value="{{ playlist.id_playlist }}">{{ playlist.judul }}</option>
+                    {% endfor %}
+                </select>
+            <input type="submit" value="Submit">
+        </form>
+         <!-- Display success message if exists -->
+         {% if success_message %}
+         <div class="alert alert-success">{{ success_message }}</div>
+         {% endif %}
+ 
+         <!-- Display error message if exists -->
+         {% if error_message %}
+         <div class="alert alert-danger">{{ error_message }}</div>
+         {% endif %}
+        <!-- <form method="POST">
+            {% csrf_token %}
+            <div class="form-group">
+                <label for="playlist">Pilih Playlist:</label>
+                <select class="form-control" name="other_playlist_id" id="playlist">
+                    <option value="">Pilih Playlist</option>
+                    {% for playlist in playlists %}
+                        <option value="{{ playlist.id_playlist }}">{{ playlist.judul }}</option>
+                    {% endfor %}
+                </select>
+            </div>
+            <button type="submit" class="button add">Tambah</button>
+            <a href="{% url 'user_playlist:play_song' playlist_id song_id %}"><button class="button">Kembali</button></a>
+        
+        </form> -->
+        
+        {% if success_message %}
+            <div class="popup" id="popup">
+                <p>{{ success_message }}</p>
+                <form method="get" action="{% url 'user_playlist:detail_user_playlist' playlist_id %}">
+                    <button type="submit" class="button">Ke Playlist</button>
+                </form>
+                <form method="get" action="{% url 'user_playlist:add_song_to_another_playlist' playlist_id song_id %}">
+                    <button type="submit" class="button">Kembali</button>
+                </form>
+            </div>
+        {% endif %}
+    </div>
+</body>
+{% endblock content %}
\ No newline at end of file
diff --git a/user_playlist/templates/add_user_playlist.html b/user_playlist/templates/add_user_playlist.html
new file mode 100644
index 0000000..8c3dd38
--- /dev/null
+++ b/user_playlist/templates/add_user_playlist.html
@@ -0,0 +1,203 @@
+{% extends 'base.html' %} 
+{% load static %}
+{% block content %}
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Add User Playlist</title>
+    
+    <style>
+         /* Style umum untuk navbar */
+          /* .navbar {
+            background-color: white;
+            overflow: hidden;
+            width: 100%;
+        } */
+
+        /* Menghapus padding dan margin default pada ul */
+        .navbar ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center; 
+        }
+
+        /* Mengatur tampilan item navbar */
+        .navbar li {
+            /* flex: 1; 
+            text-align: center;  */
+            float: left;
+        }
+
+        /* Mengatur tampilan tautan navbar */
+        .navbar li a {
+            display: block;
+            color: black;
+            text-align: center;
+            padding: 14px 16px;
+            text-decoration: none;
+            transition: background-color 0.3s; /* Menambahkan transisi untuk efek hover */
+        }
+
+        /* Efek hover untuk tautan navbar */
+        .navbar li a:hover {
+            background-color: gray;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            background-color: #f4f4f4;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        h2 {
+            margin-bottom: 20px;
+        }
+
+        form {
+            background: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+        }
+
+        form label {
+            font-weight: bold;
+            display: block;
+            margin-bottom: 5px;
+        }
+
+        form input[type="text"],
+        form select {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+        }
+
+        form input[type="submit"] {
+            background: #007bff;
+            color: #fff;
+            border: none;
+            padding: 10px 20px;
+            cursor: pointer;
+            border-radius: 5px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        table th,
+        table td {
+            padding: 10px;
+            border: 1px solid #ccc;
+            text-align: left;
+        }
+
+        table th {
+            background-color: #f2f2f2;
+        }
+
+        a {
+            text-decoration: none;
+            color: #007bff;
+            margin-right: 10px;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            margin: 0;
+            padding: 0;
+        }
+
+        h1 {
+            color: #333;
+            text-align: center;
+        }
+
+        form {
+            max-width: 400px;
+            margin: 20px auto;
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+
+        table {
+            width: 100%;
+        }
+
+        td {
+            padding: 10px 0;
+        }
+
+        input[type="text"],
+        input[type="submit"] {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            box-sizing: border-box;
+        }
+
+        input[type="submit"] {
+            background-color: #007bff;
+            color: #fff;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+
+        input[type="submit"]:hover {
+            background-color: #0056b3;
+        }
+    </style>
+</head>
+<body>
+    
+    <h1>Add New User Playlist</h1>
+
+    <form method="POST">
+        {% csrf_token %}
+        <table>
+            <tr>
+                <td><label for="judul">Judul:</label></td>
+                <td><input type="text" id="judul" name="judul" required></td>
+            </tr>
+            <tr>
+                <td><label for="deskripsi">Deskripsi:</label></td>
+                <td><textarea id="deskripsi" name="deskripsi" required></textarea></td>
+            </tr>
+            <!-- Tambahkan input fields lainnya sesuai kebutuhan -->
+            <tr>
+                <td></td>
+                <td>
+                    <input type="submit" value="Add Playlist"/>
+                </td>
+            </tr>
+        </table>
+    </form>
+</body>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/user_playlist/templates/detail_user_playlist.html b/user_playlist/templates/detail_user_playlist.html
new file mode 100644
index 0000000..a7a859e
--- /dev/null
+++ b/user_playlist/templates/detail_user_playlist.html
@@ -0,0 +1,228 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block meta %}
+    <title>User Playlist Details</title>
+{% endblock meta %}
+
+{% block content %}
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>User Playlist Detail</title>
+    <style>
+  /* Style umum untuk navbar */
+          /* .navbar {
+            background-color: white;
+            overflow: hidden;
+            width: 100%;
+        } */
+
+        /* Menghapus padding dan margin default pada ul */
+        .navbar ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center; 
+        }
+
+        /* Mengatur tampilan item navbar */
+        .navbar li {
+            /* flex: 1; 
+            text-align: center;  */
+            float: left;
+        }
+
+        /* Mengatur tampilan tautan navbar */
+        .navbar li a {
+            display: block;
+            color: black;
+            text-align: center;
+            padding: 14px 16px;
+            text-decoration: none;
+            transition: background-color 0.3s; /* Menambahkan transisi untuk efek hover */
+        }
+
+        /* Efek hover untuk tautan navbar */
+        .navbar li a:hover {
+            background-color: gray;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            background-color: #f4f4f4;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        h2 {
+            margin-bottom: 20px;
+        }
+
+        form {
+            background: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+        }
+
+        form label {
+            font-weight: bold;
+            display: block;
+            margin-bottom: 5px;
+        }
+
+        form input[type="text"],
+        form select {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+        }
+
+        form input[type="submit"] {
+            background: #007bff;
+            color: #fff;
+            border: none;
+            padding: 10px 20px;
+            cursor: pointer;
+            border-radius: 5px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        table th,
+        table td {
+            padding: 10px;
+            border: 1px solid #ccc;
+            text-align: left;
+        }
+
+        table th {
+            background-color: #f2f2f2;
+        }
+
+        a {
+            text-decoration: none;
+            color: #007bff;
+            margin-right: 10px;
+        }
+
+        body {
+            font-family: Arial, sans-serif; /* Menggunakan font Arial atau font sans-serif */
+            background-color: #f8f9fa; /* Warna latar belakang */
+            margin: 0; /* Hapus margin */
+            padding: 0; /* Hapus padding */
+        }
+
+        .container {
+            max-width: 1000px; /* Lebar maksimum */
+            margin: 0 auto; /* Posisi tengah */
+            padding: 20px; /* Padding */
+            background-color: #fff; /* Warna latar belakang */
+            border-radius: 8px; /* Rounded border */
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Shadow */
+            margin-top: 10px; /* Jarak atas */
+        }
+
+        h1 {
+            color: #333; /* Warna teks */
+        }
+
+        p {
+            margin-bottom: 10px; /* Jarak bawah */
+        }
+
+        table {
+            width: 100%; /* Lebar tabel */
+            border-collapse: collapse; /* Gabung border */
+            margin-top: 20px; /* Jarak atas */
+        }
+
+        th, td {
+            border: 1px solid #ddd; /* Border */
+            padding: 8px; /* Padding */
+            text-align: left; /* Rata kiri */
+        }
+
+        th {
+            background-color: #f2f2f2; /* Warna latar belakang header */
+        }
+
+        /* Button Style */
+        button {
+            background-color: #007bff; /* Warna latar belakang */
+            color: #fff; /* Warna teks */
+            border: none; /* Hapus border */
+            padding: 8px 16px; /* Padding */
+            border-radius: 4px; /* Rounded border */
+            cursor: pointer; /* Pointer ketika dihover */
+            transition: background-color 0.3s; /* Efek transisi */
+        }
+
+        button:hover {
+            background-color: #0056b3; /* Warna latar belakang saat dihover */
+        }
+    </style>
+</head>
+<body>
+    
+    <div class="container">
+        <h1>User Playlist Detail</h1>
+        <p>Judul: {{playlist.judul}}</p>
+        <p>Pembuat: {{playlist.pembuat}}</p>
+        <p>Jumlah Lagu: {{playlist.jumlah_lagu}}</p>
+        <p>Total Durasi: {{playlist.total_durasi}} menit</p>
+        <p>Tanggal Dibuat: {{playlist.tanggal_dibuat}}</p>
+        <p>Deskripsi: {{playlist.deskripsi}}</p>
+        <br/>
+        <h2>Daftar Lagu</h2>
+        <td>
+            <a href="#"><button>Shuffle Play</button></a>
+            <a href="{% url 'user_playlist:show_user_playlist' %}"><button>Kembali</button></a>
+        </td>
+        <table>
+            <tr>
+                <th>Judul Lagu</th>
+                <th>Oleh</th>
+                <th>Durasi</th>
+                <th>Actions</th>
+            </tr>
+            {% for song in songs %}
+            <tr>
+                <td>{{ song.judul }}</td>
+                <td>{{ song.oleh }}</td>
+                <td>{{ song.durasi }} menit</td>
+                <td>
+                    <a href="{% url 'user_playlist:lihat_song' playlist_id=playlist.id_playlist song_id=song.id %}"><button>Lihat</button></a>
+                    <a href="{% url 'user_playlist:play_song' playlist_id=playlist.id_playlist song_id=song.id %}"><button>Play</button></a>
+                    <a href="{% url 'user_playlist:delete_song' playlist_id=playlist.id_playlist song_id=song.id %}"><button>Delete</button></a>
+                </td>
+            </tr>
+            {% endfor %}
+
+        </table>
+        <br/>
+        <td>
+            <a href="{% url 'user_playlist:add_song' playlist_id=playlist.id_playlist %}"><button>Tambah Lagu</button></a>
+        </td>
+    </div>
+</body>
+{% endblock content %}
diff --git a/user_playlist/templates/edit_playlist.html b/user_playlist/templates/edit_playlist.html
new file mode 100644
index 0000000..a73475d
--- /dev/null
+++ b/user_playlist/templates/edit_playlist.html
@@ -0,0 +1,198 @@
+{% extends 'base.html' %}
+
+{% load static %}
+{% block content %}
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Edit Product</title>
+    <style>
+         /* Style umum untuk navbar */
+          /* .navbar {
+            background-color: white;
+            overflow: hidden;
+            width: 100%;
+        } */
+
+        /* Menghapus padding dan margin default pada ul */
+        .navbar ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center; 
+        }
+
+        /* Mengatur tampilan item navbar */
+        .navbar li {
+            /* flex: 1; 
+            text-align: center;  */
+            float: left;
+        }
+
+        /* Mengatur tampilan tautan navbar */
+        .navbar li a {
+            display: block;
+            color: black;
+            text-align: center;
+            padding: 14px 16px;
+            text-decoration: none;
+            transition: background-color 0.3s; /* Menambahkan transisi untuk efek hover */
+        }
+
+        /* Efek hover untuk tautan navbar */
+        .navbar li a:hover {
+            background-color: gray;
+        }
+
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            background-color: #f4f4f4;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        h2 {
+            margin-bottom: 20px;
+        }
+
+        form {
+            background: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+        }
+
+        form label {
+            font-weight: bold;
+            display: block;
+            margin-bottom: 5px;
+        }
+
+        form input[type="text"],
+        form select {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+        }
+
+        form input[type="submit"] {
+            background: #007bff;
+            color: #fff;
+            border: none;
+            padding: 10px 20px;
+            cursor: pointer;
+            border-radius: 5px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        table th,
+        table td {
+            padding: 10px;
+            border: 1px solid #ccc;
+            text-align: left;
+        }
+
+        table th {
+            background-color: #f2f2f2;
+        }
+
+        a {
+            text-decoration: none;
+            color: #007bff;
+            margin-right: 10px;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            margin: 0;
+            padding: 0;
+        }
+
+        h1 {
+            color: #333;
+            text-align: center;
+        }
+
+        form {
+            max-width: 500px;
+            margin: 20px auto;
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+
+        table {
+            width: 100%;
+        }
+
+        td {
+            padding: 10px 0;
+        }
+
+        input[type="text"],
+        input[type="submit"] {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            box-sizing: border-box;
+        }
+
+        input[type="submit"] {
+            background-color: #007bff;
+            color: #fff;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+
+        input[type="submit"]:hover {
+            background-color: #0056b3;
+        }
+    </style>
+</head>
+
+<body>
+    
+    <h1>Edit Product</h1>
+
+    <form method="POST">
+        {% csrf_token %}
+        <table>
+            {{ form.as_table }}
+            <tr>
+                <td></td>
+                <td>
+                    <input type="submit" value="Edit Product">
+                </td>
+            </tr>
+        </table>
+    </form>
+</body>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/user_playlist/templates/lihat_song.html b/user_playlist/templates/lihat_song.html
new file mode 100644
index 0000000..3999650
--- /dev/null
+++ b/user_playlist/templates/lihat_song.html
@@ -0,0 +1,251 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block content %}
+<title>User Playlist Details</title>
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Song Detail</title>
+    <style>
+          /* Style umum untuk navbar */
+          /* .navbar {
+            background-color: white;
+            overflow: hidden;
+            width: 100%;
+        } */
+
+        /* Menghapus padding dan margin default pada ul */
+        .navbar ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center; 
+        }
+
+        /* Mengatur tampilan item navbar */
+        .navbar li {
+            /* flex: 1; 
+            text-align: center;  */
+            float: left;
+        }
+
+        /* Mengatur tampilan tautan navbar */
+        .navbar li a {
+            display: block;
+            color: black;
+            text-align: center;
+            padding: 14px 16px;
+            text-decoration: none;
+            transition: background-color 0.3s; /* Menambahkan transisi untuk efek hover */
+        }
+
+        /* Efek hover untuk tautan navbar */
+        .navbar li a:hover {
+            background-color: gray;
+        }
+
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            background-color: #f4f4f4;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        h2 {
+            margin-bottom: 20px;
+        }
+
+        form {
+            background: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+        }
+
+        form label {
+            font-weight: bold;
+            display: block;
+            margin-bottom: 5px;
+        }
+
+        form input[type="text"],
+        form select {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+        }
+
+        form input[type="submit"] {
+            background: #007bff;
+            color: #fff;
+            border: none;
+            padding: 10px 20px;
+            cursor: pointer;
+            border-radius: 5px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        table th,
+        table td {
+            padding: 10px;
+            border: 1px solid #ccc;
+            text-align: left;
+        }
+
+        table th {
+            background-color: #f2f2f2;
+        }
+
+        a {
+            text-decoration: none;
+            color: #007bff;
+            margin-right: 10px;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            margin: 0;
+            padding: 0;
+        }
+
+        .container {
+            max-width: 1000px;
+            margin: 20px auto;
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            margin-top: 10px; /* Jarak atas */
+        }
+        
+
+        h1 {
+            color: #333;
+            text-align: center;
+        }
+
+        p {
+            margin: 10px 0;
+            line-height: 1.6; /* Tinggi baris */
+        }
+
+        ul {
+            margin: 0;
+            padding: 0;
+            list-style: none;
+        }
+
+        li {
+            margin-bottom: 5px;
+        }
+
+        button {
+            background-color: #007bff; /* Warna latar belakang */
+            color: #fff; /* Warna teks */
+            border: none; /* Hapus border */
+            padding: 8px 16px; /* Padding */
+            border-radius: 4px; /* Rounded border */
+            cursor: pointer; /* Pointer ketika dihover */
+            transition: background-color 0.3s; /* Efek transisi */
+        }
+
+        button:hover {
+            background-color: #0056b3; /* Warna latar belakang saat dihover */
+        }
+
+        /* Popup styling */
+        .popup {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+            z-index: 1000;
+            display: none;
+        }
+
+        .popup.show {
+            display: block;
+        }
+
+        .popup button {
+            margin-top: 10px;
+        }
+    </style>
+</head>
+<body>
+    
+    <div class="container">
+        <h1>Song Details</h1>
+        <p><strong>Judul:</strong> {{ song.judul }}</p>
+        <p><strong>Genre(s):</strong></p>
+        <ul>
+            <li><strong>-</strong> {{ song.genre }}</li>
+        </ul>
+        <p><strong>Artist:</strong> {{ song.artist }}</p>
+        <p><strong>Songwriter(s):</strong></p>
+        <ul>
+            <li><strong>-</strong> {{ song.songwriter }}</li>
+        </ul>
+        <p><strong>Durasi:</strong> {{ song.durasi }} menit</p>
+        <p><strong>Tanggal Rilis:</strong> {{ song.tanggal_rilis }}</p>
+        <p><strong>Tahun:</strong> {{ song.tahun }}</p>
+        <p><strong>Total Play:</strong> {{ song.total_play }}</p>
+        <p><strong>Total Downloads:</strong> {{ song.total_download }}</p>
+        <p><strong>Album:</strong> {{ song.album }}</p>
+        <!-- <p><strong>ID konten:</strong> {{ song.id_konten }}</p> -->
+
+        <div class="divider"></div>
+        <div class="actions">
+            <a href="{% url 'user_playlist:detail_user_playlist' playlist_id=playlist.id_playlist %}"><button class="button">Kembali</button></a>
+        </div>
+    </div>
+
+    <!-- Popup -->
+    <div class="popup" id="downloadPopup">
+        <p>Berhasil mengunduh Lagu dengan judul ‘{{song.judul}}’!</p>
+        <button class="button" onclick="goToDownloadList()">Ke Daftar Download</button>
+        <a href="#"><button class="button">Kembali</button></a>
+    </div>
+
+    <script>
+        function showDownloadPopup() {
+            var popup = document.getElementById("downloadPopup");
+            popup.classList.add("show");
+        }
+
+        function goToDownloadList() {
+            // Redirect ke halaman daftar download
+            window.location.href = "download_list.html";
+        }
+    </script>
+</body>
+{% endblock content %}
+<!-- {% url 'user_playlist:add_song_to_another_playlist' playlist_id=playlist.id_playlist song_id=song.id_konten %} -->
+<!-- {% url 'user_playlist:download_song' playlist_id=playlist.id_playlist song_id=song.id_konten %} -->
\ No newline at end of file
diff --git a/user_playlist/templates/play_song.html b/user_playlist/templates/play_song.html
new file mode 100644
index 0000000..38dcf07
--- /dev/null
+++ b/user_playlist/templates/play_song.html
@@ -0,0 +1,329 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block content %}
+<title>User Playlist Details</title>
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Song Detail</title>
+    <style>
+          /* Style umum untuk navbar */
+          /* .navbar {
+            background-color: white;
+            overflow: hidden;
+            width: 100%;
+        } */
+
+        /* Menghapus padding dan margin default pada ul */
+        .navbar ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center; 
+        }
+
+        /* Mengatur tampilan item navbar */
+        .navbar li {
+            /* flex: 1; 
+            text-align: center;  */
+            float: left;
+        }
+
+        /* Mengatur tampilan tautan navbar */
+        .navbar li a {
+            display: block;
+            color: black;
+            text-align: center;
+            padding: 0 0;
+            text-decoration: none;
+            transition: background-color 0.3s; /* Menambahkan transisi untuk efek hover */
+        }
+
+        /* Efek hover untuk tautan navbar */
+        .navbar li a:hover {
+            background-color: gray;
+        }
+
+        /* Tambahan gaya untuk halaman aktif (opsional) */
+        /* .navbar li a.active {
+            background-color: blue;
+            color: white;
+        } */
+
+
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            background-color: #f4f4f4;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        h2 {
+            margin-bottom: 20px;
+        }
+
+        form {
+            background: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+            width: 100%;
+        }
+
+        .form-group {
+            width: 100%; /* Extend form-group to full width */
+        }
+
+        .form-label {
+            display: block;
+            font-weight: bold;
+            margin-bottom: 5px;
+        }
+
+        .form-range {
+            width: 100%; /* Extend range input to full width */
+        }
+
+        .progress-labels {
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .progress-labels span {
+            flex: 1;
+            text-align: center;
+        }
+
+        .text-center {
+            text-align: center;
+            margin-top: 20px; /* Adjust margin for button */
+        }
+
+        form label {
+            font-weight: bold;
+            display: block;
+            margin-bottom: 5px;
+        }
+
+        form input[type="text"],
+        form select {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+        }
+
+        form input[type="submit"] {
+            background: #007bff;
+            color: #fff;
+            border: none;
+            padding: 10px 20px;
+            cursor: pointer;
+            border-radius: 5px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        table th,
+        table td {
+            padding: 10px;
+            border: 1px solid #ccc;
+            text-align: left;
+        }
+
+        table th {
+            background-color: #f2f2f2;
+        }
+
+        a {
+            text-decoration: none;
+            color: #007bff;
+            margin-right: 10px;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            margin: 0;
+            padding: 0;
+        }
+
+        .container {
+            max-width: 1000px;
+            margin: 20px auto;
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            margin-top: 10px; /* Jarak atas */
+        }
+        
+
+        h1 {
+            color: #333;
+            text-align: center;
+        }
+
+        p {
+            margin: 10px 0;
+            line-height: 1.6; /* Tinggi baris */
+        }
+
+        ul {
+            margin: 0;
+            padding: 0;
+            list-style: none;
+        }
+
+        li {
+            margin-bottom: 5px;
+        }
+
+        button {
+            background-color: #007bff; /* Warna latar belakang */
+            color: #fff; /* Warna teks */
+            border: none; /* Hapus border */
+            padding: 8px 16px; /* Padding */
+            border-radius: 4px; /* Rounded border */
+            cursor: pointer; /* Pointer ketika dihover */
+            transition: background-color 0.3s; /* Efek transisi */
+        }
+
+        button:hover {
+            background-color: #0056b3; /* Warna latar belakang saat dihover */
+        }
+
+        /* Popup styling */
+        .popup {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+            z-index: 1000;
+            display: none;
+        }
+
+        .popup.show {
+            display: block;
+        }
+
+        .popup button {
+            margin-top: 10px;
+        }
+    </style>
+</head>
+<body>
+    
+    <div class="container">
+        <h1>Song Details</h1>
+        <p><strong>Judul:</strong> {{ song.judul }}</p>
+        <p><strong>Genre(s):</strong></p>
+        <ul>
+            <li><strong>-</strong> {{ song.genre }}</li>
+        </ul>
+        <p><strong>Artist:</strong> {{ song.artist }}</p>
+        <p><strong>Songwriter(s):</strong></p>
+        <ul>
+            <li><strong>-</strong> {{ song.songwriter }}</li>
+        </ul>
+        <p><strong>Durasi:</strong> {{ song.durasi }} menit</p>
+        <p><strong>Tanggal Rilis:</strong> {{ song.tanggal_rilis }}</p>
+        <p><strong>Tahun:</strong> {{ song.tahun }}</p>
+        <p><strong>Total Play:</strong> {{ song.total_play }}</p>
+        <p><strong>Total Downloads:</strong> {{ song.total_download }}</p>
+        <p><strong>Album:</strong> {{ song.album }}</p>
+        <!-- <p><strong>ID konten:</strong> {{ song.id_konten }}</p> -->
+
+        <form method="POST" class="mb-3">
+            {% csrf_token %}
+            <div class="form-group">
+                <label for="progress" class="form-label"><strong>Progress:</strong></label>
+                <input type="range" id="progress" name="progress" min="0" max="100" step="10" value="0" class="form-range">
+                <div class="progress-labels">
+                    <span>0%</span>
+                    <span>10%</span>
+                    <span>20%</span>
+                    <span>30%</span>
+                    <span>40%</span>
+                    <span>50%</span>
+                    <span>60%</span>
+                    <span>70%</span>
+                    <span>80%</span>
+                    <span>90%</span>
+                    <span>100%</span>
+                </div>
+            </div>
+            <div class="text-center mt-2">
+                <button type="submit" name="play" class="btn btn-primary">Play</button>
+            </div>
+        </form>
+
+        <div class="divider"></div>
+        
+        
+            {% if is_premium %}
+               
+                <form method="post" action="{% url 'user_playlist:download_song' song_id=song.id_konten %}">
+                    {% csrf_token %}
+                    <input type="hidden" name="playlist_id" value="{{ playlist.id_playlist }}">
+                    <button type="submit">Download</button>
+                </form>
+               
+                {% if error_message %}
+                    <div class="alert alert-danger">{{ error_message }}</div>
+                {% endif %}
+            {% endif %}
+            
+            <a href="{% url 'user_playlist:add_song_to_another_playlist' playlist_id=playlist.id_playlist song_id=song.id_konten %}"><button class="button">Add to Playlist</button></a>
+            <a href="{% url 'user_playlist:detail_user_playlist' playlist_id=playlist.id_playlist %}"><button class="button">Kembali</button></a>
+           
+       
+       
+    </div>
+
+    <!-- Popup -->
+    <div class="popup" id="downloadPopup">
+        <p>Berhasil mengunduh Lagu dengan judul ‘{{song.judul}}’!</p>
+        <button class="button" onclick="goToDownloadList()">Ke Daftar Download</button>
+        <a href="#"><button class="button">Kembali</button></a>
+    </div>
+
+    <script>
+        function showDownloadPopup() {
+            var popup = document.getElementById("downloadPopup");
+            popup.classList.add("show");
+        }
+
+        function goToDownloadList() {
+            // Redirect ke halaman daftar download
+            window.location.href = "download_list.html";
+        }
+    </script>
+</body>
+{% endblock content %}
+<!-- {% url 'user_playlist:add_song_to_another_playlist' playlist_id=playlist.id_playlist song_id=song.id_konten %} -->
+<!-- {% url 'user_playlist:download_song' playlist_id=playlist.id_playlist song_id=song.id_konten %} -->
\ No newline at end of file
diff --git a/user_playlist/templates/show_user_playlist.html b/user_playlist/templates/show_user_playlist.html
new file mode 100644
index 0000000..6acf851
--- /dev/null
+++ b/user_playlist/templates/show_user_playlist.html
@@ -0,0 +1,215 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block content %}
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>User Playlist</title>
+    <style>
+        .navbar {
+            background-color: white; 
+            overflow: hidden;
+        }
+
+        .navbar ul {
+            list-style-type: none; 
+            margin: 0;
+            padding: 0;
+        }
+
+        .navbar li {
+            float: left;
+        }
+
+        .navbar li a {
+            display: block;
+            color: black;
+            text-align: center;
+            padding: 14px 16px;
+            text-decoration: none;
+        }
+
+        .navbar li a:hover {
+            background-color: gray; 
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            background-color: #f4f4f4;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        h2 {
+            margin-bottom: 20px;
+        }
+
+        form {
+            background: #fff;
+            padding: 20px;
+            border-radius: 5px;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+        }
+
+        form label {
+            font-weight: bold;
+            display: block;
+            margin-bottom: 5px;
+        }
+
+        form input[type="text"],
+        form select {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+        }
+
+        form input[type="submit"] {
+            background: #007bff;
+            color: #fff;
+            border: none;
+            padding: 10px 20px;
+            cursor: pointer;
+            border-radius: 5px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        table th,
+        table td {
+            padding: 10px;
+            border: 1px solid #ccc;
+            text-align: left;
+        }
+
+        table th {
+            background-color: #f2f2f2;
+        }
+
+        a {
+            text-decoration: none;
+            color: #007bff;
+            margin-right: 10px;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            margin: 0;
+            padding: 0;
+        }
+
+        h1 {
+            color: #333;
+            text-align: center;
+            margin-top: 20px;
+        }
+
+        p {
+            color: #777;
+            text-align: center;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        th, td {
+            border: 1px solid #ddd;
+            padding: 8px;
+            text-align: left;
+        }
+
+        th {
+            background-color: #f2f2f2;
+            color: #333;
+        }
+
+        a {
+            color: #007bff;
+            text-decoration: none;
+        }
+
+        a:hover {
+            text-decoration: underline;
+        }
+
+        button {
+            background-color: #007bff;
+            color: #fff;
+            border: none;
+            padding: 8px 16px;
+            border-radius: 4px;
+            cursor: pointer;
+            transition: background-color 0.3s;
+        }
+
+        button:hover {
+            background-color: #0056b3;
+        }
+    </style>
+</head>
+<body>
+    
+    <h1>User Playlist</h1>
+    <!-- <p>{{ curhat }}</p> -->
+
+    <table>
+        <tr>
+            <th>Judul</th>
+            <!-- <th>ID playlist</th> -->
+            <th>Jumlah Lagu</th>
+            <th>Total Durasi</th>
+            <th>Actions</th>
+        </tr>
+
+        {% for playlist in playlists %}
+            <tr>
+                <td>{{playlist.judul}}</td>
+                <!-- <td>{{playlist.id_playlist}}</td> -->
+                <td>{{playlist.jumlah_lagu}}</td>
+                <td>{{playlist.total_durasi}} menit</td>
+                <td>
+                    <a href="{% url 'user_playlist:detail_user_playlist' playlist_id=playlist.id_playlist %}"><button>Detail</button></a>
+                    <a href="{% url 'user_playlist:edit_playlist' playlist_id=playlist.id_playlist %}"><button>Edit</button></a>
+                    <a href="{% url 'user_playlist:delete_playlist' playlist_id=playlist.id_playlist %}"><button>Delete</button></a>
+                </td>
+            </tr>
+        {% endfor %}
+    </table>
+    <br />
+    <div style="text-align: center;">
+        <a href="{% url 'user_playlist:add_user_playlist' %}">
+            <button>Tambah Playlist</button>
+        </a>
+    </div>
+</body>
+
+{% endblock content %}
+<!-- <a href="{% url 'user_playlist:add_playlist' %}">
+    <button>Tambah Playlist</button>
+</a> -->
+
+<!-- <a href="{% url 'user_playlist:playlist_detail' playlist_id=playlist.id_User_playlist %}"><button>Detail</button></a>
+<a href="{% url 'user_playlist:edit_playlist' playlist_id=playlist.id_User_playlist %}"><button>Edit</button></a>
+<a href="{% url 'user_playlist:delete_playlist' playlist_id=playlist.id_User_playlist %}"><button>Delete</button></a> -->
+ <!-- <a href="{% url 'user_playlist:delete_playlist' playlist_id=playlist.id %}"><button>Delete</button></a> -->
\ No newline at end of file
diff --git a/user_playlist/tests.py b/user_playlist/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/user_playlist/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/user_playlist/urls.py b/user_playlist/urls.py
new file mode 100644
index 0000000..5860d78
--- /dev/null
+++ b/user_playlist/urls.py
@@ -0,0 +1,22 @@
+from django.urls import path
+from django.contrib import admin
+from user_playlist.views import add_song_to_another_playlist, show_user_playlist, add_user_playlist, delete_playlist, edit_playlist, detail_user_playlist
+from user_playlist.views import add_song, delete_song, play_song, download_song, lihat_song
+
+app_name = 'user_playlist'
+
+urlpatterns = [
+    path('', show_user_playlist, name='home'),  # Map root URL to show_user_playlist view
+    path('admin/', admin.site.urls),
+    path('show_user_playlist/', show_user_playlist, name='show_user_playlist'),
+    path('detail_user_playlist/<uuid:playlist_id>/', detail_user_playlist, name='detail_user_playlist'),
+    path('delete_playlist/<uuid:playlist_id>/', delete_playlist, name='delete_playlist'),
+    path('edit_playlist/<uuid:playlist_id>/', edit_playlist, name='edit_playlist'),
+    path('add_user_playlist/', add_user_playlist, name='add_user_playlist'),
+    path('add_song/<uuid:playlist_id>/', add_song, name='add_song'),
+    path('delete_song/<uuid:playlist_id>/<uuid:song_id>/', delete_song, name='delete_song'),
+    path('play_song/<uuid:playlist_id>/<uuid:song_id>/', play_song, name='play_song'),
+    path('add_song_to_another_playlist/<uuid:playlist_id>/<uuid:song_id>/', add_song_to_another_playlist, name='add_song_to_another_playlist'),
+    path('download_song/<uuid:song_id>/', download_song, name='download_song'),
+    path('lihat_song/<uuid:playlist_id>/<uuid:song_id>/', lihat_song, name='lihat_song'),
+]
\ No newline at end of file
diff --git a/user_playlist/views.py b/user_playlist/views.py
new file mode 100644
index 0000000..0e6afd1
--- /dev/null
+++ b/user_playlist/views.py
@@ -0,0 +1,409 @@
+import logging
+from django.shortcuts import render, redirect, get_object_or_404
+from django.http import HttpResponse
+from django.http import HttpResponseRedirect
+from django.core import serializers
+from user_playlist.forms import AddUserPlaylistForm, EditUserPlaylistForm
+from django.urls import reverse
+from function.general import query_result
+from django.db import DatabaseError, IntegrityError, InternalError, connection
+import datetime
+from datetime import datetime
+import uuid
+from django.contrib import messages
+# from user_playlist.models import User_playlist
+# from connect_postgres import execute_sql_query, execute_sql_query_no_fetch
+
+logging.basicConfig(level=logging.INFO)
+logger = logging.getLogger(__name__)
+
+def show_user_playlist(request):
+    email = request.COOKIES.get('email')
+    
+    if not email:
+        return HttpResponse("User not logged in", status=403)
+    
+    playlists = query_result(f"""
+    SELECT * FROM marmut.user_playlist WHERE email_pembuat = %s;
+    """, [email])
+    
+    context = {'playlists': playlists}
+    return render(request, "show_user_playlist.html", context)
+
+
+def add_user_playlist(request):
+    if request.method == 'POST':
+        try:
+            judul = request.POST.get('judul')
+            deskripsi = request.POST.get('deskripsi')
+            id_playlist = str(uuid.uuid4())  # Create a new id_playlist
+            email = request.COOKIES.get('email')
+            logger.info(f"Email retrieved from cookies: {email}")
+            
+            # Check if email is present
+            if not email:
+                return HttpResponse("User not logged in", status=403)
+
+            # Log the details
+            logger.info(f"Creating new playlist with title: {judul} by user: {email}")
+
+            # Save new id_playlist to the "playlist" table
+            with connection.cursor() as cursor:
+                cursor.execute("INSERT INTO marmut.playlist (id) VALUES (%s);", [id_playlist])
+
+            # Save data to user_playlist table
+            with connection.cursor() as cursor:
+                cursor.execute(""" 
+                INSERT INTO marmut.user_playlist (email_pembuat, judul, deskripsi, jumlah_lagu, tanggal_dibuat, id_user_playlist, id_playlist, total_durasi)
+                VALUES (%s, %s, %s, %s, %s, %s, %s, %s);
+                """, [email, judul, deskripsi, 0, datetime.today(), str(uuid.uuid4()), id_playlist, 0])
+
+            # Commit the transaction
+            # connection.commit()
+
+            return redirect('user_playlist:show_user_playlist')
+
+        except Exception as e:
+            logger.error(f"Error occurred while adding playlist: {e}")
+            return HttpResponse("An error occurred while adding the playlist", status=500)
+
+    return render(request, 'add_user_playlist.html')
+
+def delete_playlist(request, playlist_id):
+    # Hapus user playlist berdasarkan id_playlist
+    with connection.cursor() as cursor:
+        cursor.execute("DELETE FROM marmut.user_playlist WHERE id_playlist = %s;", [playlist_id])
+    
+    # Hapus playlist berdasarkan id_playlist
+    with connection.cursor() as cursor:
+        cursor.execute("DELETE FROM marmut.playlist WHERE id = %s;", [playlist_id])
+    
+    # Redirect ke halaman show_user_playlist setelah berhasil menghapus
+    return redirect('user_playlist:show_user_playlist')
+
+def edit_playlist(request, playlist_id):
+    playlist = query_result(f"SELECT * FROM marmut.user_playlist WHERE id_playlist = '{playlist_id}';")
+    if not playlist:
+        return HttpResponse("Playlist not found", status=404)
+    playlist = playlist[0]
+
+    if request.method == 'POST':
+        form = EditUserPlaylistForm(request.POST)
+        if form.is_valid():
+            judul = form.cleaned_data['judul']
+            deskripsi = form.cleaned_data['deskripsi']
+            
+            with connection.cursor() as cursor:
+                cursor.execute("""
+                UPDATE marmut.user_playlist
+                SET judul = %s, deskripsi = %s
+                WHERE id_playlist = %s;
+                """, [judul, deskripsi, playlist_id])
+            
+            return redirect('user_playlist:show_user_playlist')
+    else:
+        form = EditUserPlaylistForm(initial={'judul': playlist['judul'], 'deskripsi': playlist['deskripsi']})
+
+    context = {'form': form, 'playlist_id': playlist_id}
+    return render(request, 'edit_playlist.html', context)
+
+def detail_user_playlist(request, playlist_id):
+    # Fetch playlist details
+    playlist = query_result(f"""
+    SELECT up.*, a.nama as pembuat
+    FROM marmut.user_playlist up
+    JOIN marmut.akun a ON up.email_pembuat = a.email
+    WHERE up.id_playlist = '{playlist_id}';
+    """)
+
+    # Fetch songs in the playlist (this is a placeholder, adjust according to your database schema)
+    songs = query_result(f"""
+    SELECT k.id, k.judul, k.durasi, k.tanggal_rilis, ak.nama as oleh
+    FROM marmut.playlist_song ps
+    JOIN marmut.konten k ON k.id = ps.id_song
+    JOIN marmut.song s ON s.id_konten = k.id
+    JOIN marmut.artist ar ON s.id_artist = ar.id
+    JOIN marmut.akun ak ON ak.email = ar.email_akun
+    WHERE ps.id_playlist = '{playlist_id}';
+    """)
+
+    if not playlist:
+        return HttpResponse("Playlist not found", status=404)
+
+    context = {
+        'playlist': playlist[0],
+        'songs': songs,
+    }
+
+    return render(request, 'detail_user_playlist.html', context)
+
+def add_song(request, playlist_id):
+    error_message = None
+    if request.method == 'POST':
+        song_id = request.POST.get('song_id')
+
+        # Check if the song is already in the playlist
+        # existing_song = query_result(f"""
+        #     SELECT s.* FROM marmut.user_playlist up
+        #     JOIN marmut.playlist_song ps ON ps.id_playlist = up.id_playlist
+        #     JOIN marmut.song s ON ps.id_song = s.id_konten
+        #     WHERE up.id_playlist = '{playlist_id}' AND s.id_konten = '{song_id}';
+        # """)
+        # if existing_song:
+        #     return HttpResponse("Lagu sudah ada di dalam playlist", status=400)
+
+        try:
+            # Fetch song title
+            song_title_query = query_result("SELECT judul FROM marmut.konten WHERE id = %s", [song_id])
+            if song_title_query:
+                song_title = song_title_query[0]['judul']
+
+            # Fetch playlist name
+            playlist_name_query = query_result("SELECT judul FROM marmut.user_playlist WHERE id_playlist = %s", [playlist_id])
+            if playlist_name_query:
+                playlist_name = playlist_name_query[0]['judul']
+
+            with connection.cursor() as cursor:
+                cursor.execute("INSERT INTO marmut.playlist_song (id_playlist, id_song) VALUES (%s, %s);", 
+                               [playlist_id, song_id])
+            return redirect(reverse('user_playlist:detail_user_playlist', args=[playlist_id]))
+        except (DatabaseError, InternalError) as e:
+            # Check if the error is due to the song already existing in the playlist
+            if 'marmut.check_duplicate_song' in str(e):
+                error_message = f"Lagu '{song_title}' sudah ada dalam playlist '{playlist_name}'"
+            else:
+                error_message = "Terjadi kesalahan saat menambahkan lagu ke playlist"
+
+    # Get the list of all songs for the dropdown
+    songs = query_result(f"""
+        SELECT s.id_konten, k.judul, a.nama as artist
+        FROM marmut.song s
+        JOIN marmut.konten k ON s.id_konten = k.id 
+        JOIN marmut.artist ar ON s.id_artist = ar.id
+        JOIN marmut.akun a ON ar.email_akun = a.email;
+    """)
+
+    return render(request, 'add_song.html', {'songs': songs, 'playlist_id': playlist_id, 'error_message': error_message})
+
+def delete_song(request, playlist_id, song_id):
+    with connection.cursor() as cursor:
+        cursor.execute("DELETE FROM marmut.playlist_song WHERE id_playlist = %s AND id_song = %s;", 
+                        [playlist_id, song_id])
+
+    return redirect(reverse('user_playlist:detail_user_playlist', args=[playlist_id]))
+
+def play_song(request, playlist_id, song_id):
+    email = request.COOKIES.get('email')
+    # request.session['current_playlist_id'] = playlist_id
+    # Ambil data pengguna dari session
+    user_data = request.session.get('user_data', {})
+    is_premium = user_data.get('is_premium', False)
+    request.session['current_playlist_id'] = {
+    'playlist_id': str(playlist_id)
+    }
+    
+    playlist = query_result(f"""
+    SELECT up.*, a.nama as pembuat
+    FROM marmut.user_playlist up
+    JOIN marmut.akun a ON up.email_pembuat = a.email
+    WHERE up.id_playlist = '{playlist_id}';
+    """)
+
+    song_details = query_result(f"""
+        SELECT k.judul, g.genre, ak_artist.nama as artist, ak_songwriter.nama as songwriter, k.durasi, k.tanggal_rilis, k.tahun, s.total_play, s.total_download, al.judul as album, s.id_konten
+        FROM marmut.playlist_song ps
+        JOIN marmut.song s ON ps.id_song = s.id_konten
+        JOIN marmut.konten k ON s.id_konten = k.id
+        JOIN marmut.artist ar ON s.id_artist = ar.id
+        JOIN marmut.akun ak_artist ON ar.email_akun = ak_artist.email
+        JOIN marmut.album al ON s.id_album = al.id
+        JOIN marmut.genre g ON s.id_konten = g.id_konten
+        JOIN marmut.songwriter_write_song sws ON s.id_konten = sws.id_song
+        JOIN marmut.songwriter sw ON sws.id_songwriter = sw.id
+        JOIN marmut.akun ak_songwriter ON sw.email_akun = ak_songwriter.email
+        WHERE ps.id_playlist = '{playlist_id}' AND ps.id_song = '{song_id}';
+    """)
+
+    if not song_details:
+        return HttpResponse("Song not found", status=404)
+
+    # Handle form submission
+    if request.method == "POST":
+        progress = int(request.POST.get('progress', 0))
+        if progress > 70:
+            # user_email = request.COOKIES.get('email')  # Assuming user authentication is available and user is logged in
+
+            # Insert entry into AKUN_PLAY_SONG
+            current_time = datetime.now()
+            with connection.cursor() as cursor:
+                cursor.execute("INSERT INTO marmut.akun_play_song (email_pemain, id_song, waktu) VALUES (%s, %s, %s);", [email, song_id, current_time])
+
+            # Update total play count
+            with connection.cursor() as cursor:
+                cursor.execute("UPDATE marmut.song SET total_play = total_play + 1 WHERE id_konten = %s;", [song_id])
+
+        # Render the song detail page with updated context
+        # return redirect('user_playlist:play_song', playlist_id=playlist_id, song_id=song_id)
+
+    context = {
+        'song': song_details[0],
+        'is_premium': is_premium,
+        'playlist': playlist[0]
+    }
+
+    return render(request, 'play_song.html', context)
+
+def add_song_to_another_playlist(request, playlist_id, song_id):
+    success_message = None
+    playlist_name = None
+    song_title = None
+    error_message = None
+    email = request.COOKIES.get('email')
+    
+    if request.method == 'POST':
+        other_playlist_id = request.POST.get('other_playlist_id')
+        try:
+            with connection.cursor() as cursor:
+                # Fetch song title
+                song_title_query = query_result("SELECT judul FROM marmut.konten WHERE id = %s", [song_id])
+                if song_title_query:
+                    song_title = song_title_query[0]['judul']
+
+                # Fetch playlist name
+                playlist_name_query = query_result("SELECT judul FROM marmut.user_playlist WHERE id_playlist = %s", [other_playlist_id])
+                if playlist_name_query:
+                    playlist_name = playlist_name_query[0]['judul']
+
+                # Insert the song into the other playlist
+                cursor.execute("INSERT INTO marmut.playlist_song (id_playlist, id_song) VALUES (%s, %s);", 
+                               [other_playlist_id, song_id])
+
+                success_message = f"Berhasil menambahkan Lagu dengan judul '{song_title}' ke '{playlist_name}'!"
+            return redirect(reverse('user_playlist:detail_user_playlist', args=[playlist_id]))
+
+        except (DatabaseError, InternalError) as e:
+            # Check if the error is due to the song already existing in the playlist
+            if 'marmut.check_duplicate_song' in str(e):
+                error_message = f"Lagu '{song_title}' sudah ada dalam playlist '{playlist_name}'"
+            else:
+                error_message = "Terjadi kesalahan saat menambahkan lagu ke playlist"
+
+    # Fetch playlists created by the current user
+    playlists = query_result(f"""
+        SELECT id_playlist, judul FROM marmut.user_playlist WHERE email_pembuat = %s;
+    """, [email])
+
+    # Fetch song details
+    song = query_result(f"""
+        SELECT k.judul, a.nama as artist
+        FROM marmut.song s
+        JOIN marmut.konten k ON s.id_konten = k.id 
+        JOIN marmut.artist ar ON s.id_artist = ar.id
+        JOIN marmut.akun a ON ar.email_akun = a.email
+        WHERE s.id_konten = %s;
+    """, [song_id])
+    song = song[0] if song else None
+
+    context = {
+        'playlists': playlists,
+        'playlist_id': playlist_id,
+        'song_id': song_id,
+        'song': song,
+        'success_message': success_message,
+        'playlist_name': playlist_name,
+        'error_message': error_message
+    }
+
+    return render(request, 'add_song_to_another_playlist.html', context)
+
+def download_song(request, song_id):
+    error_message = None
+    email = request.COOKIES.get('email')
+    user_data = request.session.get('user_data', {})
+    is_premium = user_data.get('is_premium', False)
+    current_playlist_id = request.session.get('current_playlist_id', {})
+    playlist_id = current_playlist_id.get('playlist_id')
+    # user_data = request.session.get('user_data', {})
+    
+    if request.method == 'POST':
+        if is_premium:
+            try:
+                song_title_query = query_result("SELECT judul FROM marmut.konten WHERE id = %s", [song_id])
+                if song_title_query:
+                    song_title = song_title_query[0]['judul']
+
+                # Insert entry into DOWNLOADED_SONG
+                with connection.cursor() as cursor:
+                    cursor.execute("INSERT INTO marmut.downloaded_song (id_song, email_downloader) VALUES (%s, %s);", [song_id, email])
+                
+                # Update total download count
+                with connection.cursor() as cursor:
+                    cursor.execute("UPDATE marmut.song SET total_download = total_download + 1 WHERE id_konten = %s;", [song_id])
+
+                messages.success(request, "Berhasil mengunduh Lagu!")
+
+                return redirect(reverse('user_playlist:play_song', args=[playlist_id, song_id]))
+
+            except (DatabaseError, InternalError) as e:
+                if 'marmut.check_duplicate_download' in str(e):
+                    # messages.error(request, "Lagu sudah pernah di unduh!")
+                    error_message = f"Lagu '{song_title}' sudah pernah di unduh!"
+                else:
+                    # messages.error(request, "Terjadi kesalahan saat mengunduh lagu.")
+                    error_message = "Terjadi kesalahan saat mengunduh lagu"
+        else:
+            messages.error(request, "Anda harus memiliki akun premium untuk mengunduh lagu.")
+
+        # Redirect back to song detail page
+        # return redirect('user_playlist:play_song', playlist_id=playlist_id, song_id=song_id)
+
+    # If not POST request, render the song detail page
+    context = {
+        # 'song': song_details[0],
+        'is_premium': is_premium,
+        # 'playlist_id': playlist_id,
+        'song_id': song_id,
+        'error_message': error_message
+    }
+    return render(request, 'play_song.html', context) #masih jelek ini harusnya pake reverse, tp missing param playlist_id
+
+def lihat_song(request, playlist_id, song_id):
+    email = request.COOKIES.get('email')
+
+    # Ambil data pengguna dari session
+    # user_data = request.session.get('user_data', {})
+    # is_premium = user_data.get('is_premium', False)
+    
+    playlist = query_result(f"""
+    SELECT up.*, a.nama as pembuat
+    FROM marmut.user_playlist up
+    JOIN marmut.akun a ON up.email_pembuat = a.email
+    WHERE up.id_playlist = '{playlist_id}';
+    """)
+
+    song_details = query_result(f"""
+        SELECT k.judul, g.genre, ak_artist.nama as artist, ak_songwriter.nama as songwriter, k.durasi, k.tanggal_rilis, k.tahun, s.total_play, s.total_download, al.judul as album, s.id_konten
+        FROM marmut.playlist_song ps
+        JOIN marmut.song s ON ps.id_song = s.id_konten
+        JOIN marmut.konten k ON s.id_konten = k.id
+        JOIN marmut.artist ar ON s.id_artist = ar.id
+        JOIN marmut.akun ak_artist ON ar.email_akun = ak_artist.email
+        JOIN marmut.album al ON s.id_album = al.id
+        JOIN marmut.genre g ON s.id_konten = g.id_konten
+        JOIN marmut.songwriter_write_song sws ON s.id_konten = sws.id_song
+        JOIN marmut.songwriter sw ON sws.id_songwriter = sw.id
+        JOIN marmut.akun ak_songwriter ON sw.email_akun = ak_songwriter.email
+        WHERE ps.id_playlist = '{playlist_id}' AND ps.id_song = '{song_id}';
+    """)
+
+    if not song_details:
+        return HttpResponse("Song not found", status=404)
+    
+
+    context = {
+        'song': song_details[0],
+        # 'is_premium': is_premium,
+        'playlist': playlist[0]
+    }
+
+    return render(request, 'lihat_song.html', context)
\ No newline at end of file

Judul	Label	Jumlah Lagu	Total Durasi	Action
Album1	LabelA	0	0 menit	+ Lihat Daftar Lagu + Tambah Lagu + Hapus +
Album2	LabelB	2	4 menit	+ Lihat Daftar Lagu + Tambah Lagu + Hapus +
Judul	Durasi	Total Play	Total Download	Action
Lagu1	2 menit	3	0	+ Lihat Detail + Hapus +
Lagu2	3 menit	2	2	+ Lihat Detail + Hapus +
ID	{{ song.id }}
Judul	{{ song.judul }}
Durasi	{{ song.durasi }} menit
Total Play	{{ song.total_play }}
Total Download	{{ song.total_download }}
Judul	Jumlah Lagu	Total Durasi	Action
Album1	0	0 menit	+ Lihat Daftar Lagu + Hapus +
Album2	2	4 menit	+ Lihat Daftar Lagu + Hapus +
DAFTAR LAGU
Judul Lagu	Oleh	Actions
{{ title }}	{{ artist }}	+ [Lihat] + [Hapus] +
Kembali
RIWAYAT TRANSAKSI PAKET
Jenis	Tanggal Dimulai	Tanggal Berakhir	Metode Pembayaran	Nominal
{{ jenis }}	{{ mulai }}	{{ selesai }}	{{ metode }}	Rp{{ nominal }}
Kembali
Hasil Pencarian "{{ search_substring }}"
Tipe	Judul	Oleh	Actions
+ SONG +	+ {{ song.0 }} +	+ {{ song.1 }} +	+ Lihat +
+ PODCAST +	+ {{ podcast.0 }} +	+ {{ podcast.1 }} +	+ Lihat +
+ USER PLAYLIST +	+ {{ judul }} +	+ {{ oleh }} +	+ Lihat +