@extends('layouts/layoutMaster')

@section('title', 'Editar cliente - Admin')

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

  @if ($errors->any())
    <div class="alert alert-danger">
      <strong>Hay errores de validación.</strong>
      <ul class="mb-0 mt-2">
        @foreach ($errors->all() as $error)
          <li>{{ $error }}</li>
        @endforeach
      </ul>
    </div>
  @endif

  <div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-6">
    <div>
      <h4 class="mb-1">Editar cliente</h4>
      <p class="mb-0 text-body-secondary">Actualiza datos básicos, ubicación y preferencias del cliente.</p>
    </div>
    <div class="d-flex flex-wrap gap-2">
      <a href="{{ route('admin.clients.show', $client) }}" class="btn btn-label-secondary">Volver</a>
      <form action="{{ route('admin.clients.toggle-status', $client) }}" method="POST" onsubmit="return confirm('¿Actualizar el estado de este cliente?');">
        @csrf
        @method('PATCH')
        <button type="submit" class="btn {{ $client->status === \App\Models\User::STATUS_ACTIVE ? 'btn-outline-danger' : 'btn-outline-success' }}">
          {{ $client->status === \App\Models\User::STATUS_ACTIVE ? 'Inactivar' : 'Activar' }}
        </button>
      </form>
    </div>
  </div>

  <form method="POST" action="{{ route('admin.clients.update', $client) }}">
    @csrf
    @method('PATCH')

    <div class="row g-6">
      <div class="col-lg-8">
        <div class="card mb-6">
          <div class="card-header">
            <h5 class="mb-0">Datos de cuenta</h5>
          </div>
          <div class="card-body">
            <div class="row g-4">
              <div class="col-md-6">
                <label class="form-label" for="first_name">Nombre</label>
                <input id="first_name" type="text" name="first_name" class="form-control" value="{{ old('first_name', $client->first_name) }}" required />
              </div>
              <div class="col-md-6">
                <label class="form-label" for="last_name">Apellido</label>
                <input id="last_name" type="text" name="last_name" class="form-control" value="{{ old('last_name', $client->last_name) }}" required />
              </div>
              <div class="col-md-6">
                <label class="form-label" for="email">Email</label>
                <input id="email" type="email" name="email" class="form-control" value="{{ old('email', $client->email) }}" required />
              </div>
              <div class="col-md-6">
                <label class="form-label" for="phone">Teléfono</label>
                <input id="phone" type="text" name="phone" class="form-control" value="{{ old('phone', $client->phone) }}" />
              </div>
            </div>
          </div>
        </div>

        <div class="card mb-6">
          <div class="card-header">
            <h5 class="mb-0">Perfil cliente</h5>
          </div>
          <div class="card-body">
            <div class="row g-4">
              <div class="col-md-6">
                <label class="form-label" for="city_name">Ciudad</label>
                <input id="city_name" type="text" name="city_name" class="form-control" value="{{ old('city_name', $profile?->city_name) }}" />
              </div>
              <div class="col-md-6">
                <label class="form-label" for="zone_name">Zona / barrio</label>
                <input id="zone_name" type="text" name="zone_name" class="form-control" value="{{ old('zone_name', $profile?->zone_name) }}" />
              </div>
            </div>
          </div>
        </div>

        <div class="card">
          <div class="card-header">
            <h5 class="mb-0">Privacidad</h5>
          </div>
          <div class="card-body">
            <div class="form-check mb-3">
              <input
                id="share_data_for_recommendations"
                class="form-check-input"
                type="checkbox"
                name="share_data_for_recommendations"
                value="1"
                @checked(old('share_data_for_recommendations', $profile?->preferences['share_data_for_recommendations'] ?? false))
              />
              <label for="share_data_for_recommendations" class="form-check-label">Permitir recomendaciones personalizadas</label>
            </div>
            <div class="form-check">
              <input
                id="share_data_for_marketing"
                class="form-check-input"
                type="checkbox"
                name="share_data_for_marketing"
                value="1"
                @checked(old('share_data_for_marketing', $profile?->preferences['share_data_for_marketing'] ?? false))
              />
              <label for="share_data_for_marketing" class="form-check-label">Permitir comunicaciones comerciales</label>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-4">
        <div class="card">
          <div class="card-header">
            <h5 class="mb-0">Resumen rápido</h5>
          </div>
          <div class="card-body">
            <ul class="list-unstyled mb-4">
              <li class="mb-2"><span class="fw-semibold">Cliente:</span> {{ $client->display_name ?: $client->email }}</li>
              <li class="mb-2"><span class="fw-semibold">Estado:</span> {{ $client->statusLabel() }}</li>
              <li class="mb-2"><span class="fw-semibold">Email verificado:</span> {{ $client->email_verified_at ? $client->email_verified_at->format('Y-m-d H:i') : 'No verificado' }}</li>
              <li><span class="fw-semibold">Última actualización:</span> {{ optional($client->updated_at)->format('Y-m-d H:i') ?: 'N/D' }}</li>
            </ul>

            <div class="d-grid gap-2">
              <button type="submit" class="btn btn-primary">Guardar cambios</button>
              <a href="{{ route('admin.clients.show', $client) }}" class="btn btn-label-secondary">Cancelar</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </form>
@endsection