<form id="associa_contenuto_bacheca_form" method="POST" action="{{ route('bacheca.associa-contenuto-bacheca') }}">
    @csrf

    <input type="hidden" name="bacheca_id" value="{{ request('bacheca_id') }}">
    
    <div class="mb-3">
        <label for="contenuto_id" class="form-label">Scegli il contenuto da associare</label>
        <select name="contenuto_id" id="contenuto_id" class="form-select" required>
            <option value="">-- Seleziona contenuto --</option>
            @foreach($contenuti as $contenuto)
                <option value="{{ $contenuto->id }}">{{ $contenuto->nome }}</option>
            @endforeach
        </select>
    </div>

    <button type="submit" class="btn btn-primary">Associa Contenuto</button>
</form>

<script>
document.addEventListener('DOMContentLoaded', function() {
    $('#associa_contenuto_bacheca_form').on('submit', function(e) {
        e.preventDefault();
        var $form = $(this);
        $.ajax({
            url: $form.attr('action'),
            method: 'POST',
            data: $form.serialize(),
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            success: function(response) {
                $('#modalBasic').modal('hide');
                new Notyf().success(response.message || 'Contenuto associato con successo');
                if (typeof window.dataTable_contenuto_bacheca !== 'undefined' && window.dataTable_contenuto_bacheca.draw) {
                    window.dataTable_contenuto_bacheca.draw(false);
                }
            },
            error: function(xhr) {
                new Notyf().error(xhr.responseJSON?.message || 'Si è verificato un errore');
            }
        });
    });
});
</script>