@extends('layouts.app')
@section('title', 'Finans / Ödemeler')
@section('content')

@if ($cariHesap)
<div class="grid md:grid-cols-3 gap-4 mb-6">
    <div class="bg-white rounded shadow p-4">
        <p class="text-xs text-slate-500">{{ $cariHesap['label'] }} — Toplam Hakediş</p>
        <p class="text-2xl font-bold">{{ number_format($cariHesap['total_earnings'], 2, ',', '.') }} TL</p>
    </div>
    <div class="bg-white rounded shadow p-4">
        <p class="text-xs text-slate-500">Ödenen Tutar</p>
        <p class="text-2xl font-bold text-green-600">{{ number_format($cariHesap['total_paid'], 2, ',', '.') }} TL</p>
    </div>
    <div class="bg-white rounded shadow p-4">
        <p class="text-xs text-slate-500">Kalan Bakiye</p>
        <p class="text-2xl font-bold {{ $cariHesap['remaining_balance'] > 0 ? 'text-amber-600' : 'text-slate-400' }}">
            {{ number_format($cariHesap['remaining_balance'], 2, ',', '.') }} TL
        </p>
    </div>
</div>

@if ($earnings->isNotEmpty())
<div class="bg-white rounded shadow p-4 mb-6">
    <h3 class="font-semibold mb-3">Son Hakedişler</h3>
    <table class="w-full text-sm">
        <thead class="text-left text-slate-400">
            <tr>
                <th class="pb-2">Bayi</th>
                <th>Abonelik</th>
                <th>Komisyon Tipi</th>
                <th>Sözleşme Tutarı</th>
                <th>Hakediş</th>
                <th>Durum</th>
                <th>Tarih</th>
            </tr>
        </thead>
        <tbody>
        @foreach ($earnings as $earning)
            <tr class="border-t">
                <td class="py-2">{{ $earning->dealer?->company_name }}</td>
                <td>{{ $earning->subscription?->reference_no }}</td>
                <td>{{ $earning->commission_type?->label() }}</td>
                <td>{{ number_format($earning->package_price, 2, ',', '.') }} TL</td>
                <td class="font-medium">{{ number_format($earning->total_amount, 2, ',', '.') }} TL</td>
                <td>{{ $earning->status?->label() }}</td>
                <td>{{ $earning->created_at->format('d.m.Y') }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
    <p class="text-xs text-slate-400 mt-2">Hakedişler, abonelik "Tamamlandı" durumuna geçtiğinde otomatik oluşur.</p>
</div>
@endif
@endif

<div class="flex justify-between items-center mb-4">
    <form method="GET" class="flex gap-2">
        @if($dealers->isNotEmpty())
        <select name="dealer_id" class="border rounded px-3 py-1.5 text-sm">
            <option value="">Tüm Bayiler</option>
            @foreach ($dealers as $d)
                <option value="{{ $d->id }}" @selected(request('dealer_id')==$d->id)>{{ $d->company_name }}</option>
            @endforeach
        </select>
        @endif
        <input type="date" name="date_from" value="{{ request('date_from') }}" class="border rounded px-3 py-1.5 text-sm">
        <input type="date" name="date_to" value="{{ request('date_to') }}" class="border rounded px-3 py-1.5 text-sm">
        <button class="bg-slate-800 text-white rounded px-4 py-1.5 text-sm">Filtrele</button>
    </form>
    @can('create', App\Models\Payment::class)
        <a href="{{ route('panel.payments.create') }}" class="bg-blue-600 text-white rounded px-4 py-2 text-sm font-medium">+ Ödeme Girişi</a>
    @endcan
</div>
<div class="bg-white rounded shadow overflow-x-auto">
    <table class="w-full text-sm">
        <thead class="bg-slate-100 text-left"><tr><th class="p-3">Bayi</th><th class="p-3">Tutar</th><th class="p-3">Tarih</th><th class="p-3">Tür</th><th class="p-3">Açıklama</th></tr></thead>
        <tbody>
        @forelse ($payments as $payment)
            <tr class="border-t">
                <td class="p-3">{{ $payment->dealer->company_name }}</td>
                <td class="p-3 font-medium">{{ number_format($payment->amount,2,',','.') }} TL</td>
                <td class="p-3">{{ $payment->payment_date->format('d.m.Y') }}</td>
                <td class="p-3">{{ $payment->payment_type->label() }}</td>
                <td class="p-3">{{ $payment->description }}</td>
            </tr>
        @empty
            <tr><td colspan="5" class="p-6 text-center text-slate-400">Kayıt bulunamadı.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $payments->links() }}</div>
@endsection