{% import "admin/Macros/Buttons/_button.html.twig" as button %}
<div class="row">
    <div class="form-group col-12">
        <label class="fs-7 fw-bold form-label">Adresse</label>
        <textarea name="verkaufsstellen[adresse]" id="verkaufsstellen_adresse" class="form-control text-editor"
                  rows="3">{{ verkaufsstellen.adresse|default() }}</textarea>
        <div class="fv-plugins-message-container invalid-feedback"></div>
    </div>
    <div class="form-group col-6">
        <label>X-Coord </label>
        <input type="number" name="verkaufsstellen[xCoord]" class="form-control"
               value="{{ verkaufsstellen.xCoord|default }}">
    </div>
    <div class="form-group col-6">
        <label>Y-Coord </label>
        <input type="number" name="verkaufsstellen[yCoord]" class="form-control"
               value="{{ verkaufsstellen.yCoord|default }}">
    </div>
    <div class="form-group col-12">
        <label class="fs-7 fw-bold form-label">Uberschrift Bolt</label>
        <textarea name="verkaufsstellen[uberschriftBolt]" id="verkaufsstellen_uberschriftBolt"
                  class="form-control text-editor"
                  rows="3">{{ verkaufsstellen.uberschriftBolt|default() }}</textarea>
        <div class="fv-plugins-message-container invalid-feedback"></div>
    </div>
    <div class="form-group col-12">
        <label class="fs-7 fw-bold form-label">Text</label>
        <textarea name="verkaufsstellen[text]" id="verkaufsstellen_text"
                  class="form-control text-editor"
                  rows="3">{{ verkaufsstellen.text|default() }}</textarea>
        <div class="fv-plugins-message-container invalid-feedback"></div>
    </div>
    <input type="hidden" name="verkaufsstellen[site]" value="{{ siteName[0].id }}">
    <div class="form-group col-12">
        <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="is-enabled" name="verkaufsstellen[enabled]"
                   value="1"
                    {% if verkaufsstellen.isEnabled|default == 1 %}
                        {{ verkaufsstellen.isEnabled|default ? 'checked' : '' }}
                    {% endif %}
            >
            <label class="custom-control-label" for="is-enabled">Aktiv ?</label>
        </div>
    </div>

    {#<div class="fv-row mb-10 col-6 fv-plugins-icon-container col-4">
        <label class="fs-7 fw-bold form-label">Logo</label>
        <input style="padding: 6px;" id="logo" type="file" class="form-control" name="logo">
        <div class="fv-plugins-message-container invalid-feedback"></div>
    </div>

    {% if verkaufsstellen.logo|default != '' %}
        <div class="fv-row col-6 mb-10 fv-plugins-icon-container col-6">
            {% set dir = getVerkaufsstellenLogoDir() %}
            {% set imageFullPath = dir|default~verkaufsstellen.logo|default %}
            <img style="max-width: 50%;" src="{{ asset(imageFullPath) }}">
        </div>
    {% endif %}#}

    <div class="fv-row mb-10 col-6 fv-plugins-icon-container col-4">
        <label class="fs-7 fw-bold form-label">Photo</label>
        <input style="padding: 6px;" id="bild" type="file" class="form-control" name="bild" accept="image/*"/>
        <div class="fv-plugins-message-container invalid-feedback"></div>
    </div>

    {% if verkaufsstellen.bild|default != '' %}
        <div class="fv-row mb-10 col-6 fv-plugins-icon-container col-6">
            {% set dir = getVerkaufsstellenImageDir() %}
            {% set imageFullPath = dir|default~verkaufsstellen.bild|default %}
            <img style="max-width: 50%;" src="{{ asset(imageFullPath) }}">
        </div>
    {% endif %}
</div>

<div class="d-flex justify-content-end">
    {{ button.button_submit() }}
</div>

<script>
    ckeditor = CKEDITOR.replace('verkaufsstellen_adresse');
    ckeditor.on("change", function (evt) {
        $('#verkaufsstellen_adresse').html(evt.editor.getData());
    });
</script>