@if ($label !== false)
    @php
    $divclose = '</div>';
    $optional = ($optional) ? ' <small class="text-muted">( Opsional )</small>' : '';
    @endphp

    <div class="form-group {{ @$errors->has(@$attributes['name']) ? 'has-error' : '' }}">
        <label>{{ $label }}{!! $optional !!}</label>
@endif

@if ($accept_file == 'file')
    <input type="file"{{ $attributes->merge(['class' => 'form-control']) }}>
@else
    <br>
    <img class="img-thumbnail img-default-photo" src="{{ route('attachment.get', ['id' => Common::encrypt((empty($image_default)) ? 0 : $image_default), 'render' => $image_render]) }}" style="height: {{ $image_height }};">
    <img class="img-thumbnail img-photo" style="height: {{ $image_height }};">

    <input type="file"{{ $attributes->merge(['class' => 'form-control']) }} />
@endif

@if (!empty($info))
    <small class="text-muted">{{ $info }}</small>
@endif

@if (@$errors->has(@$attributes['name']) && $label !== false)
    @foreach ($errors->get(@$attributes['name']) as $message)
        <p class="text-danger">{{ ucfirst($message) }}</p>
    @endforeach
@endif

{!! @$divclose !!}

@if ($accept_file == 'image')
    @push('scripts')
    @once
    <script>$(".img-photo").hide()</script>
    @endonce

    <script>
    $("#{{ $attributes->get('id') }}").change(function(){
        var oFReader = new FileReader()
        var div = $(this).closest("div")

        oFReader.readAsDataURL(document.getElementById("{{ $attributes->get('id') }}").files[0])
        oFReader.onload = function (oFREvent) {
            div.find(".img-default-photo").hide()
            div.find(".img-photo").attr("src", oFREvent.target.result).show()
        }
    })
    </script>
    @endpush
@endif