<div> <div class="flex gap-2"> <h1>Shared Variables for {{data_get($project,'name')}}</h1> <x-modal-input buttonTitle="+ Add" title="New Shared Variable"> <livewire:project.shared.environment-variable.add :shared="true" /> </x-modal-input> </div> <div class="flex flex-wrap gap-1 subtitle"> <div>You can use these variables anywhere with</div> <div class="dark:text-warning text-coollabs">@{{ project.VARIABLENAME }} </div> <x-helper helper="More info <a class='underline dark:text-white' href='https://coolify.io/docs/knowledge-base/environment-variables#shared-variables' target='_blank'>here</a>."></x-helper> </div> <div class="flex flex-col gap-2"> @forelse ($project->environment_variables->sort()->sortBy('key') as $env) <livewire:project.shared.environment-variable.show wire:key="environment-{{ $env->id }}" :env="$env" type="project" /> @empty <div>No environment variables found.</div> @endforelse </div> </div>