{{-- Company creator (design: Screens · Dashboard / Company creator). --}}
@extends('layouts.app')
@section('title', ($company->exists ? $company->name : 'Add company').' — InLynq')
@section('heading', 'Companies')

@section('content')
<form method="POST" action="{{ $company->exists ? route('companies.update', $company) : route('companies.store') }}" enctype="multipart/form-data" data-card-preview>
  @csrf @if($company->exists) @method('PUT') @endif

  <x-iq.page-head :title="$company->exists ? $company->name : 'Add company'" crumb="Companies" :crumb-href="route('companies.index')">
    <a class="iq-btn iq-btn-quiet" href="{{ route('companies.index') }}">Cancel</a>
    <button class="iq-btn iq-btn-primary">{{ $company->exists ? 'Save changes' : 'Add to profile' }}</button>
  </x-iq.page-head>

  <div class="app-creator">
    <div>
      <x-iq.form-group title="Basics" description="How the company appears on your profile.">
        <div class="iq-field" style="grid-column:1/-1"><label class="iq-label">Logo <span class="opt">Optional</span></label>
          <x-iq.upload name="logo" :src="$company->logo_url" help="Square, 256px+. PNG, JPG or WebP." /></div>
        <x-iq.field label="Company name" name="name"><x-iq.input name="name" :value="$company->name" required maxlength="120" data-preview-bind="name" /></x-iq.field>
        <x-iq.field label="Website" name="website" optional><x-iq.affix name="website" prefix="https://" :value="preg_replace('#^https?://#', '', (string) $company->website)" placeholder="example.com" /></x-iq.field>
        <x-iq.field label="Description" name="description" :counter="mb_strlen((string) $company->description).' / 160'" span help="One sentence on what it does, e.g. Marketing for B2B logistics companies.">
          <x-iq.textarea name="description" :value="$company->description" max="160" style="min-height:72px" data-preview-bind="description" /></x-iq.field>
      </x-iq.form-group>

      <x-iq.form-group title="Details" description="Used for discovery filters and the card meta line.">
        <x-iq.field label="Industry" name="industry" optional><x-iq.input name="industry" :value="$company->industry" list="industries" maxlength="60" data-preview-bind="industry" />
          <datalist id="industries">@foreach (['Marketing', 'Logistics', 'Fintech', 'SaaS', 'Agritech', 'Fashion', 'Health', 'Education', 'E-commerce', 'Media', 'Creator economy', 'Holding company'] as $i)<option value="{{ $i }}">@endforeach</datalist></x-iq.field>
        <x-iq.field label="Location" name="location" optional><x-iq.input name="location" :value="$company->location" placeholder="Lagos, Nigeria" data-preview-bind="location" /></x-iq.field>
        <x-iq.field label="Founded" name="founded_at" optional help="Shown as years building on your profile."><x-iq.input type="month" name="founded_at" :value="$company->founded_at?->format('Y-m')" /></x-iq.field>
        <x-iq.field label="Status" name="status"><x-iq.select name="status" :options="$statuses" :value="$company->status" /></x-iq.field>
        <x-iq.field label="Your role" name="role"><x-iq.select name="role" :options="$roles" :value="$company->role" data-preview-bind="role" /></x-iq.field>
        <x-iq.field label="Co-founders" name="cofounders" optional help="Linking other InLynq profiles is coming soon."><input class="iq-input" disabled placeholder="Search InLynq profiles"></x-iq.field>
        <label class="iq-row" style="gap:12px;font-size:14px;grid-column:1/-1"><x-iq.switch name="is_visible" :checked="$company->is_visible ?? true" /> Show on my profile</label>
      </x-iq.form-group>

      @if ($company->exists)
      <x-iq.form-group title="Metrics" description="Show one on the card; the rest are kept for verification and later company pages.">
        @include('dashboard.partials.metric-rows', ['metrics' => $company->metrics, 'addUrl' => route('metrics.create', ['company' => $company->id])])
      </x-iq.form-group>
      @endif

      <x-iq.form-group title="Social links" description="Kept with the company for its future page.">
        <x-iq.field label="LinkedIn" name="social_linkedin" optional><x-iq.input name="social_linkedin" :value="$socials['linkedin'] ?? null" placeholder="linkedin.com/company/…" /></x-iq.field>
        <x-iq.field label="X" name="social_x" optional><x-iq.input name="social_x" :value="$socials['x'] ?? null" placeholder="x.com/…" /></x-iq.field>
        <x-iq.field label="Instagram" name="social_instagram" optional><x-iq.input name="social_instagram" :value="$socials['instagram'] ?? null" placeholder="instagram.com/…" /></x-iq.field>
      </x-iq.form-group>

      <x-iq.form-group title="Verification" description="Proves the business is real and that you run it.">
        <div style="grid-column:1/-1" class="iq-stack">
          @if ($company->is_verified)
            <x-iq.verify label="Verified business" style="align-self:flex-start" />
          @elseif ($company->verification_status?->isOpen())
            <x-iq.verify state="pending" label="In review" style="align-self:flex-start" />
          @else
            <div class="iq-banner"><x-iq.icon name="shield" /><div><b>Verify with CAC or a domain email.</b> Upload your CAC certificate, or confirm an email at your company's domain.</div></div>
            @if ($company->exists)<a class="iq-btn iq-btn-secondary iq-btn-sm" style="align-self:flex-start" href="{{ route('verification.index', ['company' => $company->id]) }}#request"><x-iq.icon name="upload" /> Start verification</a>
            @else<p class="iq-help" style="margin:0">Save the company first, then request verification.</p>@endif
          @endif
        </div>
      </x-iq.form-group>

      <div class="app-formactions">
        <a class="iq-btn iq-btn-quiet" href="{{ route('companies.index') }}">Cancel</a>
        <button class="iq-btn iq-btn-primary">{{ $company->exists ? 'Save changes' : 'Add to profile' }}</button>
      </div>
    </div>

    <aside class="app-creator-aside">
      <span class="iq-overline">Card preview</span>
      <article class="iq-card iq-entity">
        <div class="iq-card-head"><x-iq.tile :name="$company->name ?: 'C'" :src="$company->logo_url" />
          <div style="flex:1;min-width:0"><h3 class="iq-card-title" data-preview="name">{{ $company->name ?: 'Company name' }}</h3>
            <div class="iq-meta"><span data-preview="industry">{{ $company->industry ?: 'Industry' }}</span><span class="sep"></span><span data-preview="location">{{ $company->location ? \Illuminate\Support\Str::before($company->location, ',') : 'City' }}</span><span class="sep"></span><span data-preview="role">{{ $company->role?->label() ?? 'Founder' }}</span></div></div></div>
        <p class="iq-card-desc" data-preview="description">{{ $company->description ?: 'One sentence on what it does.' }}</p>
        @php($card = $company->exists ? $company->metrics->firstWhere('show_on_card', true) : null)
        <div class="iq-row" style="justify-content:space-between;margin-top:auto">
          @if ($company->is_verified)<x-iq.verify label="Verified business" />@elseif($company->verification_status?->isOpen())<x-iq.verify state="pending" />@else<x-iq.verify state="none" />@endif
          @if ($card)<div class="iq-kv"><span class="v">{{ $card->is_public ? $card->formatted_value : 'Private' }}</span><span class="k">{{ $card->name }}</span></div>@endif
        </div>
      </article>
      <p class="iq-muted" style="margin:0;font-size:13px">Updates as you type. Verification shows once approved.</p>
    </aside>
  </div>
</form>

@if ($company->exists)
<form method="POST" action="{{ route('companies.destroy', $company) }}" style="margin-top:32px" data-confirm="Delete {{ $company->name }}?" data-confirm-body="It will be removed from your profile the next time you publish. Its metrics go with it." data-confirm-action="Delete company">
  @csrf @method('DELETE')<button class="iq-btn iq-btn-danger iq-btn-sm"><x-iq.icon name="trash" /> Delete company</button>
</form>
@endif
@endsection