@php
    $icon = 'bi bi-file-earmark';
    if ($asset->type === 'css') {
        $icon = 'bi bi-filetype-css';
    } elseif ($asset->type === 'js') {
        $icon = 'bi bi-filetype-js';
    } elseif ($asset->type === 'image') {
        $icon = 'bi bi-filetype-raw';
    }

    $sizeFormatted = $asset->file_size > 1048576
        ? round($asset->file_size / 1048576, 2) . ' MB'
        : round($asset->file_size / 1024, 1) . ' KB';
@endphp

<div class="card shadow-sm border-0 mb-3 bp-asset-card" data-asset-id="{{ $asset->id }}" data-asset-type="{{ $asset->type }}">
    <div class="card-body">
        <div class="d-flex align-items-start justify-content-between gap-3">
            <div class="d-flex align-items-center gap-3 flex-grow-1 min-width-0">
                <i class="{{ $icon }} fs-3 text-primary flex-shrink-0"></i>
                <div class="min-width-0">
                    <h6 class="mb-0 text-truncate fw-bold">{{ $asset->original_name }}</h6>
                    <small class="text-muted">
                        {{ ucfirst($asset->type) }} &middot; {{ $sizeFormatted }}
                        &middot; {{ $asset->created_at->format('d/m/Y H:i') }}
                    </small>
                </div>
            </div>

            <div class="d-flex align-items-center gap-2 flex-shrink-0">
                <button type="button"
                        class="btn btn-outline-secondary btn-sm copy-snippet-btn"
                        title="Copiar snippet"
                        data-snippet="{{ $asset->snippet }}">
                    <i class="bi bi-clipboard"></i> Copiar
                </button>

                <form action="{{ route('v2.basicpage.assets.delete', ['id' => $asset->id]) }}"
                      method="POST"
                      class="d-inline"
                      onsubmit="return confirm('Tem certeza que deseja remover este asset?');">
                    {{ csrf_field() }}
                    <button type="submit" class="btn btn-outline-danger btn-sm" title="Remover asset">
                        <i class="bi bi-trash"></i>
                    </button>
                </form>
            </div>
        </div>

        @php $_snip = htmlspecialchars($asset->snippet, ENT_QUOTES, 'UTF-8'); @endphp
        <div class="mt-1 bp-snippet-bar d-flex align-items-center gap-1 bg-light border rounded px-2 py-1"
             role="button"
             class="cursor-pointer"
             title="Clique para copiar o snippet"
             data-snippet="{{ $_snip }}">
            <code class="flex-grow-1 text-truncate small text-muted mb-0">{{ $asset->snippet }}</code>
            <i class="bi bi-clipboard flex-shrink-0 text-primary small bp-copy-icon"></i>
        </div>
    </div>
</div>