@extends('admin.layout')

@section('title', ($noticia ? 'Editar' : 'Nueva') . ' Noticia - Admin OnAPB')

@section('content')
<div class="page-header">
    <h2><i class="bi bi-newspaper"></i> {{ $noticia ? 'Editar Noticia' : 'Nueva Noticia' }}</h2>
    <a href="{{ route('admin.noticias.index') }}" class="btn-admin-outline">
        <i class="bi bi-arrow-left"></i> Volver
    </a>
</div>

<div class="admin-card">
    <div class="card-body">
        <form method="POST" action="{{ $noticia ? route('admin.noticias.update', $noticia->id) : route('admin.noticias.store') }}" class="admin-form" enctype="multipart/form-data">
            @csrf
            @if($noticia) @method('PUT') @endif

            <div class="row">
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label fw-bold">Título de la Noticia *</label>
                        <input type="text" name="titulo" class="form-control form-control-lg" value="{{ old('titulo', $noticia->titulo ?? '') }}" required placeholder="Escribe un título impactante...">
                        @error('titulo')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Categoría / Etiqueta</label>
                        <input type="text" name="categoria" class="form-control" value="{{ old('categoria', $noticia->categoria ?? '') }}" placeholder="Ej: EFEMÉRIDES, TORNEO, CLUBES">
                        <small class="text-muted">Aparecerá como una etiqueta sobre la noticia.</small>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Torneo Relacionado</label>
                        <select name="id_torneo" class="form-select">
                            <option value="">— Ninguno —</option>
                            @foreach($torneos as $t)
                                <option value="{{ $t->id }}" {{ old('id_torneo', $noticia->id_torneo ?? '') == $t->id ? 'selected' : '' }}>
                                    {{ $t->nombre }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Imagen de Portada</label>
                        <input type="file" name="imagen_file" class="form-control" accept="image/*">
                        @if($noticia && $noticia->imagen)
                            <div class="mt-2">
                                <small class="d-block text-muted mb-1">Imagen actual:</small>
                                <img src="{{ asset($noticia->imagen) }}" alt="" class="img-thumbnail" style="height: 60px;">
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <div class="mb-4">
                <label class="form-label fw-bold">Contenido de la Noticia *</label>
                <textarea name="contenido" class="form-control" rows="15" required placeholder="Escribe el cuerpo de la noticia aquí...">{{ old('contenido', $noticia->contenido ?? '') }}</textarea>
                @error('contenido')
                    <div class="text-danger small mt-1">{{ $message }}</div>
                @enderror
            </div>

            <div class="d-flex justify-content-end gap-3 border-top pt-4">
                <a href="{{ route('admin.noticias.index') }}" class="btn btn-light px-4">Cancelar</a>
                <button type="submit" class="btn-admin-primary px-5">
                    <i class="bi bi-check-lg me-2"></i> {{ $noticia ? 'ACTUALIZAR NOTICIA' : 'PUBLICAR NOTICIA' }}
                </button>
            </div>
        </form>
    </div>
</div>
@endsection
