@once
    @push('stylesheets')
        <link rel="stylesheet" href="{{asset('css/input-field.css')}}"/>
    @endpush
@endonce

@php
    $rules = [

      'greek_upper' => [
        'title'=> 'ΜΟΝΟ ΚΕΦΑΛΑΙΑ ΕΛΛΗΝΙΚΑ',
        'pattern'=> '^[Α-Ω]$'
      ],

      'english_upper' => [
        'title'=> 'ΜΟΝΟ ΚΕΦΑΛΑΙΑ ΑΓΓΛΙΚΑ',
        'pattern'=> '^[A-Z]$'
      ],

      'date' => [
          'title'=> 'ΕΙΣΑΓΑΤΕ ΣΩΣΤΗ ΗΜΕΡΟΜΗΝΙΑ YYYY-MM-DD',
          'pattern' => '^[0-9]{4}-[0-9]{2}-[0-9]{2}$',
       ],

       'phone_mobile' => [
          'title'=> 'ΕΙΣΑΓΑΤΕ ΣΩΣΤΟ ΚΙΝΗΤΟ',
          'pattern' => '^(^69[0-9]{8}$)|(^$)',
       ],

        'phone' => [
          'title'=> 'ΕΙΣΑΓΑΤΕ ΣΩΣΤΟ ΤΗΛΕΦΩΝΟ',
          'pattern' => '(^210[0-9]{7}$)|(^$)',
       ],

       'number' => [
          'title'=> 'ΕΙΣΑΓΑΤΕ MONO ΑΡΙΘΜΟΥΣ',
          'pattern' => '^(^69[0-9]{8}$)|(^$)',
       ],

       'project title' => [
          'title'=> '',
          'pattern' => '^[Α-Ωα-ωίϊΐόάέύϋΰήώΊΪΌΆΈΎΫΉΏa-zA-Z0-9\s()\-/]+$/',
       ],
    ]
@endphp

@props([
    'type' => 'text',
    'class' => null,
    'label',
    'id' => null,
    'rule' => null
    ])


<div blade="{{ $viewName ?? 'unknown' }}" class="input-field form-input {{$class}}">
    <label for="{{ $id }}">{{ $label }}:</label>

    <div class="input-group">
            <input
                type="{{ $type }}"
                class="form-control {{$class}}"
                id="{{$id}}"
                {{$attributes}}
            >
            {{$slot}}
    </div>
</div>