@extends('layouts.app')

@php($esEdicion = $cliente->exists)

@section('titulo', $esEdicion ? 'Editar cliente' : 'Nuevo cliente')

@section('contenido')
  <div class="topbar">
    <div>
      <div class="eyebrow">Directorio</div>
      <h2>{{ $esEdicion ? 'Editar cliente' : 'Nuevo cliente' }}</h2>
    </div>
  </div>

  @include('partials.alertas', ['anchoMaximo' => '640px'])

  <form method="post" action="{{ $esEdicion ? route('clientes.update', $cliente) : route('clientes.store') }}" style="max-width:640px;">
    @csrf
    @if ($esEdicion) @method('PUT') @endif

    <div class="card-block">
      <h3><span class="idx">1</span> Datos del cliente</h3>
      <div class="field-sm">
        <label for="nombre">Nombre / Razón social *</label>
        <input type="text" id="nombre" name="nombre" value="{{ old('nombre', $cliente->nombre) }}" maxlength="150" required autofocus>
      </div>
      <div class="grid-2">
        <div class="field-sm">
          <label for="ruc">RUC (11 dígitos)</label>
          <input type="text" id="ruc" name="ruc" value="{{ old('ruc', $cliente->ruc) }}" maxlength="11" inputmode="numeric" pattern="\d{11}" title="11 dígitos numéricos">
        </div>
        <div class="field-sm">
          <label for="persona_contacto">Persona de contacto</label>
          <input type="text" id="persona_contacto" name="persona_contacto" value="{{ old('persona_contacto', $cliente->persona_contacto) }}" maxlength="120" placeholder="Con quién se coordina">
        </div>
      </div>
      <div class="grid-2">
        <div class="field-sm">
          <label for="correo">Correo electrónico</label>
          <input type="email" id="correo" name="correo" value="{{ old('correo', $cliente->correo) }}" maxlength="120">
        </div>
        <div class="field-sm">
          <label for="telefono">Teléfono</label>
          <input type="text" id="telefono" name="telefono" value="{{ old('telefono', $cliente->telefono) }}" maxlength="20">
        </div>
      </div>
      <div class="field-sm" style="margin-bottom:0;">
        <label for="direccion">Dirección</label>
        <input type="text" id="direccion" name="direccion" value="{{ old('direccion', $cliente->direccion) }}" maxlength="200">
      </div>
    </div>

    <div class="form-actions">
      <a href="{{ route('clientes.index') }}" class="btn-ghost">Cancelar</a>
      <button type="submit" class="btn-gold">{{ $esEdicion ? 'Guardar cambios' : 'Registrar cliente' }}</button>
    </div>
  </form>
@endsection