@extends('admin.layouts.app')

@section('title', 'Oyuncu CSV Yükle')
@section('content')
<div class="space-y-6">
    <div class="bg-white shadow rounded-lg">
        <div class="px-4 py-5 sm:p-6">
            <div class="flex items-center justify-between mb-4">
                <h1 class="text-2xl font-bold text-gray-900">Oyuncu CSV Yükle</h1>
                <div class="flex items-center gap-3">
                    <a href="{{ route('admin.players.sample') }}" class="text-sm text-slate-600 hover:text-slate-900"><i class="fas fa-download mr-1"></i> Örnek CSV</a>
                    <a href="{{ route('admin.players') }}" class="text-sm text-slate-600 hover:text-slate-900"><i class="fas fa-arrow-left mr-1"></i> Geri Dön</a>
                </div>
            </div>
            <form action="{{ route('admin.players.import.csv') }}" method="POST" enctype="multipart/form-data" class="space-y-4">
                @csrf
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Takım Seç</label>
                        <select name="team_id" class="block w-full border border-slate-300 rounded-md p-2" required>
                            <option value="">Seçiniz</option>
                            @foreach($teams as $t)
                                <option value="{{ $t->takimID }}">{{ $t->takim }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="flex items-center pt-6">
                        <label class="inline-flex items-center text-sm"><input type="checkbox" name="dry_run" value="1" class="mr-2"> Önizleme (kayıt yapma)</label>
                    </div>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">CSV Dosyası</label>
                    <input type="file" name="file" accept=".csv,text/csv" class="block w-full border border-slate-300 rounded-md p-2 text-sm" required />
                    <p class="text-xs text-slate-500 mt-1">Uyarı: TC ile upsert yapılır. Mevcut oyuncular güncellenir.</p>
                </div>
                <div>
                    <button type="submit" class="btn btn-primary inline-flex items-center"><i class="fas fa-upload mr-2"></i> Yükle</button>
                </div>
            </form>

            @if (session('errors_list'))
                <div class="mt-6 p-4 bg-red-50 border border-red-200 rounded text-sm text-red-700">
                    <div class="font-semibold mb-2">Hata Ayrıntıları</div>
                    <ul class="list-disc pl-5 space-y-1">
                        @foreach(session('errors_list') as $e)
                            <li>{{ $e }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @if (session('preview'))
                <div class="mt-6">
                    <div class="text-sm font-medium text-gray-700 mb-2">Önizleme (ilk {{ count(session('preview')) }} satır)</div>
                    <div class="-mx-4 sm:mx-0 overflow-x-auto border rounded">
                        <table class="min-w-full text-xs">
                            <thead class="bg-gray-50">
                                <tr>
                                    <th class="px-2 py-2 text-left">TC</th>
                                    <th class="px-2 py-2 text-left">Ad Soyad</th>
                                    <th class="px-2 py-2 text-left">No</th>
                                    <th class="px-2 py-2 text-left">Takım</th>
                                    <th class="px-2 py-2 text-left">Starter</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach(session('preview') as $r)
                                    <tr class="border-t">
                                        <td class="px-2 py-1">{{ $r['tckimlik'] ?? '' }}</td>
                                        <td class="px-2 py-1">{{ $r['isim'] ?? '' }}</td>
                                        <td class="px-2 py-1">{{ $r['oyuncuNo'] ?? '' }}</td>
                                        <td class="px-2 py-1">{{ $r['takimID'] ?? '' }}</td>
                                        <td class="px-2 py-1">{{ $r['ilk5'] ?? 0 }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @endif
        </div>
    </div>

    <div class="bg-white shadow rounded-lg">
        <div class="px-4 py-5 sm:p-6">
            <div class="text-sm font-medium text-gray-700 mb-2">Son 50 Oyuncu</div>
            <div class="-mx-4 sm:mx-0 overflow-x-auto border rounded">
                <table class="min-w-full text-xs">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="px-2 py-2 text-left">ID</th>
                            <th class="px-2 py-2 text-left">TC</th>
                            <th class="px-2 py-2 text-left">Ad Soyad</th>
                            <th class="px-2 py-2 text-left">Takım</th>
                            <th class="px-2 py-2 text-left">No</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($recent as $it)
                            <tr class="border-t">
                                <td class="px-2 py-1">{{ $it->oyuncuID }}</td>
                                <td class="px-2 py-1">{{ $it->tckimlik }}</td>
                                <td class="px-2 py-1">{{ $it->isim }}</td>
                                <td class="px-2 py-1">{{ $it->takimID }}</td>
                                <td class="px-2 py-1">{{ $it->oyuncuNo }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection