@extends('layouts/base_view')
@section('title')
{!! $variables['header_routes'] !!}
@endsection
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4">
                <div class="card card-secondary">
                    <div class="card-header">
                        <h3 class="card-title">Profil End User</h3>
                        <div class="card-tools">
                            <a href="{{ route('end-users.edit', $endUser->id) }}" class="btn btn-sm btn-outline-warning">
                                <i class="fas fa-edit"></i> Edit
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <table class="table table-sm table-borderless">
                            <tr><th width="130">Nama</th><td>{{ $endUser->full_name }}</td></tr>
                            <tr><th>No. HP</th><td>{{ $endUser->phone }}</td></tr>
                            <tr><th>Email</th><td>{{ $endUser->email ?? '-' }}</td></tr>
                            <tr><th>Tgl Lahir</th><td>{{ $endUser->birth_date?->format('d/m/Y') ?? '-' }}</td></tr>
                            <tr><th>Alamat</th><td>{{ $endUser->address ?? '-' }}</td></tr>
                            <tr>
                                <th>Verifikasi</th>
                                <td>
                                    @if($endUser->is_verified)
                                        <span class="badge badge-success">Verified</span>
                                    @else
                                        <span class="badge badge-warning">Unverified</span>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>Total Poin</th>
                                <td><strong>{{ number_format($endUser->total_points, 0, ',', '.') }}</strong></td>
                            </tr>
                            <tr><th>Terdaftar</th><td>{{ $endUser->created_at?->format('d/m/Y H:i') ?? '-' }}</td></tr>
                            <tr><th>Login Terakhir</th><td>{{ $endUser->last_login_at?->format('d/m/Y H:i') ?? '-' }}</td></tr>
                        </table>
                    </div>
                    <div class="card-footer">
                        <a href="{{ route('end-users.index') }}" class="btn btn-outline-secondary btn-sm" data="back">
                            <i class="fas fa-arrow-left"></i> Kembali
                        </a>
                    </div>
                </div>
            </div>

            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Riwayat Klaim</h3>
                    </div>
                    <div class="card-body p-0">
                        <table class="table table-sm table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>Tanggal</th>
                                    <th>Promosi</th>
                                    <th>IMEI</th>
                                    <th>Status</th>
                                    <th>Poin</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($endUser->claims as $claim)
                                <tr>
                                    <td>{{ $claim->claimed_at?->format('d/m/Y') }}</td>
                                    <td>{{ $claim->promotion->name ?? '-' }}</td>
                                    <td><code>{{ $claim->imei }}</code></td>
                                    <td>{!! $claim->status_badge !!}</td>
                                    <td>{{ number_format($claim->points_awarded, 0, ',', '.') }}</td>
                                </tr>
                                @empty
                                <tr><td colspan="5" class="text-center text-muted">Belum ada klaim.</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Riwayat Poin</h3>
                    </div>
                    <div class="card-body p-0">
                        <table class="table table-sm table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>Tanggal</th>
                                    <th>Deskripsi</th>
                                    <th>Tipe</th>
                                    <th>Poin</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($endUser->pointTransactions->take(20) as $tx)
                                <tr>
                                    <td>{{ $tx->created_at?->format('d/m/Y') }}</td>
                                    <td>{{ $tx->description ?? '-' }}</td>
                                    <td>{!! $tx->type_badge !!}</td>
                                    <td class="{{ $tx->points >= 0 ? 'text-success' : 'text-danger' }}">
                                        {{ $tx->formatted_points }}
                                    </td>
                                </tr>
                                @empty
                                <tr><td colspan="4" class="text-center text-muted">Belum ada transaksi poin.</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                @include('partials.audit-log')
            </div>
        </div>
    </div>
</section>
@endsection