@extends('layouts.app-admin')

@section('content')
    <div class="page-header d-print-none">
        <div class="container-xl">
            <div class="row g-2 align-items-center">
                <div class="col">
                    <h2 class="page-title">
                        Claim Details
                    </h2>
                    <div class="text-muted mt-1">Viewing claim #{{ Str::limit($claim->id, 8, '') }}</div>
                </div>
                <div class="col-auto ms-auto d-print-none">
                    <div class="btn-list">
                        <a href="{{ route('admin.claims.index') }}"
                            class="btn btn-outline-secondary d-none d-sm-inline-block">
                            <i class="ti ti-arrow-left me-2"></i>
                            Back to Claims
                        </a>
                        {{-- <button class="btn btn-primary d-none d-sm-inline-block" onclick="window.print();">
                            <i class="ti ti-printer me-2"></i>Cetak
                        </button> --}}
                        <a href="{{ route('admin.claims.print', $claim) }}" class="btn btn-danger" target="_blank">
                            <i class="fas fa-print"></i> Cetak
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-body">
        <div class="container-xl">
            <div class="row row-cards">
                {{-- Main Claim Information (col-lg-9) --}}
                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Claim Information</h3>
                            <div class="card-actions">
                                <span
                                    class="badge
                                        @php
$badgeClass = 'bg-secondary';
                                            switch ($claim->status) {
                                                case 'pending':
                                                    $badgeClass = 'bg-warning text-dark';
                                                    break;
                                                case 'processing':
                                                case 'success':
                                                    $badgeClass = 'bg-success';
                                                    break;
                                                case 'reviewing':
                                                    $badgeClass = 'bg-info';
                                                    break;
                                                case 'rejected':
                                                case 'conflict':
                                                    $badgeClass = 'bg-danger';
                                                    break;
                                                case 'unclaim':
                                                    $badgeClass = 'bg-danger';
                                                    break;
                                                default:
                                                    break;
                                            } @endphp
                                        {{ $badgeClass }}">
                                    @if ($claim->status == 'pending')
                                        Dalam Antrian
                                    @elseif ($claim->status == 'processing')
                                        Sedang Diproses
                                    @elseif ($claim->status == 'reviewing')
                                        Sedang Direview
                                    @elseif ($claim->status == 'success')
                                        Sukses
                                    @elseif ($claim->status == 'rejected')
                                        Ditolak
                                    @elseif ($claim->status == 'conflict')
                                        Konflik
                                    @elseif ($claim->status == 'unclaim')
                                        Unclaimed
                                    @else
                                        {{ ucfirst($claim->status) }}
                                    @endif
                                </span>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="datagrid">
                                <div class="datagrid-item">
                                    <div class="datagrid-title">Claim ID</div>
                                    <div class="datagrid-content">#{{ Str::limit($claim->id, 8, '') }}</div>
                                </div>
                                <div class="datagrid-item">
                                    <div class="datagrid-title">Created Date</div>
                                    <div class="datagrid-content">{{ $claim->created_at->format('d M Y, H:i') }}</div>
                                </div>
                                <div class="datagrid-item">
                                    <div class="datagrid-title">Last Updated</div>
                                    <div class="datagrid-content">{{ $claim->updated_at->format('d M Y, H:i') }}</div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <div class="datagrid-item">
                                        <div class="datagrid-title">JUDUL LAGU</div>
                                        <div class="datagrid-content">
                                            <div class="d-flex align-items-center">
                                                <span class="avatar avatar-lg me-3"
                                                    style="background-image: url({{ isset($claim->song->cover_url) ? $claim->song->cover_url : 'https://picsum.photos/100/100?random=' . rand(1, 100) }})"></span>
                                                <div>
                                                    @if (isset($claim->song) && $claim->song)
                                                        <div class="h3 mb-0">{{ $claim->song->title }}</div>
                                                        <div class="text-muted small">
                                                            <span
                                                                class="badge bg-blue-lt me-1">{{ $claim->song->version ?? 'Unknown Genre' }}</span>
                                                            <span>{{ $claim->song->labels }}</span>
                                                        </div>
                                                    @else
                                                        <div class="h3 mb-0">Unknown Song</div>
                                                        <div class="text-muted">Song data not available</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="datagrid-item">
                                        <div class="datagrid-title">PENCIPTA</div>
                                        <div class="datagrid-content">
                                            <div class="d-flex align-items-center">
                                                @inject('userService', 'App\Services\UserServices')
                                                <span class="avatar avatar-md me-2"
                                                    style="background-image: url('{{ $userService->getAvatar($claim->user, 'sm') }}'); background-size: cover; background-position: center;"></span>

                                                <div>
                                                    @if (isset($claim->user) && $claim->user)
                                                        <div class="h3 mb-0">{{ $claim->user->name }}</div>
                                                        <div class="text-muted">{{ $claim->user->email }}</div>
                                                    @else
                                                        <div class="h3 mb-0">Unknown User</div>
                                                        <div class="text-muted">User data not available</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {{-- Thick horizontal line --}}
                            <hr class="my-4 border-top border-3 border-dark" />

                            {{-- Section for YouTube URL, ISRC Code, Artist Claims --}}
                            <div class="datagrid mt-3">
                                <div class="datagrid-item">
                                    <div class="datagrid-title">YouTube URL</div>
                                    <div class="datagrid-content">
                                        @if ($claim->youtube_url)
                                            <a href="{{ $claim->youtube_url }}" target="_blank"
                                                class="text-danger">{{ Str::limit($claim->youtube_url, 60, '...') }}</a>
                                        @else
                                            N/A
                                        @endif
                                    </div>
                                </div>
                                <div class="datagrid-item">
                                    <div class="datagrid-title">ISRC Code</div>
                                    <div class="datagrid-content">{{ $claim->isrc_code ?? 'N/A' }}</div>
                                </div>
                                <div class="datagrid-item">
                                    <div class="datagrid-title">Artist Claims</div>
                                    <div class="datagrid-content">{{ $claim->artist_claims ?? 'N/A' }}</div>
                                </div>
                            </div>

                            @if ($claim->document)
                                <div class="mb-3 mt-3">
                                    <label class="form-label text-muted">Supporting Document</label>
                                    <div class="d-flex align-items-center">
                                        <div class="me-3">
                                            <span class="avatar bg-primary-lt">
                                                <i class="ti ti-file-text text-primary"></i>
                                            </span>
                                        </div>
                                        <div>
                                            <div>Supporting Document</div>
                                            <div class="text-muted small">
                                                {{ pathinfo($claim->document, PATHINFO_EXTENSION) }} file
                                            </div>
                                        </div>
                                        <div class="ms-auto">
                                            <a href="{{ Storage::url($claim->document) }}" target="_blank"
                                                class="btn btn-outline-primary">
                                                <i class="ti ti-download me-1"></i> Download
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if ($claim->notes)
                                <div class="mb-3">
                                    <label class="form-label text-muted">Notes</label>
                                    <div class="form-control-plaintext">{{ $claim->notes }}</div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

                {{-- Lyrics Column (col-lg-3) --}}
                <div class="col-lg-6">
                    <div class="card **print-new-page**"> {{-- Tambahkan kelas ini --}}
                        <div class="card-header">
                            <h3 class="card-title">Lyrics</h3>
                        </div>
                        <div class="card-body">
                            @if ($claim->lyrics)
                                <pre>{{ $claim->lyrics }}</pre>
                            @else
                                N/A
                            @endif
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        function confirmDelete() {
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#e53935',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    document.getElementById('delete-form').submit();
                }
            });
        }
    </script>
    {{-- Tambahkan style untuk print --}}
    <style>
        @media print {
            .print-new-page {
                page-break-before: always;
            }
        }
    </style>
@endsection