@extends('layouts.enterprise')

@section('title', 'Detalle email inbound')

@section('content')
  @php
    $isAccountant = request()->routeIs('accountant.*');
    $detailTitle = $email->subject ?: 'Correo inbound #'.$email->id;
    $prettyPayload = json_encode($email->raw_payload ?? [], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
    $currencySummary = collect([$email->currency_code, $email->payment_terms])->filter()->implode(' - ');
    $serviceSummary = collect([$email->service_month, $email->service_year])->filter()->implode(' / ');
    $usageStatus = (string) (($usageSummary['status'] ?? 'available'));
    $usageFolios = collect($usageSummary['folios'] ?? [])->filter()->values();
    $usageJns = collect($usageSummary['jns'] ?? [])->filter()->values();
    $groupingPreview = (array) ($groupingPreview ?? []);
    $linkedGeneratedInvoices = $email->items
      ->map(fn ($item) => $item->generatedInvoiceItem?->generatedInvoice)
      ->filter()
      ->unique('id')
      ->values();
    $suggestionRouteName = $isAccountant
      ? 'accountant.incomes.emails.items.suggestion'
      : 'admin.incomes.emails.items.suggestion';
    $printRouteName = $isAccountant
      ? 'accountant.incomes.generate_invoice.print'
      : 'admin.incomes.generate_invoice.print';
    $destroyRoute = $isAccountant
      ? route('accountant.incomes.emails.destroy', $email)
      : route('admin.incomes.emails.destroy', $email);
  @endphp

  <div class="card inbound-email-detail-shell">
    <div class="inbound-email-detail__header">
      <div>
        <a href="{{ $backRoute }}" class="btn btn-secondary inbound-email-detail__back">Volver a Emails</a>
        <h1 class="page-title" style="margin-top:14px;">{{ $detailTitle }}</h1>
        <p class="subtle">Revisa el correo inbound parseado, sus líneas y los datos que podrán servir para amarrar agrupaciones reales.</p>
      </div>
      <div class="inbound-email-detail__header-badges">
        <span class="badge {{ ($email->parse_status ?? '') === 'parsed' ? 'badge-income' : (($email->parse_status ?? '') === 'failed' ? 'badge-expense' : '') }}">
          {{ strtoupper($email->parse_status ?? 'pending') }}
        </span>
        <span class="badge {{ $groupableSiblings->isNotEmpty() ? 'badge-income' : '' }}">
          {{ $groupableSiblings->isNotEmpty() ? 'Grupo operativo detectado' : 'Sin grupo operativo' }}
        </span>
        <span class="badge {{ $usageStatus === 'burned' ? 'badge-expense' : ($usageStatus === 'available' ? 'badge-income' : 'badge-warning') }}">
          {{ $usageSummary['label'] ?? 'Disponible' }}
        </span>
        <form method="POST" action="{{ $destroyRoute }}" onsubmit="return confirm('¿Eliminar este email inbound?');" class="inbound-email-detail__delete-form">
          @csrf
          @method('DELETE')
          <sl-button type="submit" variant="danger" size="small">
            Eliminar
          </sl-button>
        </form>
      </div>
    </div>

    @if($email->parse_notes)
      <div class="notice">{{ $email->parse_notes }}</div>
    @endif

    <div class="inbound-email-detail__grid">
      <section class="card card-dashed">
        <h2 class="section-title">Correo inbound</h2>
        <dl class="detail-list">
          <div><dt>Recibido</dt><dd>{{ optional($email->received_at)->format('Y-m-d H:i:s') ?: '-' }}</dd></div>
          <div><dt>De</dt><dd>{{ $email->sender_name ?: '-' }} &lt;{{ $email->sender_email ?: '-' }}&gt;</dd></div>
          <div><dt>Para</dt><dd>{{ $email->recipient_email ?: '-' }}</dd></div>
          <div><dt>Tracking</dt><dd>{{ $email->tracking_id ?: '-' }}</dd></div>
          <div><dt>Message ID</dt><dd class="break-all">{{ $email->message_id ?: '-' }}</dd></div>
          <div><dt>References</dt><dd class="break-all">{{ $email->message_references ?: '-' }}</dd></div>
        </dl>
      </section>

      <section class="card card-dashed">
        <h2 class="section-title">Datos mapeados</h2>
        <dl class="detail-list">
          <div><dt>Cliente</dt><dd>{{ $email->client?->name ?: ($email->client_name ?: '-') }}</dd></div>
          <div><dt>RFC cliente</dt><dd>{{ $email->client_rfc ?: '-' }}</dd></div>
          <div><dt>Cliente ERP</dt><dd>{{ $email->client ? $email->client->name.' ('.$email->client->rfc.')' : 'Sin match' }}</dd></div>
          <div><dt>Proveedor</dt><dd>{{ $email->provider_name ?: '-' }}</dd></div>
          <div><dt>Tipo de Proyecto</dt><dd>{{ $email->project_type ?: '-' }}</dd></div>
          <div><dt>Número de Proyecto</dt><dd>{{ $email->project_number ?: '-' }}</dd></div>
          <div><dt>Marketing Cost</dt><dd>{{ $email->marketing_cost ?: '-' }}</dd></div>
          <div><dt>Sponsor</dt><dd>{{ $email->sponsor ?: '-' }}</dd></div>
          <div><dt>Número de OC</dt><dd>{{ $email->purchase_order_number ?: '-' }}</dd></div>
          <div><dt>Fecha OC</dt><dd>{{ $email->purchase_order_date_raw ?: '-' }}</dd></div>
          <div><dt>Número de RC</dt><dd>{{ $email->purchase_receipt_number ?: '-' }}</dd></div>
          <div><dt>Fecha RC</dt><dd>{{ $email->purchase_receipt_date_raw ?: '-' }}</dd></div>
          <div><dt>Tipo RC detectado</dt><dd>{{ $groupingPreview['label'] ?? 'Sin tipo RC detectado' }}</dd></div>
          <div><dt>Motor de agrupación</dt><dd>{{ $groupingPreview['engine_label'] ?? 'Sin agrupación' }}</dd></div>
          <div><dt>Dirección de Entrega</dt><dd>{{ $email->delivery_address ?: '-' }}</dd></div>
          <div><dt>Oficina detectada</dt><dd>{{ $email->office ? (($email->office->office_code ?: 'SIN-COD').' | '.$email->office->name) : 'Sin match' }}</dd></div>
          <div><dt>Divisa / términos</dt><dd>{{ $currencySummary !== '' ? $currencySummary : '-' }}</dd></div>
          <div><dt>Mes / Año servicio</dt><dd>{{ $serviceSummary !== '' ? $serviceSummary : '-' }}</dd></div>
          <div><dt>Elaboró</dt><dd>{{ $email->prepared_by ?: '-' }}</dd></div>
          <div><dt>Centro de costos</dt><dd>{{ $email->cost_center ?: '-' }}</dd></div>
          <div><dt>Total</dt><dd>{{ $email->total_amount !== null ? '$'.number_format((float) $email->total_amount, 2) : '-' }}</dd></div>
        </dl>
      </section>
    </div>

    <div class="card card-dashed" style="margin-top:14px;">
      <div class="filters-actions" style="justify-content:space-between;">
        <h2 class="section-title" style="margin:0;">Uso en vista previa</h2>
        <span class="badge {{ $usageStatus === 'burned' ? 'badge-expense' : ($usageStatus === 'available' ? 'badge-income' : 'badge-warning') }}">
          {{ $usageSummary['label'] ?? 'Disponible' }}
        </span>
      </div>
      <div class="detail-list detail-list--three" style="margin-top:12px;">
        <div>
          <dt>Vista(s) previa(s)</dt>
          <dd>{{ $usageFolios->isNotEmpty() ? $usageFolios->implode(', ') : 'Sin vista previa ligada' }}</dd>
        </div>
        <div>
          <dt>JN(s) ligados</dt>
          <dd>{{ $usageJns->isNotEmpty() ? $usageJns->implode(', ') : 'Sin JN ligado' }}</dd>
        </div>
        <div>
          <dt>Líneas consumidas</dt>
          <dd>{{ (int) ($usageSummary['count_linked'] ?? 0) }} / {{ $email->items->count() }}</dd>
        </div>
        <div>
          <dt>Líneas disponibles</dt>
          <dd>{{ (int) ($usageSummary['count_available'] ?? max($email->items->count() - (int) ($usageSummary['count_linked'] ?? 0), 0)) }}</dd>
        </div>
      </div>
      @if($linkedGeneratedInvoices->isNotEmpty())
        <div class="inbound-email-detail__linked-actions">
          @foreach($linkedGeneratedInvoices as $linkedInvoice)
            <sl-button
              href="{{ route($printRouteName, ['generatedInvoice' => $linkedInvoice->id]) }}"
              target="_blank"
              rel="noopener"
              size="small"
            >
              Abrir vista previa {{ $linkedInvoice->folio ?: '#'.$linkedInvoice->id }}
            </sl-button>
          @endforeach
        </div>
      @endif
    </div>

    <div class="card card-dashed" style="margin-top:14px;">
      <div class="filters-actions" style="justify-content:space-between;">
        <h2 class="section-title" style="margin:0;">Líneas del recibo</h2>
        <span class="badge">Total líneas: {{ $email->items->count() }}</span>
      </div>
      <div class="movements-table-wrap" style="margin-top:12px;">
        <table class="movements-table movements-table--wide">
          <thead>
            <tr>
              <th>#</th>
              <th>Línea</th>
              <th>Descripción</th>
              <th>Cantidad</th>
              <th>Unidad</th>
              <th>Precio Unitario</th>
              <th>Total</th>
              <th>Estado</th>
              <th>JN / Vista previa</th>
            </tr>
          </thead>
          <tbody>
            @forelse($email->items as $item)
              @php
                $generatedItem = $item->generatedInvoiceItem;
                $generatedInvoice = $generatedItem?->generatedInvoice;
                $linkedRequest = $generatedItem?->pipefyRequestItem?->request;
                $suggestion = $itemSuggestions[(int) $item->id] ?? null;
              @endphp
              <tr>
                <td>{{ $item->position }}</td>
                <td>{{ $item->line_number ?: '-' }}</td>
                <td style="white-space:pre-line;">{{ $item->description ?: '-' }}</td>
                <td>{{ $item->quantity !== null ? number_format((float) $item->quantity, 2) : '-' }}</td>
                <td>{{ $item->unit ?: '-' }}</td>
                <td>{{ $item->unit_price !== null ? '$'.number_format((float) $item->unit_price, 2) : '-' }}</td>
                <td>{{ $item->total !== null ? '$'.number_format((float) $item->total, 2) : '-' }}</td>
                <td>
                  @if($generatedItem && $generatedInvoice)
                    <span class="badge {{ $generatedInvoice->status === \App\Models\GeneratedInvoice::STATUS_DRAFT ? 'badge-warning' : 'badge-expense' }}">
                      {{ $generatedInvoice->status === \App\Models\GeneratedInvoice::STATUS_DRAFT ? 'Reservado' : 'Quemado' }}
                    </span>
                  @elseif($item->selectedPipefyRequestItem)
                    <span class="badge badge-income">JN elegido</span>
                  @elseif(($suggestion['type'] ?? null) === 'candidate')
                    <span class="badge badge-income">Disponible</span>
                  @else
                    <span class="badge">Sin match</span>
                  @endif
                </td>
                <td>
                  @if($generatedItem && $generatedInvoice)
                    <div><strong>Vista previa: {{ $generatedInvoice->folio ?: '-' }}</strong></div>
                    <div class="subtle cell-subtle">JN: {{ $linkedRequest?->title ?: '-' }}</div>
                    <div class="subtle cell-subtle">Solicitud: #{{ $linkedRequest?->id ?: '-' }}</div>
                    <div style="margin-top:6px;">
                      <sl-button
                        href="{{ route($printRouteName, ['generatedInvoice' => $generatedInvoice->id]) }}"
                        target="_blank"
                        rel="noopener"
                        size="small"
                      >
                        Abrir vista previa
                      </sl-button>
                    </div>
                  @elseif($item->selectedPipefyRequestItem?->request)
                    <div><strong>JN elegido: {{ $item->selectedPipefyRequestItem->request->title ?: '-' }}</strong></div>
                    <div class="subtle cell-subtle">Solicitud: #{{ $item->selectedPipefyRequestItem->request->id ?: '-' }}</div>
                    <div class="subtle cell-subtle">{{ $item->selectedPipefyRequestItem->description ?: ($item->selectedPipefyRequestItem->product_name ?: '-') }}</div>
                  @elseif(($suggestion['type'] ?? null) === 'candidate')
                    <div><strong>Sugerido JN: {{ $suggestion['jn'] ?: '-' }}</strong></div>
                    <div class="subtle cell-subtle">Solicitud: #{{ $suggestion['request_id'] ?: '-' }}</div>
                    <div class="subtle cell-subtle">RC solicitud: {{ $suggestion['request_rc_list'] ?: '-' }}</div>
                  @else
                    <span class="subtle">Sin vínculo todavía</span>
                  @endif

                  @if(!$generatedItem)
                    @php
                      $candidateOptions = collect($itemCandidateOptions[(int) $item->id] ?? [])->values();
                    @endphp
                    <form method="POST" action="{{ route($suggestionRouteName, ['inboundEmail' => $email, 'inboundEmailItem' => $item]) }}" class="line-suggestion-form">
                      @csrf
                      @method('PATCH')
                      <select name="selected_pipefy_request_item_id">
                        <option value="">Sin selección manual</option>
                        @foreach($candidateOptions as $candidate)
                        <option
                            value="{{ (int) ($candidate['request_item_id'] ?? 0) }}"
                            @selected((int) ($item->selected_pipefy_request_item_id ?? 0) === (int) ($candidate['request_item_id'] ?? 0))
                          >
                            {{ ($candidate['jn'] ?? '-') . ' · $' . number_format((float) ($candidate['line_total'] ?? 0), 2) . ' · ' . ($candidate['description'] ?? '-') }}
                          </option>
                        @endforeach
                      </select>
                      <sl-button type="submit" size="small">
                        Guardar JN
                      </sl-button>
                    </form>
                  @endif
                </td>
              </tr>
            @empty
              <tr>
                <td colspan="9">No se detectaron líneas del recibo en este correo.</td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>
    </div>

    <div class="inbound-email-detail__grid" style="margin-top:14px;">
      <section class="card card-dashed">
        <h2 class="section-title">Agrupación potencial</h2>
        <div class="detail-list detail-list--three" style="margin-bottom:12px;">
          <div>
            <dt>Tipo RC</dt>
            <dd>{{ $groupingPreview['label'] ?? 'Sin tipo RC detectado' }}</dd>
          </div>
          <div>
            <dt>Motor</dt>
            <dd>{{ $groupingPreview['engine_label'] ?? 'Sin agrupación' }}</dd>
          </div>
          <div>
            <dt>Correos hermanos</dt>
            <dd>{{ $groupableSiblings->count() }}</dd>
          </div>
        </div>
        @if($groupableSiblings->isEmpty())
          <p class="subtle" style="margin-bottom:0;">No hay otros correos activos en el mismo grupo de agrupación para este cliente.</p>
        @else
          <p class="subtle">Se encontraron correos hermanos dentro del mismo tipo de RC y moneda para este cliente.</p>
          <div class="movements-table-wrap" style="margin-top:10px;">
            <table class="movements-table" style="min-width:820px;">
              <thead>
                <tr>
                  <th>ID</th>
                  <th>Recibido</th>
                  <th>Proveedor</th>
                  <th>OC</th>
                  <th>RC</th>
                  <th>Tipo RC</th>
                  <th>Asunto</th>
                </tr>
              </thead>
              <tbody>
                @foreach($groupableSiblings as $sibling)
                  @php
                    $siblingGrouping = (array) ($sibling->grouping_preview ?? []);
                  @endphp
                  <tr>
                    <td>{{ $sibling->id }}</td>
                    <td>{{ optional($sibling->received_at)->format('Y-m-d H:i') ?: '-' }}</td>
                    <td>{{ $sibling->provider_name ?: '-' }}</td>
                    <td>{{ $sibling->purchase_order_number ?: '-' }}</td>
                    <td>{{ $sibling->purchase_receipt_number ?: '-' }}</td>
                    <td>{{ $siblingGrouping['label'] ?? 'Sin tipo RC detectado' }}</td>
                    <td>{{ $sibling->subject ?: '-' }}</td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        @endif
      </section>

      <section class="card card-dashed">
        <h2 class="section-title">Adjuntos</h2>
        @php
          $attachments = collect($email->attachments ?? []);
        @endphp
        @if($attachments->isEmpty())
          <p class="subtle" style="margin-bottom:0;">Este correo no trajo adjuntos mapeados.</p>
        @else
          <ul class="simple-list">
            @foreach($attachments as $attachment)
              <li>
                <strong>{{ $attachment['filename'] ?? 'archivo' }}</strong>
                <span class="subtle"> · {{ $attachment['content_type'] ?? 'sin tipo' }} · {{ isset($attachment['size']) ? number_format((float) $attachment['size']) . ' bytes' : 'sin tamaño' }}</span>
              </li>
            @endforeach
          </ul>
        @endif
      </section>
    </div>

    <sl-details class="filters-collapse" style="margin-top:14px;">
      <div slot="summary" class="filters-summary">
        <img src="{{ asset('build/assets/logo.png') }}" alt="" class="filter-favicon">
        <span>Body text y payload</span>
      </div>
      <div class="inbound-email-detail__payload">
        <div class="payload-column">
          <h3 class="section-title">Body text</h3>
          <pre>{{ $email->body_text ?: 'Sin body text' }}</pre>
        </div>
        <div class="payload-column">
          <h3 class="section-title">Payload sanitizado</h3>
          <pre>{{ $prettyPayload ?: '{}' }}</pre>
        </div>
      </div>
    </sl-details>
  </div>
@endsection

@push('styles')
  <style>
    .wrap {
      max-width: min(1760px, calc(100vw - 32px));
      padding-left: 16px;
      padding-right: 16px;
    }
    .inbound-email-detail-shell {
      width: 100%;
    }
    .inbound-email-detail__header {
      display: flex;
      justify-content: space-between;
      align-items: start;
      gap: 16px;
    }
    .inbound-email-detail__header-badges {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      align-items: center;
    }
    .inbound-email-detail__delete-form {
      margin: 0;
    }
    .inbound-email-detail__back {
      display: inline-flex;
      align-items: center;
    }
    .inbound-email-detail__grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    .detail-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 14px;
      margin: 0;
    }
    .detail-list--three {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .detail-list div {
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 10px 12px;
      background: #fff;
    }
    .detail-list dt {
      font-size: 0.82rem;
      font-weight: 700;
      color: #475569;
      margin-bottom: 4px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }
    .detail-list dd {
      margin: 0;
      color: #0f172a;
      word-break: break-word;
    }
    .break-all {
      word-break: break-all;
    }
    .simple-list {
      margin: 0;
      padding-left: 18px;
    }
    .filters-collapse::part(base) {
      border: 1px solid var(--border);
      border-radius: 12px;
      background: #f8fafc;
    }
    .filters-collapse::part(summary) {
      padding: 12px 14px;
      font-weight: 600;
      color: #0b1220;
    }
    .filters-collapse::part(content) {
      padding: 0 14px 14px;
    }
    .filters-summary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .filter-favicon {
      width: 18px;
      height: 18px;
      object-fit: contain;
      border-radius: 4px;
      background: #fff;
      border: 1px solid var(--border);
      padding: 2px;
    }
    .inbound-email-detail__payload {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    .payload-column pre {
      margin: 0;
      padding: 14px;
      border-radius: 12px;
      background: #0f172a;
      color: #e2e8f0;
      overflow: auto;
      max-height: 480px;
      white-space: pre-wrap;
      word-break: break-word;
    }
    .movements-table-wrap {
      width: 100%;
      overflow-x: auto;
      border: 1px solid var(--border);
      border-radius: 12px;
      background: #fff;
    }
    .movements-table {
      min-width: 1120px;
      margin: 0;
      border: 0;
    }
    .cell-subtle {
      display: block;
      margin-top: 2px;
    }
    .inbound-email-detail__linked-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }
    .line-suggestion-form {
      display: flex;
      gap: 8px;
      align-items: center;
      margin-top: 10px;
      flex-wrap: wrap;
    }
    .line-suggestion-form select {
      min-width: 320px;
      max-width: 100%;
      flex: 1 1 320px;
    }
    @media (max-width: 960px) {
      .wrap {
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
      }
      .inbound-email-detail__header,
      .inbound-email-detail__grid,
      .detail-list,
      .detail-list--three,
      .inbound-email-detail__payload {
        grid-template-columns: 1fr;
        flex-direction: column;
      }
    }
  </style>
@endpush