@extends('admin.layouts.app')

@section('title', 'Fikstür - CBL Admin Panel')
@section('breadcrumbs')
    <a href="{{ route('admin.dashboard') }}" class="hover:underline">Dashboard</a>
    <span class="mx-2">/</span>
    <span class="text-slate-700">Fikstür</span>
@endsection
@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">Fikstür</h1>
                    <p class="mt-1 text-sm text-gray-500">Tüm maçları buradan yönetebilirsiniz.</p>
                </div>
                <div class="flex space-x-3">
                    <a href="{{ route('admin.matches.create') }}" class="inline-flex items-center px-4 py-2 text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
                        <i class="fas fa-plus mr-2"></i>
                        Yeni Maç
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Search and Filters -->
    <div class="bg-white shadow rounded-lg">
        <div class="px-4 py-5 sm:p-6">
            <form method="GET" action="{{ route('admin.matches') }}" class="space-y-4">
                <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
                    <div>
                        <label for="search" class="block text-sm font-medium text-gray-700">Maç Ara</label>
                        <input type="text" name="search" id="search" value="{{ request('search') }}"
                               class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm"
                               placeholder="Takım adı, salon...">
                    </div>
                    <div>
                        <label for="team" class="block text-sm font-medium text-gray-700">Takım</label>
                        <select name="team" id="team" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm">
                            <option value="">Tüm Takımlar</option>
                            @foreach($teams as $team)
                                <option value="{{ $team->takimID }}" {{ request('team') == $team->takimID ? 'selected' : '' }}>
                                    {{ $team->takim }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label for="status" class="block text-sm font-medium text-gray-700">Durum</label>
                        <select name="status" id="status" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm">
                            <option value="">Tüm Maçlar</option>
                            <option value="finished" {{ request('status') == 'finished' ? 'selected' : '' }}>Tamamlandı</option>
                            <option value="live" {{ request('status') == 'live' ? 'selected' : '' }}>Canlı</option>
                            <option value="planned" {{ request('status') == 'planned' ? 'selected' : '' }}>Planlandı</option>
                        </select>
                    </div>
                    <div>
                        <label for="season" class="block text-sm font-medium text-gray-700">Sezon</label>
                        <select name="season" id="season" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm">
                            <option value="">Tüm Sezonlar</option>
                            @foreach($seasons as $season)
                                <option value="{{ $season }}" {{ request('season') == $season ? 'selected' : '' }}>
                                    {{ $season }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="flex justify-between items-center">
                    <button type="submit" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
                        <i class="fas fa-search mr-2"></i>
                        Ara
                    </button>
                    @if(request('search') || request('team') || request('status') || request('season'))
                        <a href="{{ route('admin.matches') }}" class="inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
                            <i class="fas fa-times mr-2"></i>
                            Filtreleri Temizle
                        </a>
                    @endif
                </div>
            </form>
        </div>
    </div>

    <!-- Matches list -->
    <div class="bg-white shadow rounded-lg">
        <div class="px-4 py-5 sm:p-6">
                         <div class="overflow-x-auto">
                 <table class="table table-center-3 table-sticky min-w-full divide-y divide-gray-200">
                    <thead class="bg-gray-50">
                        <tr>

                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Tarih
                            </th>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Ev Sahibi
                            </th>
                            <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Skor
                            </th>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Deplasman
                            </th>
                            <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Salon
                            </th>
                            <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Durum
                            </th>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Sezon
                            </th>
                            <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">
                                İşlemler
                            </th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                        @forelse($matches as $match)
                        <tr>

                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                                {{ $match->tarih ? date('d.m.Y H:i', $match->tarih) : '-' }}
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
                                {{ $match->homeTeam ? $match->homeTeam->takim : 'Bilinmeyen' }}
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 text-center">
                                <div class="text-lg font-bold text-gray-900">
                                {{ $match->evsahibiSkor ?? '-' }} - {{ $match->misafirSkor ?? '-' }}
                                </div>
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
                                {{ $match->awayTeam ? $match->awayTeam->takim : 'Bilinmeyen' }}
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 text-center">
                                {{ $match->stadium ? $match->stadium->salon : 'Salon Yok' }}
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                                <div class="flex justify-center">
                                <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full {{ $match->status_class }}">
                                        {{ $match->status_text }}
                                    </span>
                                </div>
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                                {{ $match->sezon ?: '-' }}
                            </td>
                            <td class="px-6 py-4 whitespace-nowrap text-center text-sm font-medium">
                                <div class="inline-flex items-center space-x-2">
                                    <a href="{{ route('admin.matches.edit', $match->macID) }}" class="text-slate-600 hover:text-slate-900">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    @if($match->ui_status !== 'live')
                                        <form action="{{ route('admin.matches.status', [$match->macID, 'live']) }}" method="POST" class="inline">
                                            @csrf
                                            <button type="submit" class="text-red-600 hover:text-red-800" title="Canlıya Al">
                                                <i class="fas fa-broadcast-tower"></i>
                                            </button>
                                        </form>
                                    @endif
                                    @if($match->ui_status !== 'finished')
                                        <form action="{{ route('admin.matches.status', [$match->macID, 'finished']) }}" method="POST" class="inline">
                                            @csrf
                                            <button type="submit" class="text-green-600 hover:text-green-800" title="Bitir">
                                                <i class="fas fa-flag-checkered"></i>
                                            </button>
                                        </form>
                                    @endif
                                    <form action="{{ route('admin.matches.delete', $match->macID) }}" method="POST" class="inline" onsubmit="return confirm('Bu maçı silmek istediğinizden emin misiniz?')">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="text-red-600 hover:text-red-900">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="9" class="px-6 py-12 text-center">
                                <div class="table-empty">
                                    <div class="table-empty-icon">
                                        <i class="fas fa-basketball-ball"></i>
                                    </div>
                                    <div class="table-empty-title">Henüz Maç Bulunmuyor</div>
                                    <div class="table-empty-message">Henüz kayıtlı maç bulunmuyor. Yeni maç ekleyerek başlayabilirsiniz.</div>
                                    <a href="{{ route('admin.matches.create') }}" class="table-empty-action">
                                        <i class="fas fa-plus"></i>
                                        Maç Ekle
                                    </a>
                                </div>
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            @if($matches->hasPages())
            <div class="bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6">
                {{ $matches->links() }}
            </div>
            @endif
        </div>
    </div>
</div>
@endsection