<div>
    <x-slot:title>
        Shared Variables | Coolify
    </x-slot>
    <div class="flex items-start gap-2">
        <h1>Shared Variables</h1>
    </div>
     <div class="subtitle">Set Team / Project / Environment / Server wide variables.</div>

     <div class="flex flex-col gap-2 -mt-1">
         <a class="coolbox group" href="{{ route('shared-variables.team.index') }}" {{ wireNavigate() }}>
             <div class="flex flex-col justify-center mx-6">
                 <div class="box-title">Team wide</div>
                 <div class="box-description">Usable for all resources in a team.</div>
             </div>
         </a>
         <a class="coolbox group" href="{{ route('shared-variables.project.index') }}" {{ wireNavigate() }}>
             <div class="flex flex-col justify-center mx-6">
                 <div class="box-title">Project wide</div>
                 <div class="box-description">Usable for all resources in a project.</div>
             </div>
         </a>
         <a class="coolbox group" href="{{ route('shared-variables.environment.index') }}" {{ wireNavigate() }}>
             <div class="flex flex-col justify-center mx-6">
                 <div class="box-title">Environment wide</div>
                 <div class="box-description">Usable for all resources in an environment.</div>
             </div>
         </a>
         <a class="coolbox group" href="{{ route('shared-variables.server.index') }}" {{ wireNavigate() }}>
             <div class="flex flex-col justify-center mx-6">
                 <div class="box-title">Server wide</div>
                 <div class="box-description">Usable for all resources in a server.</div>
             </div>
         </a>

     </div>
</div>
