@extends('layouts.app')
@section('title', 'Companies — InLynq')
@section('heading', 'Companies')

@section('content')
<x-iq.page-head title="Companies">
  <x-slot:sub>Businesses you own or founded. Each gets its own card on your profile.</x-slot:sub>
  @include('dashboard.partials.limit-note', ['count' => $companies->count()])
  @if ($canCreate)
    <a class="iq-btn iq-btn-primary" href="{{ route('companies.create') }}"><x-iq.icon name="plus" /> Add company</a>
  @else
    <a class="iq-btn iq-btn-primary" href="{{ route('checkout.show', 'pro-yearly') }}">Upgrade for more companies</a>
  @endif
</x-iq.page-head>

@if ($companies->isEmpty())
  <x-iq.empty icon="building" title="No companies added yet." action="Add your first company" :href="route('companies.create')">Add the businesses you own or founded. Each gets its own card on your profile.</x-iq.empty>
@else
  <div class="iq-stack" style="gap:8px" data-reorder-url="{{ route('reorder', 'companies') }}">
    @foreach ($companies as $c)
      <div class="iq-dragrow {{ $c->is_visible ? '' : 'is-hidden' }}" data-id="{{ $c->id }}" style="height:auto;padding:12px 12px 12px 8px">
        <span class="grip"><x-iq.icon name="grip" /></span>
        <x-iq.tile :name="$c->name" :src="$c->logo_url" size="sm" />
        <span class="lbl"><a href="{{ route('companies.edit', $c) }}" class="app-link-reset">{{ $c->name }}</a>
          <span class="iq-meta" style="display:flex">{{ collect([$c->industry, $c->role?->label(), $c->products_count.' '.\Illuminate\Support\Str::plural('product', $c->products_count)])->filter()->implode(' · ') }}</span></span>
        <span class="acts">
          @if ($c->is_verified)<x-iq.verify label="Verified business" />
          @elseif ($c->verification_status?->isOpen())<x-iq.verify state="pending" />@endif
          <a class="iq-btn iq-btn-quiet iq-btn-icon iq-btn-sm" href="{{ route('companies.edit', $c) }}" aria-label="Edit {{ $c->name }}"><x-iq.icon name="edit" /></a>
        </span>
      </div>
    @endforeach
  </div>
@endif
@endsection