@if($deviation->evidences->isEmpty())
    <div class="alert alert-info mb-0">No evidence files uploaded yet.</div>
@else
    <div class="row">
        @foreach($deviation->evidences as $ev)
            <div class="col-md-4 mb-3">
                <div class="card h-100">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-2">
                            <i class="fas fa-file-alt fa-2x text-primary mr-3"></i>
                            <div class="flex-grow-1">
                                <h6 class="mb-0">{{ $ev->file_name }}</h6>
                                <small class="text-muted">
                                    {{ number_format($ev->file_size / 1024, 1) }} KB
                                </small>
                            </div>
                        </div>
                        <span class="badge badge-info">{{ $ev->evidence_type }}</span>
                        <div class="mt-2">
                            <a href="{{ route('deviations.evidence.download', $ev) }}"
                               class="btn btn-sm btn-info">
                                <i class="fas fa-download"></i> Download
                            </a>
                            <form method="POST"
                                  action="{{ route('deviations.evidence.destroy', $ev) }}"
                                  class="d-inline"
                                  onsubmit="return confirm('Delete evidence?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-danger">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endif