@extends('layouts.portal')
@section('title', 'Employers')
@section('subtitle', 'Partner companies that post roles and hire INFOTICS graduates. Each company signs in with a hiring-manager login.')
@section('actions')
  <button class="btn btn-primary btn-sm" type="button" data-modal-open="#emp-new"><x-icon name="plus" :size="16"/> Add employer</button>
@endsection

@section('content')
@php
  $open = old('_modal');
  $sizes = ['1-10', '11-50', '51-200', '201-500', '501-1000', '1000+'];
  $approved = $employers->where('status', 'approved')->count();
  $waiting = $employers->where('status', 'pending')->count();
  $suspended = $employers->where('status', 'suspended')->count();
@endphp

<div class="kpis">
  <div class="card kpi"><span class="ico"><x-icon name="building" :size="22"/></span><span>Companies</span><b>{{ $employers->count() }}</b><small>{{ $approved }} approved</small></div>
  <div class="card kpi {{ $waiting ? 'amber' : '' }}"><span class="ico"><x-icon name="clock" :size="22"/></span><span>Awaiting approval</span><b>{{ $waiting }}</b><small>{{ $waiting ? 'Approve to let them post jobs' : 'Nothing waiting' }}</small></div>
  <div class="card kpi green"><span class="ico"><x-icon name="briefcase" :size="22"/></span><span>Open postings</span><b>{{ $employers->sum('open_jobs_count') }}</b><small>{{ $employers->sum('jobs_count') }} postings in total</small></div>
  <div class="card kpi {{ $suspended ? 'red' : 'violet' }}"><span class="ico"><x-icon name="{{ $suspended ? 'shield-alert' : 'users' }}" :size="22"/></span><span>{{ $suspended ? 'Suspended' : 'Hiring managers' }}</span><b>{{ $suspended ?: $employers->sum('users_count') }}</b><small>{{ $suspended ? 'Cannot sign in or post' : 'Employer logins' }}</small></div>
</div>

@if($employers->isEmpty())
  <div class="panel"><x-empty icon="building" title="No employers yet" text="Add a company and its hiring manager. They will get an email to set their password and can start posting roles."><button class="btn btn-primary btn-sm" type="button" data-modal-open="#emp-new">Add employer</button></x-empty></div>
@else
<div class="filters">
  <div class="searchbox"><x-icon name="search" :size="18"/><input class="input" type="search" placeholder="Filter by company, industry or contact" aria-label="Filter employers" data-filter="#emp-rows" data-filter-item="tr"></div>
</div>

