@extends('layouts/layoutMaster')

@section('title', 'Merchant Center')

@section('content')
  @if(session('status'))
    <div class="alert alert-success">{{ session('status') }}</div>
  @endif

  @if($errors->any())
    <div class="alert alert-danger">
      <ul class="mb-0">
        @foreach($errors->all() as $error)
          <li>{{ $error }}</li>
        @endforeach
      </ul>
    </div>
  @endif

  <div class="row g-6 mb-6">
    <div class="col-xl-4">
      <div class="card h-100">
        <div class="card-header"><h5 class="mb-0">Resumen operativo</h5></div>
        <div class="card-body d-grid gap-4">
          <div class="d-flex justify-content-between">
            <span>Total sync rows</span>
            <strong>{{ number_format($summary['total'], 0, ',', '.') }}</strong>
          </div>
          <div class="d-flex justify-content-between">
            <span>Pendientes</span>
            <strong class="text-warning">{{ number_format($summary['pending'], 0, ',', '.') }}</strong>
          </div>
          <div class="d-flex justify-content-between">
            <span>Sincronizados</span>
            <strong class="text-success">{{ number_format($summary['synced'], 0, ',', '.') }}</strong>
          </div>
          <div class="d-flex justify-content-between">
            <span>Fallidos</span>
            <strong class="text-danger">{{ number_format($summary['failed'], 0, ',', '.') }}</strong>
          </div>
          <div class="d-flex justify-content-between">
            <span>Bloqueados</span>
            <strong class="text-secondary">{{ number_format($summary['blocked'], 0, ',', '.') }}</strong>
          </div>
          <div class="d-flex justify-content-between">
            <span>Excluidos manualmente</span>
            <strong>{{ number_format($summary['manual_excluded'], 0, ',', '.') }}</strong>
          </div>
          <div class="d-flex justify-content-between">
            <span>Anuncios publicados</span>
            <strong>{{ number_format($summary['published'], 0, ',', '.') }}</strong>
          </div>
          <hr class="my-0">
          <div class="small text-muted">
            Sync por cron: <code>merchant:sync-pending</code> cada minuto y <code>merchant:reconcile</code> diario a las 03:15.
          </div>
        </div>
      </div>
    </div>

    <div class="col-xl-8">
      <form method="POST" action="{{ route('admin.merchant-center.update') }}" class="card h-100">
        <div class="card-header"><h5 class="mb-0">Configuracion</h5></div>
        <div class="card-body">
          @csrf
          @method('PATCH')

          <div class="alert {{ $config['credentials_configured'] ? 'alert-info' : 'alert-warning' }} mb-4">
            Service account:
            <strong>{{ $config['credentials_configured'] ? 'configurado en entorno' : 'pendiente en .env' }}</strong>.
            La UI no almacena secretos.
          </div>

          <div class="row g-4">
            <div class="col-md-6">
              <label class="form-label" for="merchant_account_id">Merchant account ID</label>
              <input id="merchant_account_id" name="merchant_account_id" type="text" class="form-control @error('merchant_account_id') is-invalid @enderror" value="{{ old('merchant_account_id', $config['merchant_account_id']) }}" maxlength="64">
              @error('merchant_account_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-6">
              <label class="form-label" for="primary_data_source_id">Primary data source ID</label>
              <input id="primary_data_source_id" name="primary_data_source_id" type="text" class="form-control @error('primary_data_source_id') is-invalid @enderror" value="{{ old('primary_data_source_id', $config['primary_data_source_id']) }}" maxlength="64">
              @error('primary_data_source_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-4">
              <label class="form-label" for="feed_label">feedLabel</label>
              <input id="feed_label" name="feed_label" type="text" class="form-control @error('feed_label') is-invalid @enderror" value="{{ old('feed_label', $config['feed_label']) }}" maxlength="20" required>
              @error('feed_label')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-4">
              <label class="form-label" for="content_language">contentLanguage</label>
              <input id="content_language" name="content_language" type="text" class="form-control @error('content_language') is-invalid @enderror" value="{{ old('content_language', $config['content_language']) }}" maxlength="2" required>
              @error('content_language')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-4">
              <label class="form-label" for="currency">Moneda</label>
              <input id="currency" name="currency" type="text" class="form-control @error('currency') is-invalid @enderror" value="{{ old('currency', $config['currency']) }}" maxlength="3" required>
              @error('currency')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-12">
              <label class="form-label" for="google_product_category">googleProductCategory override</label>
              <input id="google_product_category" name="google_product_category" type="text" class="form-control @error('google_product_category') is-invalid @enderror" value="{{ old('google_product_category', $config['google_product_category']) }}" maxlength="255" placeholder="Opcional. Dejar vacio por defecto.">
              @error('google_product_category')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-12">
              <div class="form-check form-switch">
                <input id="sync_enabled" name="sync_enabled" value="1" type="checkbox" class="form-check-input" {{ old('sync_enabled', $config['sync_enabled']) ? 'checked' : '' }}>
                <label class="form-check-label" for="sync_enabled">Activar sincronizacion automatica</label>
              </div>
            </div>
          </div>
        </div>
        <div class="card-footer d-flex justify-content-end">
          <button type="submit" class="btn btn-primary">Guardar configuracion</button>
        </div>
      </form>
    </div>
  </div>

  <div class="row g-6 mb-6">
    <div class="col-xl-6">
      <div class="card h-100">
        <div class="card-header"><h5 class="mb-0">Acciones</h5></div>
        <div class="card-body d-grid gap-3">
          <form method="POST" action="{{ route('admin.merchant-center.verify') }}">
            @csrf
            <button type="submit" class="btn btn-outline-primary w-100">Verificar acceso y account issues</button>
          </form>

          <form method="POST" action="{{ route('admin.merchant-center.create-datasource') }}">
            @csrf
            <button type="submit" class="btn btn-outline-secondary w-100">Crear primary API data source CO/es</button>
          </form>

          <form method="POST" action="{{ route('admin.merchant-center.backfill') }}">
            @csrf
            <button type="submit" class="btn btn-outline-warning w-100">Backfill de todos los anuncios</button>
          </form>

          <form method="POST" action="{{ route('admin.merchant-center.reconcile') }}">
            @csrf
            <button type="submit" class="btn btn-outline-success w-100">Ejecutar reconciliacion ahora</button>
          </form>
        </div>
      </div>
    </div>

    <div class="col-xl-6">
      <div class="card h-100">
        <div class="card-header"><h5 class="mb-0">Ultima verificacion</h5></div>
        <div class="card-body">
          @if(is_array($verifyResult))
            <div class="mb-3">
              <strong>Cuenta:</strong>
              {{ data_get($verifyResult, 'account.account_name', 'Sin resolver') }}
              @if(data_get($verifyResult, 'account.account_id'))
                <span class="text-muted">#{{ data_get($verifyResult, 'account.account_id') }}</span>
              @endif
            </div>

            @if(is_array($verifyResult['data_source'] ?? null))
              <div class="mb-3">
                <strong>Data source:</strong>
                {{ $verifyResult['data_source']['display_name'] ?? 'Sin nombre' }}
                <div class="small text-muted">
                  ID {{ $verifyResult['data_source']['data_source_id'] ?? '-' }}
                  · feedLabel {{ $verifyResult['data_source']['feed_label'] ?? '-' }}
                  · contentLanguage {{ $verifyResult['data_source']['content_language'] ?? '-' }}
                  · países {{ implode(', ', $verifyResult['data_source']['countries'] ?? []) ?: '-' }}
                </div>
              </div>
            @endif

            <div>
              <strong>Issues de cuenta:</strong>
              @if(empty($verifyResult['issues']))
                <div class="text-success small mt-2">No hay account issues reportados.</div>
              @else
                <ul class="small mt-2 mb-0">
                  @foreach($verifyResult['issues'] as $issue)
                    <li>
                      <strong>{{ $issue['title'] ?? 'Issue' }}</strong>
                      @if(!empty($issue['detail']))
                        <div class="text-muted">{{ $issue['detail'] }}</div>
                      @endif
                    </li>
                  @endforeach
                </ul>
              @endif
            </div>
          @else
            <p class="text-muted mb-0">Todavia no se ha ejecutado una verificacion en esta sesion.</p>
          @endif

          @if(is_array($lastReconcileSummary))
            <hr>
            <div class="small">
              <strong>Ultima reconciliacion:</strong>
              queued {{ $lastReconcileSummary['queued'] ?? 0 }},
              orphan_deleted {{ $lastReconcileSummary['orphan_deleted'] ?? 0 }},
              processed {{ $lastReconcileSummary['processed'] ?? 0 }}.
            </div>
          @endif
        </div>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="card-header"><h5 class="mb-0">Estado por anuncio</h5></div>
    <div class="table-responsive">
      <table class="table align-middle mb-0">
        <thead>
          <tr>
            <th>Anuncio</th>
            <th>Estado</th>
            <th>Ultima accion</th>
            <th>Error / issues</th>
            <th>Exclusion manual</th>
            <th class="text-end">Acciones</th>
          </tr>
        </thead>
        <tbody>
          @forelse($syncs as $sync)
            @php
              $listing = $sync->listing;
            @endphp
            <tr>
              <td>
                <div class="fw-semibold">{{ $listing?->publicTitle() ?: 'Anuncio eliminado #'.$sync->mariachi_listing_id }}</div>
                <div class="small text-muted">
                  ID {{ $sync->mariachi_listing_id }}
                  @if($listing)
                    · {{ $listing->mariachiProfile?->business_name ?: $listing->mariachiProfile?->user?->email ?: 'Proveedor' }}
                  @endif
                </div>
              </td>
              <td>
                <span class="badge bg-label-{{ match($sync->state) {
                  'synced' => 'success',
                  'failed' => 'danger',
                  'blocked' => 'secondary',
                  default => 'warning',
                } }}">{{ $sync->state }}</span>
                @if($sync->next_sync_at)
                  <div class="small text-muted mt-1">next {{ $sync->next_sync_at->format('Y-m-d H:i') }}</div>
                @endif
              </td>
              <td>
                <div>{{ $sync->last_action ?: '-' }}</div>
                <div class="small text-muted">
                  {{ $sync->synced_at?->format('Y-m-d H:i') ?: ($sync->updated_at?->format('Y-m-d H:i') ?? '-') }}
                </div>
              </td>
              <td class="small">
                @if($sync->last_error_message)
                  <div class="text-danger">{{ $sync->last_error_message }}</div>
                @endif
                @if(is_array($sync->last_remote_issues) && count($sync->last_remote_issues) > 0)
                  <ul class="mb-0 ps-4">
                    @foreach($sync->last_remote_issues as $issue)
                      <li>{{ $issue['description'] ?? $issue['detail'] ?? $issue['code'] ?? 'Issue remoto' }}</li>
                    @endforeach
                  </ul>
                @elseif(! $sync->last_error_message)
                  <span class="text-muted">Sin errores</span>
                @endif
              </td>
              <td>
                @if($listing)
                  <form method="POST" action="{{ route('admin.merchant-center.toggle-exclusion', $listing) }}" class="d-grid gap-2">
                    @csrf
                    @method('PATCH')
                    <input type="hidden" name="manual_excluded" value="{{ $sync->manual_excluded ? 0 : 1 }}">
                    @if(! $sync->manual_excluded)
                      <input type="text" name="manual_exclusion_reason" class="form-control form-control-sm" placeholder="Motivo para excluir">
                    @else
                      <div class="small text-muted">{{ $sync->manual_exclusion_reason ?: 'Sin motivo' }}</div>
                    @endif
                    <button type="submit" class="btn btn-sm {{ $sync->manual_excluded ? 'btn-outline-success' : 'btn-outline-dark' }}">
                      {{ $sync->manual_excluded ? 'Reincluir' : 'Excluir' }}
                    </button>
                  </form>
                @else
                  <span class="text-muted">No aplica</span>
                @endif
              </td>
              <td class="text-end">
                <div class="d-inline-flex gap-2">
                  <form method="POST" action="{{ route('admin.merchant-center.retry', $sync) }}">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-outline-primary">Retry</button>
                  </form>
                  @if($listing)
                    <a href="{{ route('admin.listings.show', $listing) }}" class="btn btn-sm btn-outline-secondary">Abrir</a>
                  @endif
                </div>
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="6" class="text-center text-muted py-5">Todavia no existen registros de sincronizacion Merchant.</td>
            </tr>
          @endforelse
        </tbody>
      </table>
    </div>
    <div class="card-footer">
      {{ $syncs->links() }}
    </div>
  </div>
@endsection