130 lines
8.0 KiB
PHP
130 lines
8.0 KiB
PHP
<?php
|
|
$pageTitle = $title ?? 'Edit Artist';
|
|
$artist = $artist ?? [];
|
|
$error = $error ?? '';
|
|
$uploadError = (string)($_GET['upload_error'] ?? '');
|
|
$socialLinks = [];
|
|
if (!empty($artist['social_links'])) {
|
|
$decoded = json_decode((string)$artist['social_links'], true);
|
|
if (is_array($decoded)) {
|
|
$socialLinks = $decoded;
|
|
}
|
|
}
|
|
ob_start();
|
|
?>
|
|
<section class="admin-card">
|
|
<div class="badge">Artists</div>
|
|
<div style="display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:16px;">
|
|
<div>
|
|
<h1 style="font-size:28px; margin:0;"><?= htmlspecialchars($pageTitle, ENT_QUOTES, 'UTF-8') ?></h1>
|
|
<p style="color: var(--muted); margin-top:6px;">Create or update an artist profile.</p>
|
|
</div>
|
|
<a href="/admin/artists" class="btn outline">Back</a>
|
|
</div>
|
|
|
|
<?php if ($error): ?>
|
|
<div style="margin-top:16px; color:#f3b0b0; font-size:13px;"><?= htmlspecialchars($error, ENT_QUOTES, 'UTF-8') ?></div>
|
|
<?php endif; ?>
|
|
<?php if ($uploadError !== ''): ?>
|
|
<div style="margin-top:12px; color:#f3b0b0; font-size:13px;"><?= htmlspecialchars($uploadError, ENT_QUOTES, 'UTF-8') ?></div>
|
|
<?php endif; ?>
|
|
|
|
<form method="post" action="/admin/artists/upload" enctype="multipart/form-data" id="artistAvatarUpload" style="margin-top:18px;">
|
|
<div class="admin-card" style="padding:14px; background: rgba(10,10,12,0.6);">
|
|
<div class="label">Upload avatar</div>
|
|
<input type="hidden" name="artist_id" value="<?= (int)($artist['id'] ?? 0) ?>">
|
|
<label for="artistAvatarFile" id="artistAvatarDropzone" style="display:flex; flex-direction:column; gap:8px; align-items:center; justify-content:center; padding:18px; border-radius:14px; border:1px dashed rgba(255,255,255,0.2); background: rgba(0,0,0,0.2); cursor:pointer;">
|
|
<div style="font-size:11px; text-transform:uppercase; letter-spacing:0.2em; color:var(--muted);">Drag & Drop</div>
|
|
<div style="font-size:13px; color:var(--text);">or click to upload</div>
|
|
<div id="artistAvatarFileName" style="font-size:11px; color:var(--muted);">No file selected</div>
|
|
</label>
|
|
<input class="input" type="file" id="artistAvatarFile" name="artist_avatar" accept="image/*" style="display:none;">
|
|
<div style="margin-top:10px; display:flex; justify-content:flex-end;">
|
|
<button type="submit" class="btn small">Upload</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<form method="post" action="/admin/artists/save" style="margin-top:16px; display:grid; gap:16px;">
|
|
<input type="hidden" name="id" value="<?= (int)($artist['id'] ?? 0) ?>">
|
|
<div class="admin-card" style="padding:16px;">
|
|
<div style="display:grid; gap:12px;">
|
|
<label class="label">Name</label>
|
|
<input class="input" name="name" value="<?= htmlspecialchars((string)($artist['name'] ?? ''), ENT_QUOTES, 'UTF-8') ?>" placeholder="Artist name">
|
|
<label class="label">Slug</label>
|
|
<input class="input" name="slug" value="<?= htmlspecialchars((string)($artist['slug'] ?? ''), ENT_QUOTES, 'UTF-8') ?>" placeholder="artist-name">
|
|
<label class="label">Country</label>
|
|
<input class="input" name="country" value="<?= htmlspecialchars((string)($artist['country'] ?? ''), ENT_QUOTES, 'UTF-8') ?>" placeholder="UK">
|
|
<div style="display:flex; align-items:center; justify-content:space-between; gap:12px;">
|
|
<label class="label" style="margin:0;">Avatar URL</label>
|
|
<button type="button" class="btn outline small" data-media-picker="artist_avatar_url" data-media-picker-mode="url">Pick from Media</button>
|
|
</div>
|
|
<input class="input" id="artist_avatar_url" name="avatar_url" value="<?= htmlspecialchars((string)($artist['avatar_url'] ?? ''), ENT_QUOTES, 'UTF-8') ?>" placeholder="https://...">
|
|
<label class="label">Bio</label>
|
|
<textarea class="input" name="bio" rows="6" style="resize:vertical; font-family:'IBM Plex Mono', monospace; font-size:13px; line-height:1.6;"><?= htmlspecialchars((string)($artist['bio'] ?? ''), ENT_QUOTES, 'UTF-8') ?></textarea>
|
|
<label class="label">Artist Credits</label>
|
|
<textarea class="input" name="credits" rows="4" style="resize:vertical; font-family:'IBM Plex Mono', monospace; font-size:13px; line-height:1.6;" placeholder="Written by..., Vocals by..., Produced by..."><?= htmlspecialchars((string)($artist['credits'] ?? ''), ENT_QUOTES, 'UTF-8') ?></textarea>
|
|
<div class="admin-card" style="padding:14px; background: rgba(10,10,12,0.6);">
|
|
<div class="label">Social Links</div>
|
|
<div style="margin-top:10px; display:grid; gap:10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));">
|
|
<input class="input" name="social_website" placeholder="Website URL" value="<?= htmlspecialchars((string)($socialLinks['website'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">
|
|
<input class="input" name="social_instagram" placeholder="Instagram URL" value="<?= htmlspecialchars((string)($socialLinks['instagram'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">
|
|
<input class="input" name="social_soundcloud" placeholder="SoundCloud URL" value="<?= htmlspecialchars((string)($socialLinks['soundcloud'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">
|
|
<input class="input" name="social_spotify" placeholder="Spotify URL" value="<?= htmlspecialchars((string)($socialLinks['spotify'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">
|
|
<input class="input" name="social_youtube" placeholder="YouTube URL" value="<?= htmlspecialchars((string)($socialLinks['youtube'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">
|
|
<input class="input" name="social_tiktok" placeholder="TikTok URL" value="<?= htmlspecialchars((string)($socialLinks['tiktok'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">
|
|
<input class="input" name="social_bandcamp" placeholder="Bandcamp URL" value="<?= htmlspecialchars((string)($socialLinks['bandcamp'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">
|
|
<input class="input" name="social_beatport" placeholder="Beatport URL" value="<?= htmlspecialchars((string)($socialLinks['beatport'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">
|
|
<input class="input" name="social_facebook" placeholder="Facebook URL" value="<?= htmlspecialchars((string)($socialLinks['facebook'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">
|
|
<input class="input" name="social_x" placeholder="X / Twitter URL" value="<?= htmlspecialchars((string)($socialLinks['x'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">
|
|
</div>
|
|
</div>
|
|
<label style="display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:0.2em;">
|
|
<input type="checkbox" name="is_active" value="1" <?= ((int)($artist['is_active'] ?? 1) === 1) ? 'checked' : '' ?>>
|
|
Active
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display:flex; justify-content:flex-end; gap:12px; align-items:center;">
|
|
<button type="submit" class="btn">Save artist</button>
|
|
</div>
|
|
</form>
|
|
|
|
</section>
|
|
<script>
|
|
(function () {
|
|
const dropzone = document.getElementById('artistAvatarDropzone');
|
|
const fileInput = document.getElementById('artistAvatarFile');
|
|
const fileName = document.getElementById('artistAvatarFileName');
|
|
if (!dropzone || !fileInput || !fileName) {
|
|
return;
|
|
}
|
|
|
|
dropzone.addEventListener('dragover', (event) => {
|
|
event.preventDefault();
|
|
dropzone.style.borderColor = 'var(--accent)';
|
|
});
|
|
|
|
dropzone.addEventListener('dragleave', () => {
|
|
dropzone.style.borderColor = 'rgba(255,255,255,0.2)';
|
|
});
|
|
|
|
dropzone.addEventListener('drop', (event) => {
|
|
event.preventDefault();
|
|
dropzone.style.borderColor = 'rgba(255,255,255,0.2)';
|
|
if (event.dataTransfer && event.dataTransfer.files && event.dataTransfer.files.length) {
|
|
fileInput.files = event.dataTransfer.files;
|
|
fileName.textContent = event.dataTransfer.files[0].name;
|
|
}
|
|
});
|
|
|
|
fileInput.addEventListener('change', () => {
|
|
fileName.textContent = fileInput.files.length ? fileInput.files[0].name : 'No file selected';
|
|
});
|
|
})();
|
|
</script>
|
|
<?php
|
|
$content = ob_get_clean();
|
|
require __DIR__ . '/../../../../modules/admin/views/layout.php';
|