@extends('admin.layouts.app')

@section('title', 'Oyuncu Düzenle - 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">Oyuncu Düzenle</h1>
                    <p class="mt-1 text-sm text-gray-500">"{{ $player->isim }}" oyuncusunu düzenleyin.</p>
                </div>
                <div class="flex space-x-3">
                    <a href="{{ route('admin.players') }}" 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-slate-500">
                        <i class="fas fa-arrow-left mr-2"></i>
                        Geri Dön
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Form -->
    <div class="bg-white shadow rounded-lg">
        <form action="{{ route('admin.players.update', $player->oyuncuID) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="px-4 py-5 sm:p-6 space-y-6">
                <!-- TC Kimlik -->
                <div>
                    <label for="tckimlik" class="block text-sm font-medium text-gray-700">TC Kimlik No</label>
                    <input type="text" name="tckimlik" id="tckimlik" value="{{ old('tckimlik', $player->tckimlik) }}" maxlength="11"
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-slate-500 focus:border-slate-500 sm:text-sm @error('tckimlik') border-red-300 @enderror"
                           placeholder="TC Kimlik numarasını girin">
                    @error('tckimlik')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Name -->
                <div>
                    <label for="isim" class="block text-sm font-medium text-gray-700">Oyuncu Adı</label>
                    <input type="text" name="isim" id="isim" value="{{ old('isim', $player->isim) }}" required
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-slate-500 focus:border-slate-500 sm:text-sm @error('isim') border-red-300 @enderror"
                           placeholder="Oyuncu adını girin">
                    @error('isim')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Position -->
                <div>
                    <label for="pozisyon" class="block text-sm font-medium text-gray-700">Pozisyon</label>
                    <select name="pozisyon" id="pozisyon" required
                            class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-slate-500 focus:border-slate-500 sm:text-sm @error('pozisyon') border-red-300 @enderror">
                        <option value="">Pozisyon seçin</option>
                        <option value="Point Guard" {{ old('pozisyon', $player->pozisyon) == 'Point Guard' ? 'selected' : '' }}>Point Guard</option>
                        <option value="Shooting Guard" {{ old('pozisyon', $player->pozisyon) == 'Shooting Guard' ? 'selected' : '' }}>Shooting Guard</option>
                        <option value="Small Forward" {{ old('pozisyon', $player->pozisyon) == 'Small Forward' ? 'selected' : '' }}>Small Forward</option>
                        <option value="Power Forward" {{ old('pozisyon', $player->pozisyon) == 'Power Forward' ? 'selected' : '' }}>Power Forward</option>
                        <option value="Center" {{ old('pozisyon', $player->pozisyon) == 'Center' ? 'selected' : '' }}>Center</option>
                    </select>
                    @error('pozisyon')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Team -->
                <div>
                    <label for="takimID" class="block text-sm font-medium text-gray-700">Takım</label>
                    <select name="takimID" id="takimID" required
                            class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-slate-500 focus:border-slate-500 sm:text-sm @error('takimID') border-red-300 @enderror">
                        <option value="">Takım seçin</option>
                        @foreach($teams as $team)
                            <option value="{{ $team->takimID }}" {{ old('takimID', $player->takimID) == $team->takimID ? 'selected' : '' }}>
                                {{ $team->takim }}
                            </option>
                        @endforeach
                    </select>
                    @error('takimID')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Number -->
                <div>
                    <label for="oyuncuNo" class="block text-sm font-medium text-gray-700">Numara</label>
                    <input type="number" name="oyuncuNo" id="oyuncuNo" value="{{ old('oyuncuNo', $player->oyuncuNo) }}" min="0" max="99"
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-slate-500 focus:border-slate-500 sm:text-sm @error('oyuncuNo') border-red-300 @enderror"
                           placeholder="Oyuncu numarasını girin">
                    @error('oyuncuNo')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Email -->
                <div>
                    <label for="eposta" class="block text-sm font-medium text-gray-700">E-posta</label>
                    <input type="email" name="eposta" id="eposta" value="{{ old('eposta', $player->eposta) }}"
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-slate-500 focus:border-slate-500 sm:text-sm @error('eposta') border-red-300 @enderror"
                           placeholder="E-posta adresi girin">
                    @error('eposta')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Season -->
                <div>
                    <label for="sezon" class="block text-sm font-medium text-gray-700">Sezon</label>
                    <input type="text" name="sezon" id="sezon" value="{{ old('sezon', $player->sezon) }}" required
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-slate-500 focus:border-slate-500 sm:text-sm @error('sezon') border-red-300 @enderror"
                           placeholder="Sezon bilgisi girin">
                    @error('sezon')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Height -->
                <div>
                    <label for="boy" class="block text-sm font-medium text-gray-700">Boy (cm)</label>
                    <input type="number" name="boy" id="boy" value="{{ old('boy', $player->boy) }}" min="150" max="250"
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-slate-500 focus:border-slate-500 sm:text-sm @error('boy') border-red-300 @enderror"
                           placeholder="Boy bilgisi girin">
                    @error('boy')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Weight -->
                <div>
                    <label for="kilo" class="block text-sm font-medium text-gray-700">Kilo (kg)</label>
                    <input type="number" name="kilo" id="kilo" value="{{ old('kilo', $player->kilo) }}" min="50" max="150"
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-slate-500 focus:border-slate-500 sm:text-sm @error('kilo') border-red-300 @enderror"
                           placeholder="Kilo bilgisi girin">
                    @error('kilo')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Birth Date -->
                <div>
                    <label for="dogumTarihi" class="block text-sm font-medium text-gray-700">Doğum Tarihi</label>
                    <input type="date" name="dogumTarihi" id="dogumTarihi" value="{{ old('dogumTarihi', $player->dogumTarihi) }}"
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-slate-500 focus:border-slate-500 sm:text-sm @error('dogumTarihi') border-red-300 @enderror">
                    @error('dogumTarihi')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Current Photo & Upload -->
                <div>
                    <label class="block text-sm font-medium text-gray-700">Mevcut Fotoğraf</label>
                    <div class="mt-2 flex items-center space-x-4">
                        @if($player->resim)
                            <img src="{{ asset('assets/media/oyuncu/' . $player->resim) }}" alt="{{ $player->isim }}" class="h-16 w-16 object-cover rounded">
                        @else
                            <span class="text-sm text-gray-500">Yüklü fotoğraf yok</span>
                        @endif
                    </div>
                </div>

                <div>
                    <label for="resim_file" class="block text-sm font-medium text-gray-700">Yeni Fotoğraf Yükle</label>
                    <input type="file" name="resim_file" id="resim_file" accept="image/*"
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-slate-500 focus:border-slate-500 sm:text-sm @error('resim_file') border-red-300 @enderror">
                    <p class="mt-1 text-xs text-gray-500">Maksimum 2MB. Desteklenen formatlar: jpeg, png, jpg, gif, webp</p>
                    @error('resim_file')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>
            </div>

            <!-- Form actions -->
            <div class="px-4 py-3 bg-gray-50 text-right sm:px-6 rounded-b-lg">
                <div class="flex items-center justify-between">
                    <div class="text-sm text-gray-500">
                        <i class="fas fa-info-circle mr-1"></i>
                        Oyuncu adı, pozisyon ve takım zorunludur
                    </div>
                    <div class="flex space-x-3">
                        <a href="{{ route('admin.players') }}" 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-slate-500">
                            İptal
                        </a>
                        <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-slate-600 hover:bg-slate-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-slate-500">
                            <i class="fas fa-save mr-2"></i>
                            Güncelle
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection