@php
    $references = $graph->edges
    ->filter(fn($edge) =>  $edge->field === $field->name && $edge->source === $record->id)
    ->map(fn($edge) =>  $graph->records->firstWhere("id", $edge->target));

    $collectionSchemas = $schemas->whereIn("name",$field->collections);
@endphp

@if(count($field->collections)  === 1)
    <button class="button" data-open-modal="{{$field->collections[0]}}">Browse</button>
@else
    <x-lucent::dropdown>
        Browse
        <x-slot:items>
            @foreach($collectionSchemas as $collectionSchema)
                <a class="dropdown-item" data-open-modal="{{$collectionSchema->name}}" href="/">{{$collectionSchema->label}}</a>
            @endforeach
        </x-slot:items>
    </x-lucent::dropdown>
@endif

@if ($references->isNotEmpty())
    <div class="sortable-container mt-3">
        @foreach($references as $reference)
            <!--This div helps the sorting thing-->
            <div>
                @include("lucent::records-editor.fields.file.preview", ["record" => $reference])
            </div>
        @endforeach
    </div>
@endif