@extends('layouts.app')

@section('content')
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>Importar Fixture Histórico</h1>
        <a href="{{ route('admin.torneos.edit', $torneo->id) }}" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left"></i> Volver
        </a>
    </div>

    <div class="card shadow-sm border-0 mb-4">
        <div class="card-body">
            <h5 class="card-title">Instrucciones</h5>
            <p class="text-muted">
                Pega aquí los partidos ya jugados para cargarlos masivamente. 
                El formato debe ser CSV con las siguientes <strong>9 columnas</strong>:
            </p>
            <div class="bg-light p-3 rounded mb-3">
                <code>Fecha(AAAA-MM-DD), Club Local, Cat Local, Club Visitante, Cat Visitante, Marcador L, Marcador V, Sede(opc), Grupo(opc)</code>
            </div>
            <p class="small text-info">
                <i class="fas fa-info-circle"></i> 
                <strong>Manejo de Equipos:</strong> El sistema busca por Club Y Categoría. Esto permite diferenciar, por ejemplo, los equipos de "San Martin" en "Primera A" de los de "Primera B" en el mismo torneo.
            </p>

            <form action="{{ route('admin.torneos.importar.store', $torneo->id) }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label for="texto_importar" class="form-label">Datos a importar (CSV)</label>
                    <textarea class="form-control" id="texto_importar" name="texto_importar" rows="10" placeholder="2026-03-14, Recreativo, Primera B, Talleres, Primera B, 64, 61, , Primera B"></textarea>
                </div>

                <div class="alert alert-warning">
                    <i class="fas fa-exclamation-triangle"></i> 
                    Esta acción creará nuevos registros de eventos. Evita duplicar partidos que ya existan en el sistema.
                </div>

                <button type="submit" class="btn btn-primary btn-lg">
                    <i class="fas fa-upload"></i> Procesar e Importar
                </button>
            </form>
        </div>
    </div>
</div>
@endsection