@extends('layouts.app')
@section('page-title','Consultores')
@section('topbar-actions')
@if(in_array(auth()->user()->role, ['master','agencia']))
<a href="{{ route('consultores.create') }}" class="btn btn-gold"><i class="ti ti-plus"></i>Novo consultor</a>
@endif
@endsection

@section('content')
<div class="card">
  <form method="GET" style="display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #e8e9eb;flex-wrap:wrap">
    <input type="text" name="pesquisa" placeholder="Pesquisar consultor..." value="{{ request('pesquisa') }}" style="width:200px;padding:7px 10px;border:1px solid #dde0e4;border-radius:6px;font-size:13px">
    @if(!$agenciaScope)
    <select name="agencia_id" style="padding:7px 10px;border:1px solid #dde0e4;border-radius:6px;font-size:13px">
      <option value="">Todas as agências</option>
      @foreach($agencias as $ag)
      <option value="{{ $ag->id }}" {{ request('agencia_id')==$ag->id?'selected':'' }}>{{ $ag->nome }}</option>
      @endforeach
    </select>
    @endif
    <select name="estado" style="padding:7px 10px;border:1px solid #dde0e4;border-radius:6px;font-size:13px">
      <option value="">Todos os estados</option>
      <option value="pago" {{ request('estado')=='pago'?'selected':'' }}>Pago este mês</option>
      <option value="pendente" {{ request('estado')=='pendente'?'selected':'' }}>Pendente</option>
      <option value="atraso" {{ request('estado')=='atraso'?'selected':'' }}>Em atraso</option>
    </select>
    <button type="submit" class="btn btn-sm">Filtrar</button>
  </form>

  <table>
    <tr>
      <th>Consultor</th>
      @if(!$agenciaScope)<th>Agência</th>@endif
      <th>Modalidade</th><th>Data entrada</th><th></th>
    </tr>
    @forelse($consultores as $c)
    <tr>
      <td>
        <div style="display:flex;align-items:center;gap:8px">
          <div style="width:26px;height:26px;border-radius:50%;background:#EEEDFE;color:#534AB7;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500">{{ strtoupper(substr($c->nome,0,2)) }}</div>
          {{ $c->nome }}
        </div>
      </td>
      @if(!$agenciaScope)<td style="font-size:12px;color:#666">{{ $c->agencia_nome }}</td>@endif
      <td><span class="badge {{ $c->modalidade==='antecipado' ? 'b-blue' : 'b-gray' }}">{{ $c->modalidade==='antecipado' ? 'Antecipado' : 'Comissão' }}</span></td>
      <td style="font-size:12px;color:#666">{{ \Carbon\Carbon::parse($c->data_entrada)->format('d/m/Y') }}</td>
      <td><a href="{{ route('consultores.show', $c->id) }}" class="btn btn-sm"><i class="ti ti-eye"></i></a></td>
    </tr>
    @empty
    <tr><td colspan="5" style="text-align:center;color:#aaa;padding:24px">Nenhum consultor encontrado.</td></tr>
    @endforelse
  </table>
  <div style="padding:12px 18px;border-top:1px solid #e8e9eb">{{ $consultores->links() }}</div>
</div>
@endsection