@extends('layouts/layoutMaster')

@section('title', 'Fusionar ciudades')

@section('content')
<div class="row g-6">
  <div class="col-12 col-xl-8">
    <div class="card">
      <div class="card-header">
        <h5 class="mb-0">Fusionar ciudades</h5>
        <small class="text-muted">Reasigna anuncios, zonas y sugerencias de una ciudad origen a una ciudad destino. La ciudad origen se desactiva y queda redirigida.</small>
      </div>
      <div class="card-body">
        <form method="POST" action="{{ route('admin.marketplace-cities.merge.preview') }}" class="row g-4">
          @csrf
          <div class="col-md-6">
            <label class="form-label" for="source_city_id">Ciudad origen</label>
            <select class="form-select @error('source_city_id') is-invalid @enderror" id="source_city_id" name="source_city_id" required>
              <option value="">Selecciona una ciudad</option>
              @foreach($cities as $city)
                <option value="{{ $city->id }}" @selected((int) old('source_city_id', $sourceCity?->id) === (int) $city->id)>
                  {{ $city->name }} ({{ $city->slug }}){{ $city->is_active ? '' : ' · inactiva' }}
                </option>
              @endforeach
            </select>
            @error('source_city_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
          </div>
          <div class="col-md-6">
            <label class="form-label" for="target_city_id">Ciudad destino</label>
            <select class="form-select @error('target_city_id') is-invalid @enderror" id="target_city_id" name="target_city_id" required>
              <option value="">Selecciona una ciudad</option>
              @foreach($cities as $city)
                <option value="{{ $city->id }}" @selected((int) old('target_city_id', $targetCity?->id) === (int) $city->id)>
                  {{ $city->name }} ({{ $city->slug }}){{ $city->is_active ? '' : ' · inactiva' }}
                </option>
              @endforeach
            </select>
            @error('target_city_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
          </div>
          <div class="col-12 d-flex gap-2 flex-wrap">
            <button type="submit" class="btn btn-primary">Ver impacto</button>
            <a href="{{ route('admin.marketplace-cities.index') }}" class="btn btn-label-secondary">Volver</a>
          </div>
        </form>
      </div>
    </div>
  </div>

  @if($preview && $sourceCity && $targetCity)
    <div class="col-12 col-xl-4">
      <div class="card">
        <div class="card-header">
          <h6 class="mb-0">Dry-run</h6>
        </div>
        <div class="card-body">
          <div class="mb-4">
            <div class="small text-muted">Origen</div>
            <div class="fw-semibold">{{ $sourceCity->name }} <code>{{ $sourceCity->slug }}</code></div>
          </div>
          <div class="mb-4">
            <div class="small text-muted">Destino</div>
            <div class="fw-semibold">{{ $targetCity->name }} <code>{{ $targetCity->slug }}</code></div>
          </div>
          <ul class="list-unstyled d-grid gap-2 mb-4">
            <li>Anuncios afectados: <strong>{{ $preview['listings'] }}</strong></li>
            <li>Zonas afectadas: <strong>{{ $preview['zones'] }}</strong></li>
            <li>Sugerencias afectadas: <strong>{{ $preview['suggestions'] }}</strong></li>
            <li>Perfiles afectados: <strong>{{ $preview['profiles'] }}</strong></li>
            <li>Aliases absorbidos: <strong>{{ $preview['aliases'] }}</strong></li>
          </ul>
          <form method="POST" action="{{ route('admin.marketplace-cities.merge.execute') }}">
            @csrf
            <input type="hidden" name="source_city_id" value="{{ $sourceCity->id }}">
            <input type="hidden" name="target_city_id" value="{{ $targetCity->id }}">
            <button type="submit" class="btn btn-danger w-100" onclick="return confirm('Se fusionará la ciudad origen hacia la destino y se dejará un redirect 301. ¿Continuar?')">
              Ejecutar fusión
            </button>
          </form>
        </div>
      </div>
    </div>
  @endif
</div>
@endsection