import html as html_lib

from .visible_attrs import _visible_attrs
from .apply_ctx import _apply_ctx
from .style_string import _style_string
from .attr_string import _attr_string
from .auto_id import _auto_id


def _render_select(el, meta, slug=None, children_map=None, ctx=None, parent_flex_direction=None):
    # Bulma stylise un <select> via la classe "select" posée sur un <div>
    # QUI L'ENTOURE (le petit triangle est un ::after de ce wrapper) — la
    # poser directement sur la balise <select> elle-même n'aurait aucun
    # effet. Le wrapper porte donc l'id/positionnement habituel de
    # l'élément (comme tous les autres widgets), le <select> reste à
    # l'intérieur avec ses propres attributs de formulaire (name, required).
    outer_attrs = _visible_attrs(el, meta, ctx)
    select_attrs = {k: v for k, v in outer_attrs.items() if k not in ("id", "class", "data-element-id", "data-anim-target")}
    wrapper_attrs = {k: v for k, v in outer_attrs.items() if k in ("id", "data-element-id", "data-anim-target")}
    style = _style_string(el, " display:flex;", parent_flex_direction)
    content = _apply_ctx(el.get("content") or "", ctx)
    options = [o.strip() for o in content.split("\n") if o.strip()]
    opts_html = "".join(f'<option value="{html_lib.escape(o)}">{html_lib.escape(o)}</option>' for o in options)
    select_html = f'<select {_attr_string(select_attrs, "")}>{opts_html}</select>'
    return f'<div {_attr_string(wrapper_attrs, style)}><div class="select is-fullwidth">{select_html}</div></div>'