@extends('layouts.app')

@section('content')
    <div class="page-wrapper">
        <div class="page-header d-print-none">
            <div class="container-xl">
                <div class="row g-2 align-items-center">
                    <div class="col">
                        <div class="page-pretitle">Manajemen Hak Cipta</div>
                        <h2 class="page-title">Ajukan Klaim Hak Cipta</h2>
                    </div>
                    <div class="col-auto ms-auto">
                        <div class="btn-list">
                            <a href="{{ route('claims.index') }}" class="btn btn-outline-primary d-none d-sm-inline-block">
                                <i class="ti ti-list me-2"></i>Riwayat Klaim Saya
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="page-body">
            <div class="container-xl">
                <div class="row row-cards">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Form Pengajuan Klaim Hak Cipta</h3>
                            </div>
                            <div class="card-body">
                                <form action="{{ route('claims.store') }}" method="POST">
                                    @csrf

                                    <div class="form-group mb-3">
                                        <label class="form-label required">Pilih Lagu Anda</label>
                                        <select class="form-select @error('song_id') is-invalid @enderror" name="song_id"
                                            required>
                                            <option value="">Pilih judul lagu yang ingin diklaim</option>
                                            @foreach ($userSongs as $song)
                                                <option value="{{ $song->id }}"
                                                    {{ old('song_id') == $song->id ? 'selected' : '' }}>
                                                    {{ $song->title }} - {{ $song->version }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('song_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- Input untuk artist_claims --}}
                                    <div class="form-group mb-3">
                                        <label class="form-label">Klaim Artis (Opsional)</label>
                                        <input type="text"
                                            class="form-control @error('artist_claims') is-invalid @enderror"
                                            name="artist_claims" placeholder="Masukkan nama artis yang diklaim (jika ada)"
                                            value="{{ old('artist_claims') }}">
                                        <small class="form-hint">Jika klaim ini terkait dengan hak artis, sebutkan nama
                                            artisnya.</small>
                                        @error('artist_claims')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group mb-3">
                                        <label class="form-label required">URL Video YouTube</label>
                                        <input type="url"
                                            class="form-control @error('youtube_url') is-invalid @enderror"
                                            name="youtube_url"
                                            placeholder="Contoh: https://www.youtube.com/watch?v=xxxxxxxx"
                                            value="{{ old('youtube_url') }}" required>
                                        <small class="form-hint">Masukkan URL lengkap dari video YouTube yang menggunakan
                                            lagu Anda tanpa izin.</small>
                                        @error('youtube_url')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- Input untuk lyrics --}}
                                    <div class="form-group mb-3">
                                        <label class="form-label">Lirik Lagu (Opsional)</label>
                                        <textarea class="form-control @error('lyrics') is-invalid @enderror" name="lyrics" rows="6"
                                            placeholder="Masukkan lirik lagu yang diklaim (jika relevan)">{{ old('lyrics') }}</textarea>
                                        <small class="form-hint">Jika klaim ini melibatkan lirik lagu, masukkan liriknya
                                            di sini.</small>
                                        @error('lyrics')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- Input untuk isrc_code --}}
                                    <div class="form-group mb-3">
                                        <label class="form-label">Kode ISRC</label>
                                        <input type="text" class="form-control @error('isrc_code') is-invalid @enderror"
                                            name="isrc_code"
                                            placeholder="Masukkan kode ISRC (International Standard Recording Code)"
                                            value="{{ old('isrc_code') }}">
                                        <small class="form-hint">Kode ISRC adalah pengidentifikasi unik untuk rekaman
                                            suara dan video musik.</small>
                                        @error('isrc_code')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>


                                    <div class="form-group mb-3">
                                        <label class="form-check">
                                            <input class="form-check-input" type="checkbox" name="agreement" value="1"
                                                {{ old('agreement') ? 'checked' : '' }} required>
                                            <span class="form-check-label">Saya menyatakan bahwa informasi yang diberikan
                                                adalah benar dan saya memiliki hak untuk mengajukan klaim ini.</span>
                                        </label>
                                    </div>

                                    <div class="form-footer">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="ti ti-send me-2"></i>Ajukan Klaim
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>


                    <div class="col-12 mt-3">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Informasi Penting</h3>
                                </h3>
                            </div>
                            <div class="card-body">
                                <div class="alert alert-info mb-3">
                                    <div class="d-flex">
                                        <div>
                                            <i class="ti ti-info-circle me-2"></i>
                                        </div>
                                        <div>
                                            <h4>Proses Verifikasi</h4>
                                            <p>Pengajuan klaim hak cipta akan diverifikasi oleh tim kami. Anda dapat
                                                memantau statusnya di halaman Riwayat Klaim Saya.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="alert alert-warning mb-3">
                                    <div class="d-flex">
                                        <div>
                                            <i class="ti ti-alert-triangle me-2"></i>
                                        </div>
                                        <div>
                                            <h4>Peringatan</h4>
                                            <p>Pengajuan klaim palsu dapat berakibat pada penangguhan akun dan tindakan
                                                hukum. Pastikan Anda memiliki bukti yang valid.</p>
                                        </div>
                                    </div>
                                </div>

                                <h4>Catatan:</h4>
                                <ul>
                                    <li>Detail terkait bukti kepemilikan dan deskripsi klaim akan diminta jika klaim Anda
                                        berstatus **Konflik** dan memerlukan resolusi lebih lanjut.</li>
                                    <li>Pastikan URL YouTube yang Anda masukkan adalah benar.</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection