@extends('layouts.admin')
@section('title', $sound->exists ? 'Edit Nada Alarm' : 'Tambah Nada Alarm')

@section('content')
    <div class="bg-white rounded-xl border border-line p-6 md:p-8 max-w-xl">
        <form method="POST"
              action="{{ $sound->exists ? route('admin.sounds.update', $sound) : route('admin.sounds.store') }}"
              enctype="multipart/form-data" class="space-y-5">
            @csrf
            @if ($sound->exists) @method('PUT') @endif

            <div>
                <label class="block text-sm font-medium mb-1.5">Nama Nada</label>
                <input name="name" value="{{ old('name', $sound->name) }}" required
                       class="w-full px-3.5 py-2.5 rounded-lg border border-line text-sm focus:border-accent focus:ring-2 focus:ring-indigo-100 outline-none"
                       placeholder="Contoh: Morning Chime">
            </div>

            <div>
                <label class="block text-sm font-medium mb-1.5">
                    File Audio {{ $sound->exists ? '(kosongkan bila tak diganti)' : '' }}
                </label>
                <input type="file" name="audio" accept="audio/*"
                       class="block w-full text-sm text-muted file:mr-4 file:py-2.5 file:px-4 file:rounded-lg file:border-0
                              file:text-sm file:font-medium file:bg-accent-50 file:text-accent-700 hover:file:bg-indigo-100
                              border border-line rounded-lg cursor-pointer">
                <p class="text-xs text-muted mt-1.5">Format: mp3, wav, ogg, m4a, aac. Maks 10 MB.</p>

                @if ($sound->exists && $sound->sound_url)
                    <div class="mt-3">
                        <div class="text-xs text-muted mb-1">Audio saat ini:</div>
                        <audio controls preload="none" class="h-9 w-full"><source src="{{ $sound->sound_url }}"></audio>
                    </div>
                @endif
            </div>

            <label class="flex items-center gap-3 pt-1">
                <input type="checkbox" name="is_default" value="1" @checked(old('is_default', $sound->is_default))
                       class="w-4 h-4 rounded border-line text-accent focus:ring-accent">
                <span class="text-sm">Jadikan nada default</span>
            </label>

            <div class="flex gap-3 pt-3 border-t border-line">
                <button class="px-5 py-2.5 rounded-lg bg-accent hover:bg-accent-700 text-white text-sm font-semibold transition">Simpan</button>
                <a href="{{ route('admin.sounds.index') }}" class="px-5 py-2.5 rounded-lg border border-line text-sm font-medium hover:bg-slate-50 transition">Batal</a>
            </div>
        </form>
    </div>
@endsection