<div class="table-wrap">
  <table class="table ac2-t" id="emp-rows">
    <thead><tr><th>Company</th><th>Hiring managers</th><th>Status</th><th class="num">Postings</th><th class="actions">Actions</th></tr></thead>
    <tbody>
    @foreach($employers as $e)
      @php $managers = $e->users->filter(fn ($m) => $m->user); @endphp
      <tr data-filter-text="{{ strtolower($e->company_name.' '.$e->industry.' '.$e->location.' '.$managers->map(fn ($m) => $m->user->name.' '.$m->user->email)->implode(' ')) }}">
        <td>
          <div class="person">
            <span class="co-logo ac2-logo">@if($e->logoUrl())<img src="{{ $e->logoUrl() }}" alt="">@else{{ initials($e->company_name) }}@endif</span>
            <div>
              <b>{{ $e->company_name }}</b>
              <div class="xs muted">{{ collect([$e->industry, $e->location, $e->company_size ? $e->company_size.' staff' : null])->filter()->implode(' · ') ?: 'Profile not completed' }}</div>
              @if($e->website)<a class="xs ac2-ext" href="{{ $e->website }}" target="_blank" rel="noopener noreferrer">{{ preg_replace('~^https?://(www\.)?~', '', rtrim($e->website, '/')) }} <x-icon name="external-link" :size="11"/></a>@endif
            </div>
          </div>
        </td>
        <td>
          @forelse($managers as $m)
            <div class="ac2-mgr"><span class="small"><b>{{ $m->user->name }}</b></span><span class="xs muted">{{ $m->user->email }}@if($m->user->last_login_at) · signed in {{ $m->user->last_login_at->diffForHumans() }}@else · never signed in @endif</span></div>
          @empty
            <span class="pill pill-amber">No login yet</span>
          @endforelse
          @if($e->email)<div class="xs muted mt-1">Company mailbox: {{ $e->email }}</div>@endif
        </td>
        <td><x-pill :status="$e->status"/></td>
        <td class="num">
          <a href="{{ route('admin.jobs.index', ['employer' => $e->id]) }}"><b>{{ $e->jobs_count }}</b></a>
          <div class="xs muted">{{ $e->open_jobs_count }} open</div>
        </td>
        <td class="actions">
          <div class="ad-actions">
            @if($e->status !== 'approved')
              <form method="post" action="{{ route('admin.employers.update', $e) }}">@csrf @method('PUT')<input type="hidden" name="status" value="approved"><button class="btn btn-success btn-sm" type="submit"><x-icon name="check" :size="15"/> {{ $e->status === 'suspended' ? 'Reinstate' : 'Approve' }}</button></form>
            @endif
            @if($e->status !== 'suspended')
              <form method="post" action="{{ route('admin.employers.update', $e) }}" data-confirm="Suspend {{ $e->company_name }}? Their hiring managers will lose access to the employer portal until reinstated.">@csrf @method('PUT')<input type="hidden" name="status" value="suspended"><button class="icon-btn" type="submit" aria-label="Suspend {{ $e->company_name }}" title="Suspend company"><x-icon name="lock" :size="17"/></button></form>
            @endif
            <button class="icon-btn" type="button" data-modal-open="#emp-invite-{{ $e->id }}" aria-label="Invite a hiring manager for {{ $e->company_name }}" title="Invite hiring manager"><x-icon name="user-plus" :size="17"/></button>
            <button class="icon-btn" type="button" data-modal-open="#emp-edit-{{ $e->id }}" aria-label="Edit {{ $e->company_name }}" title="Edit company"><x-icon name="edit" :size="17"/></button>
          </div>
        </td>
      </tr>
    @endforeach
    </tbody>
  </table>
</div>
@endif

{{-- Add employer --}}
<div class="modal {{ $open === 'new' ? 'open' : '' }}" id="emp-new" role="dialog" aria-modal="true" aria-labelledby="emp-new-h">
  <div class="modal-box ac2-modal">
    <div class="ac2-modal-head"><div><h2 id="emp-new-h">Add employer</h2><p class="small muted">Creates an approved company. Add a hiring manager and they are emailed a link to set their password.</p></div><button class="icon-btn" type="button" data-modal-close aria-label="Close"><x-icon name="x" :size="18"/></button></div>
    <form method="post" action="{{ route('admin.employers.store') }}">
      @csrf <input type="hidden" name="_modal" value="new">
      @php $isNew = $open === 'new'; @endphp
      <div class="form-grid">
        <div class="field full"><label class="label" for="n-company">Company name <span class="req">*</span></label><input class="input {{ $isNew && $errors->has('company_name') ? 'is-invalid' : '' }}" id="n-company" name="company_name" value="{{ $isNew ? old('company_name') : '' }}" required maxlength="160">@if($isNew)@error('company_name')<div class="field-error">{{ $message }}</div>@enderror @endif</div>
        <div class="field"><label class="label" for="n-industry">Industry</label><input class="input" id="n-industry" name="industry" value="{{ $isNew ? old('industry') : '' }}" maxlength="120" placeholder="e.g. Managed IT services"></div>
        <div class="field"><label class="label" for="n-location">Location</label><input class="input" id="n-location" name="location" value="{{ $isNew ? old('location') : '' }}" maxlength="160" placeholder="Karachi"></div>
        <div class="field"><label class="label" for="n-size">Company size</label><select class="select" id="n-size" name="company_size"><option value="">Not specified</option>@foreach($sizes as $s)<option value="{{ $s }}" @selected($isNew && old('company_size') === $s)>{{ $s }}</option>@endforeach</select></div>
        <div class="field"><label class="label" for="n-web">Website</label><input class="input {{ $isNew && $errors->has('website') ? 'is-invalid' : '' }}" id="n-web" type="url" name="website" value="{{ $isNew ? old('website') : '' }}" placeholder="https://" maxlength="255">@if($isNew)@error('website')<div class="field-error">{{ $message }}</div>@enderror @endif</div>
        <div class="field full"><label class="label" for="n-email">Company email</label><input class="input {{ $isNew && $errors->has('email') ? 'is-invalid' : '' }}" id="n-email" type="email" name="email" value="{{ $isNew ? old('email') : '' }}" maxlength="190" placeholder="careers@company.com"><div class="help">Shown to INFOTICS only. Not a login.</div>@if($isNew)@error('email')<div class="field-error">{{ $message }}</div>@enderror @endif</div>
        <div class="field full"><label class="label" for="n-desc">About the company</label><textarea class="textarea" id="n-desc" name="description" rows="3" maxlength="2000">{{ $isNew ? old('description') : '' }}</textarea></div>
      </div>
      <fieldset class="ac2-fieldset">
        <legend>Hiring-manager login <span class="muted">(optional)</span></legend>
        <div class="form-grid">
          <div class="field"><label class="label" for="n-cname">Contact name</label><input class="input" id="n-cname" name="contact_name" value="{{ $isNew ? old('contact_name') : '' }}" maxlength="120" autocomplete="off"></div>
          <div class="field"><label class="label" for="n-cemail">Contact email</label><input class="input {{ $isNew && $errors->has('contact_email') ? 'is-invalid' : '' }}" id="n-cemail" type="email" name="contact_email" value="{{ $isNew ? old('contact_email') : '' }}" maxlength="190" autocomplete="off">@if($isNew)@error('contact_email')<div class="field-error">{{ $message }}</div>@enderror @endif</div>
        </div>
        <p class="xs muted">Leave the email empty to create the company only. You can invite a hiring manager later.</p>
      </fieldset>
      <div class="ac2-modal-actions"><button class="btn btn-secondary" type="button" data-modal-close>Cancel</button><button class="btn btn-primary" type="submit"><x-icon name="building" :size="17"/> Create employer</button></div>
    </form>
  </div>
