@switch($type)
    @case('text')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <input wire:model.lazy="{{ $fieldname }}" type="text" class="form-control" id="{{ $labelidname }}"
                @if (isset($readonly) && $readonly) readonly @endif>
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('active-text')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <input wire:model="{{ $fieldname }}" type="text" class="form-control" id="{{ $labelidname }}"
                @if (isset($readonly) && $readonly) readonly @endif>
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('number')
        <div class="{{ $col }} mb-3">
            <div class="d-flex">
                <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
                @if ($required)
                    <span class="text-danger fw-bold">*</span>
                @endif
            </div>
            <input wire:model.lazy="{{ $fieldname }}" type="number" class="form-control" id="{{ $labelidname }}">
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('select')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <select wire:model.lazy="{{ $fieldname }}" class="form-select" id="{{ $labelidname }}">
                <option value>{{ isset($default_option) ? $default_option : 'Select a Option' }}</option>
                @foreach ($option as $key => $value)
                    <option value="{{ $key }}">{{ $value }}</option>
                @endforeach
            </select>
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('select2')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <select wire:model.lazy="{{ $fieldname }}" class="form-select select2-hidden-accessible" style="width: 100%;"
                id="{{ $labelidname }}" @if (isset($multiple) && $multiple) multiple @endif>
                <option value="" selected>
                    Select a Option
                </option>
                @foreach ($option as $eachoption)
                    <option value="{{ $eachoption[$defaultkey] }}">
                        @if (count($defaultvalue) == 1)
                            {{ $eachoption[$defaultvalue[0]] }}
                        @else
                            @foreach ($defaultvalue as $key => $eachdefaultvalue)
                                @if ($key == 0)
                                    {{ $eachoption[$eachdefaultvalue] }}
                                @else
                                    | {{ $eachoption[$eachdefaultvalue] }}
                                @endif
                            @endforeach
                        @endif
                    </option>
                @endforeach
            </select>
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('textarea')
        <div class="{{ $col }} mb-3">
            @if ($labelname)
                <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @endif
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <textarea wire:model.lazy="{{ $fieldname }}" class="form-control" id="{{ $labelidname }}"
                @if (isset($rows)) rows="{{ $rows }}" @else rows="2" @endif
                @if (isset($placeholder)) placeholder="{{ $placeholder }}" @endif></textarea>
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('formswitch')
        <div class="{{ $col }} mb-3">
            @if ($labelname)
                <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @endif
            <div class="form-check form-switch">
                <input wire:model="{{ $fieldname }}" class="form-check-input border-primary" type="checkbox"
                    id="{{ $labelidname }}">
            </div>
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('file')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <input wire:model="{{ $fieldname }}" type="file" @if (isset($mimetype) && $mimetype == 'image') accept="image/*" @endif
                @if (isset($multiple) && $multiple) multiple @endif
                class="form-control {{ isset($is_uploaded) && $is_uploaded ? 'is-valid' : '' }}" id="{{ $labelidname }}">
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('password')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <input wire:model.lazy="{{ $fieldname }}" type="password" class="form-control" id="{{ $labelidname }}">
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('date')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <input wire:model.lazy="{{ $fieldname }}" type="date" class="form-control" id="{{ $labelidname }}"
                @if (isset($readonly) && $readonly) readonly @endif>
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('time')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <input wire:model.lazy="{{ $fieldname }}" type="time" class="form-control" id="{{ $labelidname }}">
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('email')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <input wire:model.lazy="{{ $fieldname }}" type="email" class="form-control" id="{{ $labelidname }}">
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('toggle')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <div class="form-check form-switch">
                <input wire:model.lazy="{{ $fieldname }}" class="form-check-input" id="{{ $labelidname }}"
                    type="checkbox" role="switch" id="flexSwitchCheckDefault" />
            </div>
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('sup')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}<sup>{{ $sup }}</sup></label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <input wire:model.lazy="{{ $fieldname }}" type="text" class="form-control" id="{{ $labelidname }}"
                @if (isset($readonly) && $readonly) readonly @endif>
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('iconinput')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1">{{ $icon }}</span>
                <input wire:model.lazy="{{ $fieldname }}" type="text" class="form-control" id="{{ $labelidname }}"
                    @if (isset($readonly) && $readonly) readonly @endif>
            </div>
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('uominput')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            @if ($required)
                <span class="text-danger fw-bold">*</span>
            @endif
            <div class="input-group mb-3">
                <input wire:model="{{ $fieldname }}" type="text" class="form-control" id="{{ $labelidname }}"
                    @if (isset($readonly) && $readonly) readonly @endif>
                <span class="input-group-text" id="basic-addon1">{{ $icon }}</span>
            </div>
            @error($fieldname)
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    @break

    @case('labletext')
        <div class="{{ $col }} mb-3">
            <label for="{{ $labelidname }}" class="form-label">{{ $labelname }}</label>
            <div class="mb-3">
                <input value="{{ $value }}" type="text" class="form-control" id="{{ $labelidname }}"
                    readonly>
            </div>
        </div>
    @break

    @default
        <span>Something went wrong, please try again</span>
@endswitch