@props(['file'])

<div class="card file-card h-100">
    <div class="card-body">
        <div class="d-flex align-items-start mb-3">
            <div class="file-icon me-3">
                <i class="fas {{ $file->isImage() ? 'fa-image text-primary' : ($file->isVideo() ? 'fa-video text-danger' : 'fa-file text-secondary') }} fa-2x"></i>
            </div>
            <div class="file-info flex-grow-1">
                <h6 class="card-title mb-1 text-truncate" title="{{ $file->file_name }}">
                    {{ $file->file_name }}
                </h6>
                <small class="text-muted">.{{ $file->extension }}</small>
            </div>
        </div>
        
        <div class="file-meta small text-muted mb-3">
            <div><i class="fas fa-hdd me-1"></i> {{ $file->file_size_formatted }}</div>
            <div><i class="fas fa-clock me-1"></i> {{ $file->created_at->diffForHumans() }}</div>
            <div>
                <i class="fas fa-user me-1"></i> {{ $file->owner->name }}
            </div>
        </div>
        
        <div class="file-visibility mb-3">
            <span class="badge bg-{{ $file->visibility == 'public' ? 'success' : ($file->visibility == 'private' ? 'danger' : 'warning') }}">
                {{ ucfirst($file->visibility) }}
            </span>
        </div>
    </div>
    
    <div class="card-footer bg-transparent">
        <div class="btn-group w-100">
            <a href="{{ route('files.download', $file) }}" 
               class="btn btn-outline-primary btn-sm" 
               title="Download">
                <i class="fas fa-download"></i>
            </a>
            
            @if($file->owner_user_id == auth()->id() || auth()->user()->isAdmin())
                <button type="button" 
                        class="btn btn-outline-secondary btn-sm" 
                        data-bs-toggle="modal" 
                        data-bs-target="#visibilityModal{{ $file->id }}"
                        title="Change Visibility">
                    <i class="fas fa-eye"></i>
                </button>
                
                <form action="{{ route('files.destroy', $file) }}" 
                      method="POST" 
                      class="d-inline"
                      onsubmit="return confirm('Are you sure you want to delete this file?')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-outline-danger btn-sm" title="Delete">
                        <i class="fas fa-trash"></i>
                    </button>
                </form>
            @endif
        </div>
    </div>
</div>