</div>

@foreach($employers as $e)
  @php
    $isEdit = $open === 'edit-'.$e->id;
    $isInv = $open === 'invite-'.$e->id;
    $v = fn (string $f) => $isEdit ? old($f, $e->{$f}) : $e->{$f};
    $managers = $e->users->filter(fn ($m) => $m->user);
  @endphp
  {{-- Edit employer --}}
  <div class="modal {{ $isEdit ? 'open' : '' }}" id="emp-edit-{{ $e->id }}" role="dialog" aria-modal="true" aria-labelledby="emp-edit-h-{{ $e->id }}">
    <div class="modal-box ac2-modal">
      <div class="ac2-modal-head"><div><h2 id="emp-edit-h-{{ $e->id }}">Edit {{ $e->company_name }}</h2><p class="small muted">Blank optional fields are cleared. Set the status to control access to the employer portal.</p></div><button class="icon-btn" type="button" data-modal-close aria-label="Close"><x-icon name="x" :size="18"/></button></div>
      <form method="post" action="{{ route('admin.employers.update', $e) }}">
        @csrf @method('PUT') <input type="hidden" name="_modal" value="edit-{{ $e->id }}">
        <div class="form-grid">
          <div class="field full"><label class="label" for="e{{ $e->id }}-company">Company name <span class="req">*</span></label><input class="input {{ $isEdit && $errors->has('company_name') ? 'is-invalid' : '' }}" id="e{{ $e->id }}-company" name="company_name" value="{{ $v('company_name') }}" required maxlength="160">@if($isEdit)@error('company_name')<div class="field-error">{{ $message }}</div>@enderror @endif</div>
          <div class="field"><label class="label" for="e{{ $e->id }}-industry">Industry</label><input class="input" id="e{{ $e->id }}-industry" name="industry" value="{{ $v('industry') }}" maxlength="120"></div>
          <div class="field"><label class="label" for="e{{ $e->id }}-location">Location</label><input class="input" id="e{{ $e->id }}-location" name="location" value="{{ $v('location') }}" maxlength="160"></div>
          <div class="field"><label class="label" for="e{{ $e->id }}-size">Company size</label><select class="select" id="e{{ $e->id }}-size" name="company_size"><option value="">Not specified</option>@foreach($sizes as $s)<option value="{{ $s }}" @selected($v('company_size') === $s)>{{ $s }}</option>@endforeach @if($v('company_size') && ! in_array($v('company_size'), $sizes, true))<option value="{{ $v('company_size') }}" selected>{{ $v('company_size') }}</option>@endif</select></div>
          <div class="field"><label class="label" for="e{{ $e->id }}-status">Status <span class="req">*</span></label><select class="select" id="e{{ $e->id }}-status" name="status" required>@foreach(['approved' => 'Approved', 'pending' => 'Pending approval', 'suspended' => 'Suspended'] as $k => $l)<option value="{{ $k }}" @selected($v('status') === $k)>{{ $l }}</option>@endforeach</select></div>
          <div class="field"><label class="label" for="e{{ $e->id }}-web">Website</label><input class="input {{ $isEdit && $errors->has('website') ? 'is-invalid' : '' }}" id="e{{ $e->id }}-web" type="url" name="website" value="{{ $v('website') }}" maxlength="255" placeholder="https://">@if($isEdit)@error('website')<div class="field-error">{{ $message }}</div>@enderror @endif</div>
          <div class="field"><label class="label" for="e{{ $e->id }}-email">Company email</label><input class="input {{ $isEdit && $errors->has('email') ? 'is-invalid' : '' }}" id="e{{ $e->id }}-email" type="email" name="email" value="{{ $v('email') }}" maxlength="190">@if($isEdit)@error('email')<div class="field-error">{{ $message }}</div>@enderror @endif</div>
          <div class="field full"><label class="label" for="e{{ $e->id }}-desc">About the company</label><textarea class="textarea" id="e{{ $e->id }}-desc" name="description" rows="3" maxlength="2000">{{ $v('description') }}</textarea></div>
        </div>
        <div class="ac2-modal-actions"><button class="btn btn-secondary" type="button" data-modal-close>Cancel</button><button class="btn btn-primary" type="submit"><x-icon name="check" :size="17"/> Save changes</button></div>
      </form>
    </div>
  </div>

  {{-- Invite hiring manager --}}
  <div class="modal {{ $isInv ? 'open' : '' }}" id="emp-invite-{{ $e->id }}" role="dialog" aria-modal="true" aria-labelledby="emp-invite-h-{{ $e->id }}">
    <div class="modal-box ac2-modal">
      <div class="ac2-modal-head"><div><h2 id="emp-invite-h-{{ $e->id }}">Hiring managers at {{ $e->company_name }}</h2><p class="small muted">Sends a set-your-password email. Use an existing manager&rsquo;s address to re-send their invite.</p></div><button class="icon-btn" type="button" data-modal-close aria-label="Close"><x-icon name="x" :size="18"/></button></div>
      @if($isInv && session('error'))<div class="callout danger"><x-icon name="alert" :size="18"/><div class="small">{{ session('error') }}</div></div>@endif
      @if($managers->isNotEmpty())
        <ul class="ac2-mgr-list">
          @foreach($managers as $m)<li><span class="avatar avatar-sm">{{ $m->user->initials() }}</span><div><b class="small">{{ $m->user->name }}</b><div class="xs muted">{{ $m->user->email }} · {{ $m->role }}</div></div></li>@endforeach
        </ul>
      @endif
      <form method="post" action="{{ route('admin.employers.invite', $e) }}">
        @csrf <input type="hidden" name="_modal" value="invite-{{ $e->id }}">
        <div class="form-grid">
          <div class="field"><label class="label" for="i{{ $e->id }}-name">Contact name</label><input class="input" id="i{{ $e->id }}-name" name="contact_name" value="{{ $isInv ? old('contact_name') : '' }}" maxlength="120" autocomplete="off"></div>
          <div class="field"><label class="label" for="i{{ $e->id }}-email">Contact email <span class="req">*</span></label><input class="input {{ $isInv && $errors->has('contact_email') ? 'is-invalid' : '' }}" id="i{{ $e->id }}-email" type="email" name="contact_email" value="{{ $isInv ? old('contact_email') : '' }}" required maxlength="190" autocomplete="off">@if($isInv)@error('contact_email')<div class="field-error">{{ $message }}</div>@enderror @endif</div>
        </div>
        <div class="ac2-modal-actions"><button class="btn btn-secondary" type="button" data-modal-close>Cancel</button><button class="btn btn-primary" type="submit"><x-icon name="send" :size="17"/> Send invite</button></div>
      </form>
    </div>
  </div>
@endforeach
@endsection