@extends('layouts.admin')
@section('title', 'Configuración del Torneo')
@section('header', 'Configuración del Torneo')

@section('content')
<div class="max-w-lg">
<form method="POST" action="{{ route('admin.torneo.guardar') }}" class="bg-white rounded-xl shadow-sm border p-6 space-y-5">
    @csrf

    <div>
        <label class="block text-sm font-medium text-gray-700 mb-1">Nombre del torneo</label>
        <input type="text" name="nombre" value="{{ $config->nombre }}" required maxlength="100"
            class="w-full border rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-gray-400 focus:outline-none">
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700 mb-1">Estado</label>
        <select name="status" class="w-full border rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-gray-400 focus:outline-none">
            <option value="preparacion" {{ $config->status === 'preparacion' ? 'selected' : '' }}>Preparación</option>
            <option value="activo" {{ $config->status === 'activo' ? 'selected' : '' }}>Activo</option>
            <option value="cerrado" {{ $config->status === 'cerrado' ? 'selected' : '' }}>Cerrado</option>
        </select>
    </div>

    <div class="grid grid-cols-2 gap-4">
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Fecha de inicio</label>
            <input type="date" name="fecha_inicio" value="{{ $config->fecha_inicio?->format('Y-m-d') }}"
                class="w-full border rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-gray-400 focus:outline-none">
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Fecha de cierre</label>
            <input type="date" name="fecha_cierre" value="{{ $config->fecha_cierre?->format('Y-m-d') }}"
                class="w-full border rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-gray-400 focus:outline-none">
            <p class="text-xs text-gray-400 mt-0.5">Opcional</p>
        </div>
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700 mb-1">Capacidad por nivel (default)</label>
        <input type="number" name="capacidad_por_nivel" value="{{ $config->capacidad_por_nivel }}" min="1" max="50" required
            class="w-full border rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-gray-400 focus:outline-none">
        <p class="text-xs text-gray-400 mt-0.5">La capacidad de cada nivel se puede ajustar individualmente en la sección Niveles.</p>
    </div>

    <button type="submit"
        class="bg-gray-900 text-white px-6 py-2 rounded-lg text-sm font-medium hover:bg-gray-700 transition">
        Guardar configuración
    </button>
</form>
</div>
@endsection