@if(in_array($attachment->type, MediaType::IMAGE['ext']))
<div class="col-md-3 col-6" style="margin: 10px 0">
     <img style="cursor: pointer;" src="{{$link}}" class="mx-auto d-block img-thumbnail select-img" id-attachment="{{$attachment->id}}" alt="{{$attachment->filename}}">
</div>
@elseif(in_array($attachment->type, MediaType::DOCUMENT['ext']))
<li class="list-group-item d-flex justify-content-between align-items-center">
    <span>{{$attachment->filename}}<br /><small>{{$attachment->type}}</small></span>
    <div>
    	<a target="_blank" href="{{$link}}"><button class="btn btn-info btn-icon btn-sm"><i class="mdi mdi-eye"></i></button></a>
    	<button class="btn btn-icon btn-danger remove-attachments" id-attachment="{{$attachment->id}}"><i class="mdi mdi-delete"></i></button> 
    </div>
    
  </li>
@elseif(in_array($attachment->type, MediaType::VIDEO['ext']))
<div class="col-md-4 col-12" style="margin: 10px 0" id="gallery-media-{{$attachment->id}}">

	@if($attachment->flag == AttachmentFlag::LOCAL)
	<div class="section d-flex justify-content-center embed-responsive embed-responsive-21by9">
	  <video class="embed-responsive-item" controls>
	        <source src="{{ $link }}" type="{{$attachment->type}}">
	        Your browser does not support the video tag.</video>
	      </video>
	</div>
	@else
	<div class="embed-responsive embed-responsive-16by9">
		<iframe class="embed-responsive-item"  title="{{$attachment->filename}}" src="{{$link}}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
	</div>
	@endif
	<button class="btn btn-icon remove-attachments" id-attachment="{{$attachment->id}}"><i class="mdi mdi-delete text-danger"></i></button> 
	@if(isset($attachment->getThumbnail))
	<button class="btn btn-icon" data-toggle="modal" data-target="#modal-media-{{$attachment->id}}"><i class="mdi mdi-image text-info"></i></button>
	@else
	<button class="btn btn-icon add-thumbnail" id-attachment="{{$attachment->id}}"><i class="mdi mdi-image text-default"></i></button>
	@endif 

@if(isset($attachment->getThumbnail))
<div class="modal" id="modal-media-{{$attachment->id}}">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
	          <h4 class="modal-title">Thumbnail</h4>
	          <button type="button" class="close" data-dismiss="modal">&times;</button>
	        </div>
	        <div class="modal-body">
	        	<x-initial-image-attachment :attachment="$attachment->getThumbnail" />
	        </div>
	        <div class="modal-footer">
	        	<button class="btn btn-danger remove-thumbnail" id-attachment="{{$attachment->id}}"><i class="mdi mdi-delete"></i>Hapus</button> 
	        </div>
		</div>
	</div>
</div>
@endif
</div>


@endif