@extends('layouts.app')

@section('title', 'Dashboard')

@section('content')
<div class="row">
    <div class="col-lg-4 col-12">
        <div class="small-box text-bg-info">
            <div class="inner">
                <h3>{{ $totalConversions }}</h3>
                <p>Total Conversions (Offline)</p>
            </div>
            <div class="small-box-icon">
                <i class="bi bi-link"></i>
            </div>
        </div>
    </div>
</div>

<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Recent Conversions</h3>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table table-hover text-nowrap">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Original URL</th>
                            <th>Affiliate URL</th>
                            <th>Status</th>
                            <th>Session</th>
                            <th>Time</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($recentConversions as $conv)
                            <tr>
                                <td>{{ $conv->id }}</td>
                                <td><a href="{{ $conv->original_url }}" target="_blank" class="text-truncate d-inline-block" style="max-width: 200px;">{{ $conv->original_url }}</a></td>
                                <td>
                                    @if($conv->code)
                                        @php $shortUrl = route('short_link.redirect', ['code' => $conv->code]); @endphp
                                        <a href="{{ $shortUrl }}" target="_blank" title="Redirects to: {{ $conv->affiliate_url }}">{{ $shortUrl }}</a>
                                    @elseif($conv->affiliate_url)
                                        <a href="{{ $conv->affiliate_url }}" target="_blank" class="text-truncate d-inline-block" style="max-width: 200px;">{{ $conv->affiliate_url }}</a>
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>
                                    @if($conv->status === 'success')
                                        <span class="badge text-bg-success">Success</span>
                                    @else
                                        <span class="badge text-bg-danger">Failed</span>
                                    @endif
                                </td>
                                <td>{{ $conv->session_name ?? '-' }}</td>
                                <td>{{ $conv->created_at->diffForHumans() }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center">No conversions yet.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection