{% use 'bootstrap_3_layout.html.twig' %}

{# CONDITIONAL VISIBILITY #}
{# these blocks are copied from https://github.com/symfony/twig-bridge/blob/master/Resources/views/Form/bootstrap_3_layout.html.twig with added conditional visibility #}
{% block form_row -%}
  <div class="form-group{% if (not compound or force_error|default(false)) and not valid %} has-error{% endif %}"
    {% include 'BazookasAdminBundle:Form/Partials:_row_attributes.html.twig' %}
  >
    {{- form_label(form) -}}
    {{- form_widget(form) -}}
    {{- form_errors(form) -}}
  </div>
{%- endblock form_row %}

{% block checkbox_row -%}
  <div class="form-group{% if not valid %} has-error{% endif %}"
    {% include 'BazookasAdminBundle:Form/Partials:_row_attributes.html.twig' %}
  >
    {{- form_widget(form) -}}
    {{- form_errors(form) -}}
  </div>
{%- endblock checkbox_row %}

{% block radio_row -%}
  <div class="form-group{% if not valid %} has-error{% endif %}"
    {% include 'BazookasAdminBundle:Form/Partials:_row_attributes.html.twig' %}
  >
    {{- form_widget(form) -}}
    {{- form_errors(form) -}}
  </div>
{%- endblock radio_row %}
{# END CONDITIONAL VISIBILITY #}

{# error styling #}
{% block form_errors -%}
  {% set isRoot = form.parent is empty %}
  {% if not valid -%}
    {% if not isRoot %}
      <span class="help-block text-danger">
    {% else %}
      <div class="alert alert-danger">
    {% endif %}

    <ul class="list-unstyled">
      {% if isRoot %}
        <li><span class="fa fa-exclamation-circle"></span> {{ 'admin.form.errors'|trans({}, translation_domain) }}</li>
      {% endif %}
      {%- for error in errors -%}
        <li><span class="fa fa-exclamation-circle"></span> {{ error.message }}</li>
      {%- endfor -%}
    </ul>

    {% if not isRoot %}
      </span>
    {% else %}
      </div>
    {% endif %}

  {%- endif %}
{%- endblock %}

{# hacky divider type, only for use with bootstrap_3_layout, other layouts are untested #}
{% block panel_divider_row -%}

{%- endblock %}

{# translation forms #}
{% block translation_form_widget -%}
  {# the form #}
  <div
    id="{{ form.vars.id }}__translation-form"
    class="js-translation-form translation-form row"
    {% if form.vars.prototype is defined %}
    data-prototype="{{ form_widget(form.vars.prototype)|e }}"
    data-prototype-name="{{prototype_name}}"
    {% endif %}
    data-add-translation-text="{{'admin.translation-form.add'|trans({}, translation_domain)}}"
    data-initialized="false"
    data-prototype-count="{{form|length}}"
    data-require-all-locales="{{require_all_locales}}"
    data-default-locale="{{ app.request.locale }}"
  >
    {# Items #}
    <div class="js-translation-form__main-column col-sm-6">
      <h4 id="{{ form.vars.id }}__translation-form__original-title" class="row mar-no pad-bottom translation-form__header">
        <span class="pull-left pad-top--half"> {{ 'admin.translation-form.main'|trans({}, translation_domain) }}&nbsp;</span>
        <span class="pull-left js-translation-form__main-locale"></span>
      </h4>
      <div class="js-translation-form__first">
        {% for index, obj in form %}
          {% set delete_key = form.vars.id|replace({'form_': 'delete_'}) ~ "_" ~ index %}
          <div id="{{ form.vars.id }}__translation-form__tab-{{index}}" class="js-translation-form__item {% if index > 0 %}tab-pane active{% endif %}">
            {% if obj.vars.compound %}
              {{ form_widget(obj) }}
            {% else %}
              {% for child in obj.children %}
                {{ form_row(child) }}
              {% else %}
                {{ form_widget(obj) }}
              {% endfor %}
            {% endif %}
          </div>

          {% if index == 0 %}
            </div></div> {# end first column #}

            <div class="col-sm-6">
              <ul id="{{ form.vars.id }}__translation-form__tab-bar" role="tablist" class="nav nav-tabs translation-form__header"></ul>
              <div id="{{ form.vars.id }}__translation-form__tab-content" class="tab-content">
          {% endif %}
        {% endfor %}
      </div> {# end first item or tab-content #}
    </div> {# end col-sm-6 #}
  </div> {# end js-translation-form #}
{%- endblock %}

{# Nested forms #}
{% block collection_widget -%}
  {% include 'BazookasAdminBundle:Form/Partials:_nested_form.html.twig' with {
    sortable: false,
    inline_elements: form.vars.inline_elements,
    allow_add: form.vars.allow_add,
    allow_delete: form.vars.allow_delete,
    min: 0,
    max: 0,
    prototype_name: form.vars.prototype_name is defined ? form.vars.prototype_name : '__name__',
  } %}
{%- endblock %}

{% block nested_form_widget -%}
  {% include 'BazookasAdminBundle:Form/Partials:_nested_form.html.twig' %}
{%- endblock %}

{# entity pickers #}
{% block entity_picker_widget %}
  {% set button_class = '' %}
  {# FIXME this is pretty dirty look for a better way to access the original entity in the view #}
  {# NOTE I think no new query is executed because the entity is already in doctrine cache #}
  {% set transformer = transformer.setClass(form.vars.class) %}
  {% set entity = value is not empty ? transformer.reverseTransform(value) : null %}

  {% set display_value = entity is not empty ? attribute(entity, display_field) : '' %}
  <input type="hidden" {{block('widget_attributes')}} value="{{ value }}" />

  {% if display_type == 'image' or display_type == 'asset' %}
    {% if display_value is not empty and not(display_value starts with 'http') and not(display_value starts with '/') %}
      {% set display_value  = '/' ~ display_value %}
    {% endif %}
    {% set imageUrl = display_value %}

    {% if display_value is not empty and display_type == 'asset' %}
      {% set imageUrl = asset(display_value) | imagine_filter("thumbnail") %}
    {% endif %}

    <img id="{{id}}_display" class="img-responsive center-block js-entity-picker-display uploaded-image {{imageUrl is empty ? 'hide' }}" src="{{ imageUrl }}" />
    {% set button_class = ' btn-block' %}
  {% else %}
    <input id="{{id}}_display" type="{{ display_type }}" class="form-control js-entity-picker-display" value="{{ display_value }}" disabled />
    <div class="input-group">
      <span class="input-group-btn">

  {% endif %}
  {% if not disabled %}
  <button
    type="button"
    class="btn btn-info btn-labeled js-entity-picker {{icon}}{{button_class}}"
    data-field="#{{id}}"
    data-modal-title="{{title|trans({}, translation_domain)}}"
    data-display-field="{{display_field}}"
    data-link="{{ path(picker_route.route, picker_route.params) }}"
  >
    {{ button|trans({}, translation_domain) }}
  </button>
  {% endif %}

  {% if display_type != 'image' %}
      </span>
    </div>
  {% endif %}

{% endblock %}

{% block datetime_widget -%}
  {% if datetimepicker is defined and datetimepicker == true %}
    {{- form_widget(form.time, {'attr': attr}) -}}
    {{- form_widget(form.date, {'attr': attr}) -}}
  {% else %}
    {% if widget == 'single_text' %}
      {{- block('form_widget_simple') -}}
    {% else -%}
      {% set attr = attr|merge({class: (attr.class|default('') ~ ' form-inline')|trim}) -%}
      <div {{ block('widget_container_attributes') }}>
        {{- form_errors(form.time) -}}
        {{- form_errors(form.date) -}}
        {{- form_widget(form.time, { datetime: true, attr: attr} ) -}}
        {{- form_widget(form.date, { datetime: true, attr: attr} ) -}}
      </div>
    {%- endif %}
  {%- endif %}
{%- endblock datetime_widget %}

{% block choice_widget_collapsed -%}
  {% set attr = attr|merge({class: (attr.class|default('select2'))|trim}) %}
  {{- parent() -}}
{%- endblock %}

{% block choice_widget_expanded -%}
  {% if (form.children|length == 0) %}
    {{ attr.notFound|trans({}, translation_domain) }}
  {% endif %}

  {% if '-inline' in label_attr.class|default('') -%}
    {%- for child in form %}
      {{- form_widget(child, {
          parent_label_class: label_attr.class|default(''),
          translation_domain: choice_translation_domain,
      }) -}}
    {% endfor -%}
  {%- else -%}
      <div {{ block('widget_container_attributes') }}>
        {# this expansion allows for 'opt-groups' to be rendered when choosing to render a choicewidget form item as checkboxes #}
        {%- for key,child in choices %}
          {% if child.choices is defined %}
            <div class="text-dark"> {{key|trans({}, translation_domain)}} </div>
            {% for choiceChild in child.choices %}
              {% for formChild in form %}
                {% if formChild.vars.value == choiceChild.value %}
                  {{- form_widget(formChild, {
                      parent_label_class: label_attr.class|default(''),
                      translation_domain: choice_translation_domain,
                  }) -}}
                {% endif %}
              {% endfor %}
            {% endfor %}
          {% else %}
            {% for formChild in form %}
              {% if formChild.vars.value == child.value %}
                {{- form_widget(formChild, {
                    parent_label_class: label_attr.class|default(''),
                    translation_domain: choice_translation_domain,
                }) -}}
              {% endif %}
            {% endfor %}
          {% endif %}
        {% endfor -%}
      </div>
  {%- endif %}
{%- endblock choice_widget_expanded %}

{% block image_preview_widget -%}
  <div>
    <input type="hidden" {{block('widget_attributes')}} value="{{ value }}" />
    <img
      class="img-responsive img-preview {{ value is empty ? 'hide'}}"
      src="{{ value is not empty ? asset(value|imagine_filter(filter)) }}"
      {% if previewFileInput is not empty -%}
        data-preview-file="{{previewFileInput}}"
      {%- endif %}
    />
  </div>
{%- endblock %}

{% block youtube_upload_label %}{% endblock %}
{% block youtube_upload_widget -%}
  {% trans_default_domain translation_domain %}
  <button
    type="button"
    class="btn btn-danger btn-labeled fa fa-youtube-play js-youtube-upload"
    data-target-field="{{ targetField }}"
    data-toggle="modal"
    data-target="#{{ id }}-modal"
  >
    {{ label|trans({}, translation_domain) }}
  </button>
  {% include 'BazookasAdminBundle:Form/Partials:_youtube_upload_modal.html.twig' %}
{%- endblock %}

{% block media_folder_widget %}
  {% if expanded %}
    {{ block('choice_widget_expanded') }}
  {% else %}
    {{ block('media_folder_select_widget') }}
  {% endif %}
{% endblock %}

{% block media_folder_select_widget %}
  {% spaceless %}
    {% set attr = attr|merge({class: (attr.class|default('') ~ ' select2 form-control')|trim}) %}
    <select {{ block('widget_attributes') }}{% if multiple %} multiple="multiple"{% endif %}>
      {% if empty_value is defined and empty_value is not none %}
          <option value="">{{ empty_value|trans({}, translation_domain) }}</option>
      {% endif %}
      {% set options = choices %}
      {{ block('media_folder_select_options') }}
    </select>
  {% endspaceless %}
{% endblock %}

{% block media_folder_select_options %}
  {% spaceless %}
    {% for group_label, choice in options %}
        <option value="{{ choice.value }}"{% if choice is selectedchoice(value) %} selected="selected"{% endif %}>{{ (choice.label|trans({}, translation_domain))|raw }}</option>
    {% endfor %}
  {% endspaceless %}
{% endblock %}

{% block form_label -%}
  {% if tooltip_title is defined and tooltip_title is not same as(false) %}
    {%- set label_attr = label_attr|merge({
      class: (label_attr.class|default('') ~ ' control-label add-' ~ tooltip_type)|trim,
      "data-toggle": tooltip_type,
      "data-placement": tooltip_placement,
      "data-original-title": tooltip_title|trans({}, translation_domain),
      "data-content": tooltip_content|trans({}, translation_domain),
      "data-trigger": tooltip_trigger
    }) -%}
  {% else %}
    {%- set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' control-label')|trim}) -%}
  {% endif %}

  {% if label is not same as(false) -%}
      {% if not compound -%}
          {% set label_attr = label_attr|merge({'for': id}) %}
      {%- endif -%}
      {% if required -%}
          {% set label_attr = label_attr|merge({'class': (label_attr.class|default('') ~ ' required')|trim}) %}
      {%- endif -%}
      {% if label is empty -%}
          {%- if label_format is not empty -%}
              {% set label = label_format|replace({
                  '%name%': name,
                  '%id%': id,
              }) %}
          {%- else -%}
              {% set label = name|humanize %}
          {%- endif -%}
      {%- endif -%}
      <label{% for attrname, attrvalue in label_attr %} {{ attrname }}="{{ attrvalue }}"{% endfor %}>
        {{ translation_domain is same as(false) ? label : label|trans({}, translation_domain) }}

        {% if tooltip_title is defined and tooltip_title != false %}
          <i class="ti-help-alt"></i>
        {% endif %}
      </label>
  {%- endif -%}
{%- endblock form_label %}

{% block text_widget -%}

  {#
     TODO: js is bundle specific because the fonts are often bundle specific
     can we solve this somehow?
   #}

  {% if renderAsIcon is defined and renderAsIcon %}
    {% spaceless %}
      <div>
        <button name="{{ form.vars.full_name }}" class="btn btn-default js-icon-picker" data-icon="{{ form.vars.value }}"></button>
      </div>
    {% endspaceless %}
  {% else %}
    {{ block('form_widget') }}
  {% endif %}
{%- endblock %}

{% block date_widget -%}
  {% if widget == 'single_text' %}
    <div class="custom-datepicker mar-btm">
      <p class="text-danger">{{- form_errors(form) -}}</p>
      <div class="input-group date">
        {{- block('form_widget_simple') -}}
        <span class="input-group-addon">
          <i class="ti-calendar"></i>
        </span>
      </div>
    </div>
  {% else -%}
    {% set attr = attr|merge({class: (attr.class|default('') ~ ' form-inline')|trim}) -%}
    {% if datetime is not defined or not datetime -%}
      <div {{ block('widget_container_attributes') -}}>
    {%- endif %}
      {{- date_pattern|replace({
        '{{ year }}': form_widget(form.year),
        '{{ month }}': form_widget(form.month),
        '{{ day }}': form_widget(form.day),
      })|raw -}}
    {% if datetime is not defined or not datetime -%}
        </div>
    {%- endif -%}
  {% endif %}
{%- endblock %}


{% block time_widget -%}
  {% if widget == 'single_text' %}
    <div class="custom-timepicker mar-btm">
      <p class="text-danger">{{- form_errors(form) -}}</p>
      <div class="input-group date">
        {{- block('form_widget_simple') -}}
        <span class="input-group-addon">
            <i class="ti-time"></i>
          </span>
      </div>
    </div>
  {% else -%}
    {% set attr = attr|merge({class: (attr.class|default('') ~ ' form-inline')|trim}) -%}
    {% if datetime is not defined or false == datetime -%}
      <div {{ block('widget_container_attributes') -}}>
    {%- endif -%}
    {{- form_widget(form.hour) }}{% if with_minutes %}:{{ form_widget(form.minute) }}{% endif %}{% if with_seconds %}:{{ form_widget(form.second) }}{% endif %}
    {% if datetime is not defined or false == datetime -%}
      </div>
    {%- endif -%}
  {% endif %}
{%- endblock %}