@props(['wrapper' => false, 'name', 'value', 'label', 'hint', 'id' => Str::random(10), 'width' => ''])

@if ($wrapper == false)
    <div class="hero-contents-wrapper w-100 mb-48">
        <div class="single-img-wrapper {{ $width }}">
            <p class="title"> {{ $label }}</p>
            <label for="{{ $id }}" class="{{ $width }}">
                <img class="hero-img" src="{{ $value ? showPhoto($value) : showPhoto('') }}" alt="hero-img">
            </label>
            <input class="d-none img-input" name="{{ $name }}" type="file" id="{{ $id }}">
            <label class="choose-img-label view_filename" style="cursor: pointer" for="{{ $id }}">Choose
                Image</label>
            @error($name)
                <span class="error-msg">{{ $message }}</span>
            @else
                <span class="hint-msg">{{ $hint ?? '' }}</span>
            @enderror
        </div>
    </div>
@else
    <div class="single-img-wrapper">
        <p class="title"> {{ $label }}</p>
        <label for="{{ $id }}">
            <img class="hero-img" src="{{ $value ? showPhoto($value) : showPhoto('') }}" alt="hero-img">
        </label>
        <input class="d-none img-input" name="{{ $name }}" type="file" id="{{ $id }}">
        <label class="choose-img-label  view_filename" style="cursor: pointer" for="{{ $id }}">Choose
            Image</label>
        @error($name)
            <span class="error-msg">{{ $message }}</span>
        @else
            <span class="hint-msg">{{ $hint ?? '' }}</span>
        @enderror
    </div>
@endif