@extends('admin.layouts.app')

@section('title', 'Maç İstatistikleri - CBL Admin Panel')
@section('content')
<div class="space-y-6">
    <!-- Page header -->
    <div class="bg-white shadow rounded-lg">
        <div class="px-4 py-5 sm:p-6">
            <div class="flex items-center justify-between">
                <div>
                    <h1 class="text-2xl font-bold text-gray-900">Maç İstatistikleri</h1>
                    <p class="mt-1 text-sm text-gray-500">Detaylı maç ve takım istatistikleri.</p>
                </div>
                <div class="flex items-center gap-3">
                    <form action="{{ route('admin.statistics.import') }}" method="POST" enctype="multipart/form-data" class="flex items-center gap-2" x-data="{ loading:false }" @submit="loading=true; showLoading && showLoading()">
                        @csrf
                        <label class="inline-flex items-center px-3 py-2 rounded-md border border-slate-300 text-sm bg-white text-slate-700 hover:bg-slate-50 cursor-pointer">
                            <i class="fas fa-file-excel text-[#1e3ea2] mr-2"></i>
                            <span>Excel Seç</span>
                            <input type="file" name="excel" accept=".xlsx,.xls" class="hidden" required>
                        </label>
                        <button type="submit" class="inline-flex items-center px-4 py-2 text-sm font-medium rounded-md text-white btn btn-primary">
                            <i class="fas fa-upload mr-2"></i>
                            Yükle
                        </button>
                    </form>
                    <a href="{{ route('admin.statistics.import.form') }}" class="inline-flex items-center px-4 py-2 text-sm font-medium rounded-md text-white btn btn-primary">
                        <i class="fas fa-file-csv mr-2"></i>
                        CSV Yükleme
                    </a>
                </div>
            </div>
            @if ($errors->any())
                <div class="mt-3 text-sm text-red-600">{{ $errors->first() }}</div>
            @endif
        </div>
    </div>

    <!-- Statistics Overview -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
        <!-- Total Matches -->
        <div class="bg-white overflow-hidden shadow rounded-lg">
            <div class="p-5">
                <div class="flex items-center">
                    <div class="flex-shrink-0">
                        <div class="w-8 h-8 bg-slate-100 rounded-md flex items-center justify-center">
                            <i class="fas fa-basketball-ball text-slate-600"></i>
                        </div>
                    </div>
                    <div class="ml-5 w-0 flex-1">
                        <dl>
                            <dt class="text-sm font-medium text-gray-500 truncate">Toplam Maç</dt>
                            <dd class="text-lg font-medium text-gray-900">{{ $stats['total_matches'] }}</dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>

        <!-- Total Teams -->
        <div class="bg-white overflow-hidden shadow rounded-lg">
            <div class="p-5">
                <div class="flex items-center">
                    <div class="flex-shrink-0">
                        <div class="w-8 h-8 bg-green-100 rounded-md flex items-center justify-center">
                            <i class="fas fa-users text-green-600"></i>
                        </div>
                    </div>
                    <div class="ml-5 w-0 flex-1">
                        <dl>
                            <dt class="text-sm font-medium text-gray-500 truncate">Toplam Takım</dt>
                            <dd class="text-lg font-medium text-gray-900">{{ $stats['total_teams'] }}</dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>

        <!-- Total Players -->
        <div class="bg-white overflow-hidden shadow rounded-lg">
            <div class="p-5">
                <div class="flex items-center">
                    <div class="flex-shrink-0">
                        <div class="w-8 h-8 bg-blue-100 rounded-md flex items-center justify-center">
                            <i class="fas fa-user text-blue-600"></i>
                        </div>
                    </div>
                    <div class="ml-5 w-0 flex-1">
                        <dl>
                            <dt class="text-sm font-medium text-gray-500 truncate">Toplam Oyuncu</dt>
                            <dd class="text-lg font-medium text-gray-900">{{ $stats['total_players'] }}</dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>

        <!-- Total Stadiums -->
        <div class="bg-white overflow-hidden shadow rounded-lg">
            <div class="p-5">
                <div class="flex items-center">
                    <div class="flex-shrink-0">
                        <div class="w-8 h-8 bg-yellow-100 rounded-md flex items-center justify-center">
                            <i class="fas fa-building text-yellow-600"></i>
                        </div>
                    </div>
                    <div class="ml-5 w-0 flex-1">
                        <dl>
                            <dt class="text-sm font-medium text-gray-500 truncate">Toplam Salon</dt>
                            <dd class="text-lg font-medium text-gray-900">{{ $stats['total_stadiums'] }}</dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Detailed Statistics -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <!-- Match Status Distribution -->
        <div class="bg-white shadow rounded-lg">
            <div class="px-4 py-5 sm:p-6">
                <h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">Maç Türü Dağılımı</h3>
                <div class="space-y-4">
                    @foreach($matchStatusStats as $status => $count)
                        <div class="flex items-center justify-between">
                            <div class="flex items-center">
                                <div class="w-4 h-4 rounded-full bg-slate-500 mr-3"></div>
                                <span class="text-sm font-medium text-gray-900">{{ ucfirst($status) }}</span>
                            </div>
                            <span class="text-sm text-gray-500">{{ $count }} maç</span>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>

        <!-- Team Performance -->
        <div class="bg-white shadow rounded-lg">
            <div class="px-4 py-5 sm:p-6">
                <h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">Takım Performansı</h3>
                <div class="space-y-4">
                    @forelse($teamStats as $team)
                        <div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
                            <div class="flex items-center space-x-3">
                                @if($team->logo)
                                    <img src="{{ $team->logo }}" alt="{{ $team->takim }}" class="w-6 h-6 object-contain">
                                @else
                                    <div class="w-6 h-6 bg-gray-200 rounded flex items-center justify-center">
                                        <i class="fas fa-users text-gray-400 text-xs"></i>
                                    </div>
                                @endif
                                <div>
                                    <div class="text-sm font-medium text-gray-900">{{ $team->takim }}</div>
                                    <div class="text-xs text-gray-500">{{ $team->players_count ? $team->players_count : 0 }} oyuncu</div>
                                </div>
                            </div>
                            <div class="text-sm text-gray-500">
                                {{ $team->matches_count ? $team->matches_count : 0 }} maç
                            </div>
                        </div>
                    @empty
                        <div class="text-center py-8">
                            <i class="fas fa-users text-4xl text-gray-400 mb-4"></i>
                            <p class="text-gray-500">Henüz takım bulunmuyor</p>
                        </div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    <!-- Player Statistics -->
    <div class="bg-white shadow rounded-lg">
        <div class="px-4 py-5 sm:p-6">
            <h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">Oyuncu İstatistikleri</h3>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <!-- Position Distribution -->
                <div>
                    <h4 class="text-sm font-medium text-gray-700 mb-3">Pozisyon Dağılımı</h4>
                    <div class="space-y-2">
                        @foreach($positionStats as $position => $count)
                            <div class="flex items-center justify-between">
                                <span class="text-sm text-gray-600">{{ $position }}</span>
                                <span class="text-sm font-medium text-gray-900">{{ $count }}</span>
                            </div>
                        @endforeach
                    </div>
                </div>

                <!-- Top Players -->
                <div>
                    <h4 class="text-sm font-medium text-gray-700 mb-3">En Aktif Oyuncular</h4>
                    <div class="space-y-2">
                        @forelse($topPlayers as $player)
                            <div class="flex items-center justify-between p-2 bg-gray-50 rounded">
                                <div>
                                    <div class="text-sm font-medium text-gray-900">{{ $player->isim }}</div>
                                    <div class="text-xs text-gray-500">{{ $player->team ? $player->team->takim : 'Takımsız' }}</div>
                                </div>
                                <div class="text-xs text-gray-500">{{ $player->pozisyon }}</div>
                            </div>
                        @empty
                            <p class="text-sm text-gray-500">Henüz oyuncu bulunmuyor</p>
                        @endforelse
                    </div>
                </div>

                <!-- Stadium Usage -->
                <div>
                    <h4 class="text-sm font-medium text-gray-700 mb-3">Salon Kullanımı</h4>
                    <div class="space-y-2">
                        @forelse($stadiumStats as $stadium)
                            <div class="flex items-center justify-between p-2 bg-gray-50 rounded">
                                <div>
                                    <div class="text-sm font-medium text-gray-900">{{ $stadium->salon }}</div>
                                    <div class="text-xs text-gray-500">{{ $stadium->adres }}</div>
                                </div>
                                <div class="text-xs text-gray-500">{{ $stadium->matches_count ? $stadium->matches_count : 0 }} maç</div>
                            </div>
                        @empty
                            <p class="text-sm text-gray-500">Henüz salon bulunmuyor</p>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Played Matches Section -->
    <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">
                <h3 class="text-lg leading-6 font-medium text-gray-900">Oynanmış Maçlar</h3>
                <a href="{{ route('admin.matches') }}" class="text-sm text-slate-600 hover:text-slate-900">
                    Tüm maçları görüntüle <i class="fas fa-arrow-right ml-1"></i>
                </a>
            </div>

            @if($playedMatches->count() > 0)
                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-gray-200">
                        <thead class="bg-gray-50">
                            <tr>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                    Maç
                                </th>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                    Skor
                                </th>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                    Salon
                                </th>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                    Tarih
                                </th>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                    Sezon
                                </th>
                                <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
                                    İşlemler
                                </th>
                            </tr>
                        </thead>
                        <tbody class="bg-white divide-y divide-gray-200">
                            @foreach($playedMatches as $match)
                                <tr class="hover:bg-gray-50">
                                    <td class="px-6 py-4">
                                        <div class="text-sm font-medium text-gray-900">
                                            {{ $match->evsahibi }} vs {{ $match->misafir }}
                                        </div>
                                        <div class="text-sm text-gray-500">
                                            @if($match->stadium)
                                                {{ $match->stadium->salon }} ({{ $match->stadium->adres }})
                                            @else
                                                Salon belirtilmemiş
                                            @endif
                                        </div>
                                    </td>
                                    <td class="px-6 py-4 whitespace-nowrap">
                                        <div class="text-lg font-bold text-slate-600">
                                            {{ $match->evsahibiSkor ?? '-' }} - {{ $match->misafirSkor ?? '-' }}
                                        </div>
                                    </td>
                                    <td class="px-6 py-4 whitespace-nowrap">
                                        <div class="text-sm text-gray-900">
                                            @if($match->stadium)
                                                {{ $match->stadium->salon }}
                                            @else
                                                -
                                            @endif
                                        </div>
                                    </td>
                                    <td class="px-6 py-4 whitespace-nowrap">
                                        <div class="text-sm text-gray-900">
                                            {{ date('d.m.Y H:i', $match->tarih) }}
                                        </div>
                                    </td>
                                    <td class="px-6 py-4 whitespace-nowrap">
                                        <div class="text-sm text-gray-900">
                                            {{ $match->sezon }}
                                        </div>
                                    </td>
                                    <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                                        <div class="flex items-center justify-end space-x-2">
                                            <a href="{{ route('admin.match-statistics', $match->macID) }}" class="text-blue-600 hover:text-blue-900" title="Maç İstatistikleri">
                                                <i class="fas fa-chart-line"></i>
                                            </a>
                                            <a href="{{ route('admin.matches.edit', $match->macID) }}" class="text-slate-600 hover:text-slate-900" title="Düzenle">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                            <a href="{{ route('admin.matches') }}" class="text-gray-600 hover:text-gray-900" title="Görüntüle">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                @if($playedMatches->hasPages())
                    <div class="mt-6">
                        {{ $playedMatches->links() }}
                    </div>
                @endif
            @else
                <div class="text-center py-12">
                    <i class="fas fa-basketball-ball text-4xl text-gray-400 mb-4"></i>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">Henüz oynanmış maç bulunmuyor</h3>
                    <p class="text-gray-500 mb-6">Tamamlanmış maçlar burada görünecektir.</p>
                    <a href="{{ route('admin.matches.create') }}" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-slate-600 hover:bg-slate-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-slate-500">
                        <i class="fas fa-plus mr-2"></i>
                        Yeni Maç Ekle
                    </a>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection