@php $placeholder = $field->placeholder.($field->required == 1 ? " *" : ""); @endphp
<div class="row mt25 @if(isset($field->class)) {{$field->class}} @endif">
  @if(isset($field->multiple) && $field->multiple)
    @php $foto_loaded = (isset($steps->data->foto) ? count($steps->data->foto) : 0); @endphp
    <div id="uploaded_file" @if(isset($steps->data->foto) && count($steps->data->foto) > 0) style="display:block" @endif>
      @if(isset($steps->data->foto))
        @for($f = 0; $f < count($steps->data->foto); $f++)
          <div class="upload_image" num="{{($f+1)}}" id="upload_image_{{($f+1)}}">
            <div class="image">
              <img src="{{asset('img/attivita/'.$user->id.'/foto/'.$steps->data->foto[$f]->foto)}}" />
            </div>
            <span>{{$steps->data->foto[$f]->foto}}</span>
            <a href="javascript:deleteUploadedCompletedImage('foto_id_{{$steps->data->foto[$f]->id}}_a')" id="foto_id_{{$steps->data->foto[$f]->id}}_a" data-fieldid="{{$field->id}}" data-inputloaded="#add_multiple_btn" data-image="#upload_image_{{($f+1)}}" data-target="#foto_id_{{$steps->data->foto[$f]->id}}"><i class="fa fa-trash-o"></i></a>
            <input type="hidden" id="foto_id_{{$steps->data->foto[$f]->id}}" name="foto_id[]" value="{{$steps->data->foto[$f]->id}}" />
          </div>
        @endfor
      @endif
    </div>
    <div number="{{$field->number}}" loaded="{{$foto_loaded}}" placeholder="{{base64_encode($placeholder)}}" class="input upload @if(isset($field->icon) && trim($field->icon) != '') icon @endif">
      <span class="placeholder">{{$placeholder}} <font>({{$foto_loaded}}/{{$field->number}})</font></span>
      <a tabindex="{{($tabindex+1)}}" max="{{$field->number}}" class="multiple" href="javascript:void(0)" onclick="addMultipleFile()" id="add_multiple_btn" idel="{{$field->id}}"></a>
      @if(isset($field->icon) && trim($field->icon) != '') <i class="{{$field->icon}}"></i> @endif
    </div>
    <input type="hidden" id="{{$field->id}}_number" name="{{$field->id}}_number" value="0" />
  @else
    <div placeholder="{{base64_encode($placeholder)}}" class="input upload @if(isset($field->icon) && trim($field->icon) != '') icon @endif">
      <div class="placeholder_custom" id="{{$field->id}}_placeholder_custom"  data-origin="{{$placeholder}}" data-fill="{{ $field->placeholder_change ?? 'Sostituisci foto' }}">
        {{ (isset($field->value) && trim($field->value) != '') ? ($field->placeholder_change ?? 'Sostituisci foto') : $placeholder}}
      </div>
      <input type="hidden" id="{{$field->id}}_imagebase64" name="{{$field->id}}_imagebase64">
      <input tabindex="{{($tabindex+1)}}" data-cropper="#cropper_{{$field->id}}" data-anteprima_old="anteprima_img_{{$field->id}}" accept="image/*" class="hide" required="{{$field->required}}" type="{{$field->type}}" id="{{$field->id}}" name="{{$field->id}}" onchange="changeFileUpload(event, this.id)" />
      @if(isset($field->icon) && trim($field->icon) != '') <i class="{{$field->icon}}"></i> @endif
    </div>
    @if(isset($field->note)) <!--<div class="note_dimension">{{ $field->note }}</div>--> @endif
    <div id="anteprima_img_{{$field->id}}" class="anteprima_img">
      @if(isset($field->value) && trim($field->value) != '' && isset($user->id))
        <div class="upload_image">
          <div class="image">
            @if(isset($field->direct_file)) <img src="{{$field->value}}" />
            @else <img src="{{ asset('img/attivita/'.$user->id.'/'.$field->value)}}" /> @endif
          </div>
          <span>{{$placeholder}}</span>
          <div class="delete_foto" data-target="#{{$field->id}}"><i class="fa fa-trash-o"></i></div>
        </div>
      @endif
    </div>
    <div class="show_upload_preview" style="display: none">
      <img src="" id="{{$field->id}}_imgbase64">
      <div class="delete_foto" data-target="#{{$field->id}}"><i class="fa fa-trash-o"></i></div>
      <input type="hidden" name="{{$field->id}}_imagebase64_delete" id="{{$field->id}}_imagebase64_delete" value="no">
    </div>
    <div class="group_main_cropper">
      <div id="cropper_{{$field->id}}" class="main-cropper" data-figure="{{ $field->figure ?? 'square' }}" data-width="{{ $field->dim_width ?? '' }}" data-height="{{ $field->dim_height ?? '' }}"></div>
      <div id="cropper_{{$field->id}}_btn" class="main-cropper"><p class="btn"><a href="javascript:void(0);" class="bottone btn-cropper" data-target="#cropper_{{$field->id}}" data-target_input="#{{$field->id}}" data-target_img="#{{$field->id}}_imgbase64">Conferma immagine</a></p></div>
    </div>
  @endif
</div>