{{-- ------------------     code LEderhos Header         ----------------------
 |---------------------------------------------------------------------------
 *    _                _      __ _             _           _              __ 
 *   | |  ___ ___   __| | ___| _| |    ___  __| | ___ _ __| |__   ___  __|_ |
 *  / __)/ __/ _ \ / _` |/ _ \ || |   / _ \/ _` |/ _ \ '__| '_ \ / _ \/ __| |
 *  \__ \ (_| (_) | (_| |  __/ || |__|  __/ (_| |  __/ |  | | | | (_) \__ \ |
 *  (   /\___\___/ \__,_|\___| ||_____\___|\__,_|\___|_|  |_| |_|\___/|___/ |
 *   |_|                     |__|                                        |__|
  
  ?  @date:      2023-12-16                                    @version 3.0
     @project:   Okis 3.0 - dynamic custom input components
  
  ?  @author:    Code[Lederhos]
  ?              Stanislaw Lederhos
  ?              mail: codelederhos@gmail.com
  *      $debugPicasso = [ 0 => 'Crafting a masterpiece out of chaos',
  *      	               1 => 'the art of flawless functionality'  ];
 |-------------------------------------------------------------------------->
--------------------------------------------------------------- 2023-12-16 ----}}

@php
    $inputKey           = array_key_first( $input ); 
    $inputId            = $inputKey . '_' . uniqid(); 
    $inputElement       = $input[$inputKey];
    $inputType          = $inputElement['type']  ?? 'text';
    $inputName          = $inputElement['name']  ?? $inputKey; 
    $inputValue         = $inputElement['value'] ?? ''; 
    $inputAttr          = extractDynAttr($inputElement);

    $isRequired 	    = !empty($inputElement['required']) ? ' required' : '';
	$isDisabled 	    = !empty($inputElement['disabled']) ? ' disabled' : '';

    $labelElement       = handleElem($inputElement['label'] ?? [], ['pill', 'text', 'html_text']);
    $pillElement        = handleElem($labelElement['pill']  ?? [], ['text', 'html_text']);

@endphp


@if(!empty($labelElement))
    <label {!! dynamicAttr("for='$inputId' class='col-form-label $isRequired'", $labelElement['attr'] ?? []) !!}>
        {{ $labelElement['text'] ?? '' }}{!! $labelElement['html_text'] ?? '' !!}
        @if(!empty($pillElement))
            <span {!! dynamicAttr("class='badge rounded-pill text-bg-secondary ms-2 fs-7'", $pillElement['attr'] ?? []) !!}>
                {{ $pillElement['text'] ?? '' }}{!! $pillElement['html_text'] ?? '' !!}
            </span>
        @endif
    </label>
@endif


{{-- START Text input --}}
    {{-- @example: 
        @input(['auth_user_id' => [
                        'label'       => [
                            'text'  => 'Mitarbeiter Nr.', 
                            'class' => 'inputlabel-class',
                        ],
                        'type'        => 'text',   // not required
                        'required'    => true,
                        'placeholder' => 'Mitarbeiter Nr.',
                        'class'       => 'text-center',
                    ]])
    --}}
    @if ($inputType === 'text')
        <input  type     = "text"
                id       = "{{ $inputId }}"
                name     = "{{ $inputName }}"
                value    = "{{ old($inputName, $inputValue) }}"
                {!! dynamicAttr("class='form-control' autocomplete='off'", $inputAttr) !!}
                {{ $isRequired }}{{ $isDisabled }}
        >

{{-- START Password input --}}
    @elseif ($inputType === 'password')
        {{-- Sichtbares Textfeld für die Eingabe --}}
            <input type="text" 
                id              = "{{ $inputId }}_display"
                autocomplete    = "off"
                {!! dynamicAttr("class='form-control input-bg-gray required letter-spacing-3 text-shadow text-shadow-strong smooth-shadow px-2 border-light' autocomplete='off'", $inputAttr) !!}
                required
                {{ $isDisabled }}
            >
        {{-- Verstecktes Feld für das tatsächliche Passwort --}}
            <input type="hidden" 
                id       = "{{ $inputId }}"
                name     = "{{ $inputName }}"
                value    = "{{ old($inputName, $inputValue) }}"
            >
        {{-- JS --}}
            <script>
                $(document).ready(function() {
                    formatPwdInput("{{ $inputId }}");
                    inputOverflow("{{ $inputId }}_display");
                });
            </script>

{{-- START Simple formated Number input --}}
    @elseif ($inputType === 'number')
        @php    $dataFormatSpacing = $inputAttr['data-format-spacing'] ?? '0';  @endphp
        
        <input  type="text" 
                id="{{ $inputId }}" 
                name="{{ $inputName }}" 
                value="{{ old($inputName, $inputValue) }}"
                {!! dynamicAttr("inputmode='numeric' class='form-control' autocomplete='off' data-format-spacing=$dataFormatSpacing", $inputAttr) !!}
                onclick="this.setSelectionRange(0, this.value.length)" 
                {{ $isRequired }} 
                {{ $isDisabled }}
            >
        <script>
            $(document).ready(function() {
                formatSimpleNumericInput("{{ $inputId }}");
            });
        </script>

{{-- END INPUTS --}}
    @endif