@extends('admin.layouts.app')

@section('title', 'Yeni Salon - 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">Yeni Salon</h1>
                    <p class="mt-1 text-sm text-gray-500">Yeni bir salon oluşturun.</p>
                </div>
                <div class="flex space-x-3">
                    <a href="{{ route('admin.stadiums') }}" 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.stadiums.store') }}" method="POST" onsubmit="showLoading(); showProgress();">
            @csrf
            <div class="px-4 py-5 sm:p-6 space-y-6">
                <!-- Name -->
                <div>
                    <label for="salon" class="block text-sm font-medium text-gray-700">Salon Adı</label>
                    <input type="text" name="salon" id="salon" value="{{ old('salon') }}" 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('salon') border-red-300 @enderror"
                           placeholder="Salon adını girin">
                    @error('salon')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Address -->
                <div>
                    <label for="adres" class="block text-sm font-medium text-gray-700">Adres</label>
                    <textarea name="adres" id="adres" rows="3" 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('adres') border-red-300 @enderror"
                              placeholder="Salon adresini girin">{{ old('adres') }}</textarea>
                    @error('adres')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Google Maps -->
                <div>
                    <label for="googlemap" class="block text-sm font-medium text-gray-700">Google Maps Linki</label>
                    <input type="url" name="googlemap" id="googlemap" value="{{ old('googlemap') }}"
                           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('googlemap') border-red-300 @enderror"
                           placeholder="Google Maps linkini girin">
                    @error('googlemap')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Image -->
                <div>
                    <label for="resim" class="block text-sm font-medium text-gray-700">Resim URL</label>
                    <input type="url" name="resim" id="resim" value="{{ old('resim') }}"
                           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') border-red-300 @enderror"
                           placeholder="Salon resmi URL'sini girin">
                    @error('resim')
                        <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') }}" 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>
            </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>
                        Salon adı, adres ve sezon zorunludur
                    </div>
                    <div class="flex space-x-3">
                        <a href="{{ route('admin.stadiums') }}" 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>
                            Kaydet
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection