@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">Claim Lagu</div>
                        <h2 class="page-title">Detail Klaim & Unggah Bukti #{{ Str::limit($claim->id, 8, '') }}</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-arrow-left me-2"></i>Kembali
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="page-body">
            <div class="container-xl">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Pesan Admin & Unggah Bukti</h3>
                    </div>
                    <div class="card-body">

                        @if ($claim->admin_notes)
                            <div class="alert alert-info mt-3" role="alert">
                                <h4 class="alert-title">Pesan dari Admin:</h4>
                                <p>{{ $claim->admin_notes }}</p>
                            </div>
                        @else
                            <div class="alert alert-info mt-3" role="alert">
                                <p>Tidak ada pesan khusus dari admin untuk klaim ini.</p>
                            </div>
                        @endif


                        @if ($claim->status == 'conflict')
                            <h4 class="mt-4">Unggah Bukti Kepemilikan (PDF, JPG, JPEG, PNG)</h4>
                            <p class="text-muted">Silakan unggah bukti kepemilikan Anda untuk menyelesaikan konflik klaim
                                ini. Ukuran file maksimal 10MB.</p>
                            <form action="{{ route('claims.upload-evidence', $claim->id) }}" method="POST"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="mb-3">
                                    <label for="file_path" class="form-label">Pilih File Bukti</label>
                                    <input type="file" class="form-control @error('file_path') is-invalid @enderror"
                                        id="file_path" name="file_path" accept=".pdf,.jpg,.jpeg,.png">
                                    @error('file_path')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <button type="submit" class="btn btn-primary">Unggah Bukti</button>
                            </form>
                        @elseif ($claim->file_path)
                            <p class="mt-4"><strong>Bukti Konflik Anda:</strong> <a
                                    href="{{ Storage::url($claim->file_path) }}" target="_blank">Lihat Bukti
                                    yang Diunggah</a></p>
                            <p class="text-muted">Bukti telah diunggah dan sedang menunggu peninjauan ulang oleh admin.</p>
                        @else
                            <p class="mt-4">Tidak ada form unggah bukti yang tersedia untuk status klaim ini.</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
@endsection