MAINHACK

Viewing / Editing File: file.blade.php

@props([
'name' => '',
'label' => '',
'id' => 'imageInput',
'value' => '',
'required' => false,
'col' => 'col-lg-6',
'class' => '',
])

<div class="{{ $col }} input-component mb-2">
    <label for="{{ $id }}" class="form-label fw-bold">
        {{ translate($label) }} @if($required) <span class="text-danger">*</span> @endif
    </label>
    <div class="d-flex gap-1 align-content-center">
        <div class="preview-image">
            @if(!empty($value))
                <img src="{{ asset('storage/'.$value) }}" id="imagePreview" class="rounded-3" height="40" width="40" alt="">
            @else
                <img src="{{ asset('assets/img/no-image.png') }}" id="imagePreview" class="rounded-3" height="40" width="40" alt="">
            @endif
        </div>
        <input
            accept="image/*"
            type="file"
            id="imageInput"
            class="form-control {{ $class }}"
            name="{{ $name }}"
            value="{{ $value }}"
        >
    </div>
    {{ $slot }}
    @error($name)
    <span class="text-danger"><i class="fas fa-warning"></i> {{ $message }}</span>
    @enderror
</div>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: file.blade.php

Server Info

System Features

User Info