{{-- En resources/views/redes_sociales/editar.blade.php --}}

@extends('layouts.index', ['subHeader' => 'Editar Red Social'])

@section('header')
    <a href="{{ route('home') }}" class="text-decoration-none text-dark">Dashboard</a>
    <a href="{{ route('redes_sociales.index') }}" class="text-decoration-none text-dark"> / Redes Sociales</a>
    <span> / Editar</span>
@endsection

@section('content')
    <div class="d-flex justify-content-end gap-3 flex-wrap">
        <div class="btn-group">
            <a href="{{ route('redes_sociales.index') }}" class="btn btn-enviar btn-lg">
                <i class="bi bi-arrow-left-circle-fill"></i> Atrás
            </a>
        </div>
    </div>

    <br>

    <div class="container-fluid shadow-s p-4">
        @if ($errors->any())
            <div class="alert alert-danger"><strong>{{ $errors->first() }}</strong></div>
        @endif


        <form class="row g-3" action="{{ route('redes_sociales.update', $registro->id) }}" method="POST">
            @csrf
            @method('PUT') {{-- Importante para las solicitudes de actualización --}}
            <h1 class="fs-3 fw-bolder">Editar Registro de Red Social</h1>

            <!-- NOMBRE -->
            <div class="col-md-4">
                <label for="nombre" class="form-label fw-bolder">Nombre</label>
                <input type="text" name="nombre" id="nombre" class="form-control"
                    value="{{ old('nombre', $registro->nombre) }}" required>
            </div>

            <!-- FUENTE DE INFORMACIÓN -->
            <div class="col-md-4">
                <label for="fuente_informacion_id" class="form-label">Tipo de Fuente de Información</label>
                <select class="form-select form-select-lg fromcss @error('fuente_informacion_id') is-invalid @enderror" id="fuente_informacion_id"
                    name="fuente_informacion_id" data-control="select2" required>
                    <option value="" selected disabled>Seleccione un tipo de fuente...</option>
                    @foreach ($fuentes as $fuente)
                        <option value="{{ $fuente->id }}"
                            {{ old('fuente_informacion_id', $registro->fuente_informacion_id) == $fuente->id ? 'selected' : '' }}>
                            {{ $fuente->nombre }}
                        </option>
                    @endforeach
                </select>
                @error('fuente_informacion_id')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <!-- SCORE -->
            <div class="col-md-4">
                <label for="score" class="form-label fw-bolder">Score</label>
                <input type="number" name="score" id="score" class="form-control"
                    value="{{ old('score', $registro->score) }}" required min="0" readonly>
            </div>

            <!-- DESCRIPCION -->
            <div class="col-md-12">
                <label for="descripcion" class="form-label fw-bolder">Descripción</label>
                <textarea name="descripcion" id="descripcion" rows="3" class="form-control">{{ old('descripcion', $registro->descripcion) }}</textarea>
            </div>

            <!-- ESTADO -->
            <div class="col-md-6">
                <label class="form-label fw-bolder">Estado</label>
                <div class="form-check form-switch">
                    {{-- Input oculto para enviar 0 si el checkbox no está marcado --}}
                    <input type="hidden" name="estado" value="0">
                    <input class="form-check-input" type="checkbox" id="estado" name="estado" value="1"
                        {{ old('estado', $registro->estado) ? 'checked' : '' }}>
                    <label class="form-check-label" for="estado">Activo</label>
                </div>
            </div>

            <!-- RELEVANTE -->
            <div class="col-md-6">
                <label class="form-label fw-bolder">Relevante</label>
                <div class="form-check form-switch">
                    {{-- Input oculto para enviar 0 si el checkbox no está marcado --}}
                    <input type="hidden" name="relevante" value="0">
                    <input class="form-check-input" type="checkbox" id="relevante" name="relevante" value="1"
                        {{ old('relevante', $registro->relevante) ? 'checked' : '' }}>
                    <label class="form-check-label" for="relevante">Es Relevante</label>
                </div>
            </div>

            <!-- BOTONES -->
            <div class="col-12 d-flex justify-content-end mt-4">
                <a href="{{ route('redes_sociales.index') }}" class="btn btn-lg btn-cancelar mx-2">Cancelar</a>
                <button type="submit" class="btn btn-lg btn-enviar">Actualizar</button>
            </div>
        </form>
    </div>
@endsection