@extends('layouts/layoutMaster')

@section('title', 'Configuración')

@section('content')
  <div class="d-flex justify-content-between align-items-center py-3 mb-4">
    <h4 class="mb-0"><span class="text-muted fw-light">Admin /</span> Configuración</h4>
  </div>

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

  <div class="row g-4">
    <div class="col-lg-9">
      <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between">
          <h5 class="mb-0">Métricas Glovo</h5>
          <span class="text-muted small">Fuentes CSV</span>
        </div>
        <div class="card-body">
          <form method="POST" action="{{ route('admin.config.update') }}" class="row g-4">
            @csrf
            @method('PATCH')

            <div class="col-12">
              <label class="form-label" for="metrics_csv_url">Fuente general (legacy)</label>
              <input type="url" class="form-control" id="metrics_csv_url" name="metrics_csv_url" value="{{ old('metrics_csv_url', $csvUrl) }}" placeholder="https://docs.google.com/spreadsheets/.../export?format=csv&gid=...">
              @error('metrics_csv_url')
                <div class="text-danger mt-1">{{ $message }}</div>
              @enderror
              <small class="text-muted">Se utilizará si no se define una fuente específica por empresa. Debe ser un enlace público con el parámetro <code>export?format=csv</code>.</small>
            </div>

            <div class="col-12">
              <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-2">
                <div>
                  <h6 class="mb-0">Fuentes por empresa</h6>
                  <small class="text-muted">Asigna la hoja de métricas para cada empresa. Puedes restringir las ciudades que se importan.</small>
                </div>
              </div>
              <div class="border rounded-3 p-3 bg-light">
                <div class="row g-3">
                  @forelse($companies as $company)
                    @php
                      $source = $csvSources->get((string) $company->id);
                      $urlValue = old("company_sources.{$company->id}.url", $source['url'] ?? '');
                      $citiesValue = old("company_sources.{$company->id}.cities", isset($source['cities']) ? implode(', ', $source['cities']) : '');
                    @endphp
                    <div class="col-12">
                      <div class="card border-0 shadow-sm">
                        <div class="card-body">
                          @php
                            $companyTag = $companyTags[$company->id] ?? ('company-'.$company->id);
                          @endphp
                          <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
                            <div>
                              <h6 class="mb-0">{{ $company->name }}</h6>
                              <small class="text-muted">ID #{{ $company->id }}</small>
                            </div>
                            <div class="d-flex gap-2">
                              @if(!empty($urlValue))
                                <a href="{{ route('admin.metrics.sync', ['mode' => 'force', 'source' => $companyTag]) }}" class="btn btn-sm btn-outline-danger">
                                  <i class="ti tabler-alert-triangle me-1"></i> Forzar {{ $company->name }}
                                </a>
                              @endif
                            </div>
                          </div>
                          <div class="row g-3">
                            <div class="col-md-7">
                              <label class="form-label" for="company-url-{{ $company->id }}">URL del CSV</label>
                              <input type="url" class="form-control" id="company-url-{{ $company->id }}" name="company_sources[{{ $company->id }}][url]" value="{{ $urlValue }}" placeholder="https://docs.google.com/...">
                              @error("company_sources.{$company->id}.url")
                                <div class="text-danger mt-1">{{ $message }}</div>
                              @enderror
                            </div>
                            <div class="col-md-5">
                              <label class="form-label" for="company-cities-{{ $company->id }}">Ciudades (opcional)</label>
                              <input type="text" class="form-control" id="company-cities-{{ $company->id }}" name="company_sources[{{ $company->id }}][cities]" value="{{ $citiesValue }}" placeholder="GRO, BCN, MAD">
                              <small class="text-muted">Separadas por coma. Si se completa, solo se importarán métricas de esas ciudades.</small>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  @empty
                    <div class="col-12">
                      <div class="alert alert-info mb-0">No hay empresas registradas. Crea empresas para poder asignar fuentes específicas.</div>
                    </div>
                  @endforelse
                </div>
              </div>
            </div>

            <div class="col-12 d-flex flex-column gap-2">
              <div class="d-flex gap-2 flex-wrap">
                <button type="submit" class="btn btn-primary"><i class="ti tabler-device-floppy me-1"></i> Guardar</button>
                <a href="{{ route('admin.metrics.sync') }}" class="btn btn-success"><i class="ti tabler-refresh me-1"></i> Sincronizar (incremental)</a>
                @if(!empty($csvUrl))
                  <a href="{{ route('admin.metrics.sync', ['mode' => 'force', 'source' => 'general']) }}" class="btn btn-outline-danger">
                    <i class="ti tabler-alert-triangle me-1"></i> Forzar métrica general
                  </a>
                @endif
              </div>
              <small class="text-muted">La sincronización incremental añade solo registros nuevos desde cada hoja. Usa <strong>Forzar</strong> (general o por empresa) únicamente cuando hayas corregido datos en el Excel y necesites sobrescribir los registros existentes.</small>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
@endsection