@extends('layouts.app')
@section('title', 'Kampanyalarim')
@section('content')

<div class="flex items-center justify-between mb-6">
    <h1 class="text-2xl font-semibold">Kampanyalarim</h1>
    <a href="{{ route('client.campaigns.create') }}" class="bg-slate-900 text-white text-sm px-4 py-2 rounded-lg hover:bg-slate-800">
        + Yeni Kampanya Talebi
    </a>
</div>

<div class="bg-white border border-slate-200 rounded-xl overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-slate-50 text-slate-500 text-left">
            <tr>
                <th class="px-4 py-3">Kampanya</th>
                <th class="px-4 py-3">Tur</th>
                <th class="px-4 py-3">Gunluk Butce</th>
                <th class="px-4 py-3">Durum</th>
                <th class="px-4 py-3 text-right">Islem</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-slate-100">
            @forelse($campaigns as $campaign)
            <tr>
                <td class="px-4 py-3 font-medium">{{ $campaign->name }}</td>
                <td class="px-4 py-3 text-slate-500">{{ $campaign->type }}</td>
                <td class="px-4 py-3">
                    @if($campaign->isLive())
                    <form action="{{ route('client.campaigns.budget', $campaign) }}" method="POST" class="flex items-center gap-1">
                        @csrf @method('PATCH')
                        <input type="number" step="0.01" name="daily_budget" value="{{ $campaign->daily_budget }}"
                               class="w-24 rounded border border-slate-300 px-2 py-1 text-xs">
                        <button class="text-xs underline">Kaydet</button>
                    </form>
                    @else
                        {{ number_format($campaign->daily_budget, 2) }} TL
                    @endif
                </td>
                <td class="px-4 py-3">
                    <span class="inline-block px-2 py-0.5 rounded-full text-xs
                        {{ $campaign->status === 'active' ? 'bg-green-100 text-green-700' :
                           ($campaign->status === 'draft' ? 'bg-amber-100 text-amber-700' : 'bg-slate-100 text-slate-600') }}">
                        {{ $campaign->status === 'draft' ? 'ajans onayi bekliyor' : $campaign->status }}
                    </span>
                </td>
                <td class="px-4 py-3 text-right">
                    @if($campaign->isLive())
                        @if($campaign->status === 'active')
                            <form action="{{ route('client.campaigns.pause', $campaign) }}" method="POST" class="inline">
                                @csrf
                                <button class="text-xs underline">Duraklat</button>
                            </form>
                        @else
                            <form action="{{ route('client.campaigns.enable', $campaign) }}" method="POST" class="inline">
                                @csrf
                                <button class="text-xs underline">Aktif Et</button>
                            </form>
                        @endif
                    @endif
                </td>
            </tr>
            @empty
            <tr><td colspan="5" class="px-4 py-8 text-center text-slate-400">Henuz kampanyan yok.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection