@php
$user = request()->user();
$number = random_int(1, 9999999999999999);
$name = isset($name)?$name:'file';
@endphp
<style nonce="{{ csp_nonce() }}">
.file-link{
  line-break: anywhere;
}
</style>
  @isset($model->{$name.'_display_name'})
  @php
  $url = route('user.file',['user'=>$user->id, 'slug'=>$slug, 'filename'=>$model->{$name.'_name'}]);
  @endphp
  <div class="col-12 offset-sm-1 col-sm-10 offset-md-2 col-md-8 mb-3 file-check-{{$number}}">
    <div class="row">
      <div class="col-9 col-sm-9 text-left">
        <a class="file-link" target="_blank" href="{{$url}}">{{ $model->{$name.'_display_name'} }}</a>
      </div>
      <div class="col-3 col-sm-3">
        <div class="btn btn-sm btn-secondary file-reset" data-random="{{$number}}">重選</div>
      </div>
    </div>
  </div>
  @endisset
  <div class="offset-1 col-10 offset-sm-2 col-sm-8 offset-md-4 col-md-4 mb-3 @isset($model->{$name.'_display_name'}) hidden file-reset-{{$number}} @endisset">
    <label class="upfileLabel btn btn-info" for="{{$name}}">
      <i class="fa fa-file-alt mr-2"></i>選擇檔案
    </label>
    <input id="{{$name}}" class="upfileInput {{ $errors->has($name) ? ' is-invalid' : '' }}" type="file" name="{{$name}}" @isset($mimes) accept="{{$mimes}}" @endisset hidden>
    <input id="{{$name}}_display_name" type="text" name="{{$name}}_display_name" value="{{$model->{$name.'_display_name'} ?? null}}" hidden>
    <input id="{{$name}}_name" type="text" name="{{$name}}_name" value="{{$model->{$name.'_name'} ?? null}}" hidden>
    @if ($errors->has($name))
      @foreach($errors->get($name) as $error)
      <div class="invalid-feedback">
        {{ $error }}
      </div>
      @endforeach
    @endif
  </div>