@@ -12,16 +12,20 @@

     </div>

     <form id="tl_slot_assistant" class="tl_form tl_edit_form" method="post" enctype="application/x-www-form-urlencoded">

         <div class="tl_formbody_edit">

+            <input type="hidden" name="FORM_SUBMIT" value="wa_slotassistant">

             <input type="hidden" name="REQUEST_TOKEN" value="{{ request_token }}">

             {% for legend, widgets in fields %}

                 <fieldset id="pal_{{ legend }}" class="tl_tbox">

                     <legend onclick="AjaxRequest.toggleFieldset(this,{{ legend }},'wa_slotassistant')">{{ ('wa_slotassistant.'~legend)|trans([], 'contao_default') }}</legend>

-                {% for field in widgets %}

-                    <div class="{{ field.class is defined and field.class|length ? field.class ~ ' ' : '' }}widget">

-                        {{ field.widget.parse()|raw }}

-                    </div>

-                {% endfor %}

+                    {% for field in widgets %}

+                        <div class="{{ field.class is defined and field.class|length ? field.class ~ ' ' : '' }}widget">

+                            {{ field.widget.parse()|raw }}{{ field.widget.wizard is defined ? field.widget.wizard : '' }}

+                            {% if not field.widget.hasErrors() and field.help is defined and field.help|length %}

+                                <p class="tl_help tl_tip">{{ field.help }}</p>

+                            {% endif %}

+                        </div>

+                    {% endfor %}

                 </fieldset>

             {% endfor %}

@@ -12,16 +12,19 @@ declare(strict_types=1);

 namespace vonRotenberg\WeinanlieferungBundle\Controller\Backend;

+use Contao\Config;

 use Contao\CoreBundle\Controller\AbstractController;

 use Contao\CoreBundle\Csrf\ContaoCsrfTokenManager;

 use Contao\Date;

 use Contao\Environment;

 use Contao\FrontendUser;

+use Contao\Image;

 use Contao\Input;

 use Contao\SelectMenu;

 use Contao\StringUtil;

 use Contao\System;

 use Contao\TextField;

+use Contao\Widget;

 use Doctrine\DBAL\Connection;

 use Symfony\Component\HttpFoundation\RequestStack;

 use Symfony\Component\HttpFoundation\Response;

@@ -62,16 +65,17 @@ class WeinanlieferungSlotAssistantController extends AbstractController

         $session[$strRefererId]['current'] = substr(Environment::get('requestUri'), \strlen(Environment::get('path')) + 1);

         $objSession->set($strKey, $session);

     }

+

     public function __invoke(): Response

     {

         $GLOBALS['TL_CSS']['cirrus'] = 'bundles/vonrotenbergweinanlieferung/css/backend.css|static';

         $arrData = [

             'request_token' => $this->tokenManager->getDefaultTokenValue(),

-            'ref' => $this->request->attributes->get('_contao_referer_id')

+            'ref'           => $this->request->attributes->get('_contao_referer_id')

         ];

         System::loadLanguageFile('default');

-        dump($this->getWidgets());

+//        dump($this->getWidgets());

         $arrData['fields'] = $this->getWidgets();

@@ -91,26 +95,112 @@ class WeinanlieferungSlotAssistantController extends AbstractController

         }

         $arrWidgets = [

-          'base_legend' => [

-              [

-                  'class' => 'w50',

-                  'widget' => new SelectMenu([

-                      'name' => 'slotType',

-                      'mandatory' => true,

-                      'label' => 'Zeitslot-Typ'

-                  ])

-              ],

-              [

-                  'class' => 'w50',

-                  'widget' => new TextField([

-                      'name' => 'buffer',

-                      'mandatory' => true,

-                      'label' => 'Pufferzeit in min.'

-                  ])

-              ]

-          ]

+            'base_legend' => [

+                [

+                    'class'  => 'w50',

+                    'help'   => 'Legen Sie hier den Zeitslot-Typ/Annahmestelle fest.',

+                    'widget' => new SelectMenu([

+                        'name'      => 'slotType',

+                        'mandatory' => true,

+                        'options'   => [

+                            ['value' => 'eins', 'label' => 'eins'],

+                            ['value' => 'zwei', 'label' => 'zwei']

+                        ],

+                        'label'     => 'Zeitslot-Typ'

+                    ])

+                ],

+                [

+                    'class'  => 'w50',

+                    'help'   => 'Die Pufferzeit zwischen den Slots.',

+                    'widget' => new TextField([

+                        'name'      => 'buffer',

+                        'mandatory' => true,

+                        'label'     => 'Pufferzeit in min.',

+                        'rgxp'      => 'natural'

+                    ])

+                ]

+            ],

+            'time_legend' => [

+                [

+                    'class'  => 'w50 wizard',

+                    'help'   => 'Zeitslot-Typ/Annahmestelle fest.',

+                    'widget' => new TextField([

+                        'name'       => 'date_start[1]',

+                        'mandatory'  => true,

+                        'label'      => 'Pufferzeit in min.',

+                        'rgxp'       => 'datim',

+                        'datepicker' => true,

+                    ])

+                ]

+            ]

         ];

+

+        foreach ($arrWidgets as $group => $fields)

+        {

+            foreach ($fields as $field)

+            {

+                if (empty($field['widget']->id))

+                {

+                    $field['widget']->id = $field['widget']->name;

+                }

+

+                $wizard = '';

+

+                // Date picker

+                if ($field['widget']->datepicker ?? null)

+                {

+                    $rgxp = $field['widget']->rgxp ?? 'date';

+                    $format = Date::formatToJs(Config::get($rgxp . 'Format'));

+

+                    switch ($rgxp)

+                    {

+                        case 'datim':

+                            $time = ",\n        timePicker: true";

+                            break;

+

+                        case 'time':

+                            $time = ",\n        pickOnly: \"time\"";

+                            break;

+

+                        default:

+                            $time = '';

+                            break;

+                    }

+

+                    $strOnSelect = '';

+

+                    // Trigger the auto-submit function (see #8603)

+                    if ($field['widget']->submitOnChange ?? null)

+                    {

+                        $strOnSelect = ",\n        onSelect: function() { Backend.autoSubmit(\"wa_slotassistant\"); }";

+                    }

+

+                    $wizard .= ' ' . Image::getHtml('assets/datepicker/images/icon.svg', '', 'title="' . StringUtil::specialchars($GLOBALS['TL_LANG']['MSC']['datepicker']) . '" id="toggle_' . $field['widget']->id . '" style="cursor:pointer"') . '

+  <script>

+    window.addEvent("domready", function() {

+      new Picker.Date($("ctrl_' . $field['widget']->id . '"), {

+        draggable: false,

+        toggle: $("toggle_' . $field['widget']->id . '"),

+        format: "' . $format . '",

+        positionOffset: {x:-211,y:-209}' . $time . ',

+        pickerClass: "datepicker_bootstrap",

+        useFadeInOut: !Browser.ie' . $strOnSelect . ',

+        startDay: ' . $GLOBALS['TL_LANG']['MSC']['weekOffset'] . ',

+        titleFormat: "' . $GLOBALS['TL_LANG']['MSC']['titleFormat'] . '"

+      });

+    });

+  </script>';

+                    $field['widget']->wizard = $wizard;

+                }

+

+                if (Input::post('FORM_SUBMIT') == 'wa_slotassistant')

+                {

+                    dump($field['widget']->validate());

+                }

+            }

+        }

+

         $this->fields = $arrWidgets;

         return $this->fields;

     }