@extends('layouts.app')

@section('content')
<div class="card mb-6">
  <h5 class="card-header">Agregar Proveedor</h5>
  <form class="card-body needs-validation" enctype="multipart/form-data" method="POST" action="{{ route('providers.store') }}" novalidate>
    @csrf
    <div class="row g-8">
      {{-- Nombre del proveedor --}}
      <div class="col-md-8">
        <label for="name" class="form-label">Nombre del Proveedor <span class="text-danger">*</span></label>
        <input type="text"
               name="name"
               id="name"
               class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}"
               placeholder="Ej. Grupo Comercial XYZ"
               value="{{ old('name') }}"
               maxlength="255">
        @if ($errors->has('name'))
          <div class="invalid-feedback d-block">{{ $errors->first('name') }}</div>
        @endif
      </div>

      {{-- RFC --}}
      <div class="col-md-4">
        <label for="rfc" class="form-label">RFC</label>
        <input type="text"
               name="rfc"
               id="rfc"
               class="form-control @error('rfc') is-invalid @enderror"
               placeholder="RFC del proveedor"
               value="{{ old('rfc') }}"
               maxlength="13"
               minlength="12"
               inputmode="latin"
               pattern="[A-Za-z0-9]+"
               oninput="this.value = this.value.replace(/[^a-zA-Z0-9]/g, '')">
        @error('rfc')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      {{-- Domicilio Fiscal --}}
      <div class="col-md-12">
        <label for="fiscal_address" class="form-label">Domicilio Fiscal (Caller, Numero Int, Numero Ext, Colonia, Delegacion / Municipio, Estado y Codigo Postal) <span class="text-danger">*</span></label>
        <input type="text"
               name="fiscal_address"
               id="fiscal_address"
               class="form-control {{ $errors->has('fiscal_address') ? 'is-invalid' : '' }}"
               placeholder="Dirección fiscal"
               value="{{ old('fiscal_address') }}"
               maxlength="255">
        @if ($errors->has('fiscal_address'))
          <div class="invalid-feedback d-block">{{ $errors->first('fiscal_address') }}</div>
        @endif
      </div>

      {{-- Correo Electrónico --}}
      <div class="col-md-4">
        <label for="email" class="form-label">Correo Electrónico</label>
        <input type="email" name="email" id="email" class="form-control @error('email') is-invalid @enderror" placeholder="correo@proveedor.com" value="{{ old('email') }}" maxlength="255" autocomplete="email">
      </div>

      {{-- Teléfono --}}
      <div class="col-md-4">
        <label for="phone" class="form-label">Teléfono de Oficina <span class="text-danger">*</span></label>
        <input type="tel"
               name="phone"
               id="phone"
               class="form-control {{ $errors->has('phone') ? 'is-invalid' : '' }}"
               placeholder="Ej. 5512345678"
               value="{{ old('phone') }}"
               maxlength="10"
               inputmode="numeric"
               pattern="[0-9]*"
               oninput="this.value = this.value.replace(/[^0-9]/g, '')"
               autocomplete="tel">
        @if ($errors->has('phone'))
          <div class="invalid-feedback d-block">{{ $errors->first('phone') }}</div>
        @endif
      </div>

      {{-- WhatsApp --}}
      <div class="col-md-4">
        <label for="whatsapp" class="form-label">WhatsApp</label>
        <input type="tel"
               name="whatsapp"
               id="whatsapp"
               class="form-control @error('whatsapp') is-invalid @enderror"
               placeholder="Ej. 5598765432"
               value="{{ old('whatsapp') }}"
               maxlength="10"
               inputmode="numeric"
               pattern="[0-9]*"
               oninput="this.value = this.value.replace(/[^0-9]/g, '')"
               autocomplete="tel">
        @error('whatsapp')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      {{-- Tipo de proveedor --}}
      <div class="col-md-4">
        <label for="provider_type" class="form-label">Tipo de proveedor <span class="text-danger">*</span></label>
        <select name="provider_type" id="provider_type" class="form-select {{ $errors->has('provider_type') ? 'is-invalid' : '' }}">
          <option value="">Selecciona una opción</option>
          <option value="Insumos" {{ old('provider_type') == 'Insumos' ? 'selected' : '' }}>Insumos</option>
          <option value="Maquinaria" {{ old('provider_type') == 'Maquinaria' ? 'selected' : '' }}>Maquinaria</option>
          <option value="Equipo de cómputo" {{ old('provider_type') == 'Equipo de cómputo' ? 'selected' : '' }}>Equipo de cómputo</option>
          <option value="Servicios profesionales" {{ old('provider_type') == 'Servicios profesionales' ? 'selected' : '' }}>Servicios profesionales</option>
          <option value="Publicidad y marketing" {{ old('provider_type') == 'Publicidad y marketing' ? 'selected' : '' }}>Publicidad y marketing</option>
          <option value="Transporte y logística" {{ old('provider_type') == 'Transporte y logística' ? 'selected' : '' }}>Transporte y logística</option>
          <option value="Papelería y oficina" {{ old('provider_type') == 'Papelería y oficina' ? 'selected' : '' }}>Papelería y oficina</option>
          <option value="Mantenimiento" {{ old('provider_type') == 'Mantenimiento' ? 'selected' : '' }}>Mantenimiento</option>
          <option value="Construcción y obra" {{ old('provider_type') == 'Construcción y obra' ? 'selected' : '' }}>Construcción y obra</option>
          <option value="Otro" {{ old('provider_type') == 'Otro' ? 'selected' : '' }}>Otro</option>
        </select>
        @if ($errors->has('provider_type'))
          <div class="invalid-feedback d-block">{{ $errors->first('provider_type') }}</div>
        @endif
      </div>

      {{-- Método de pago --}}
      <div class="col-md-4">
        <label for="payment_method" class="form-label">Método de Pago Usual <span class="text-danger">*</span></label>
        <select name="payment_method" id="payment_method" class="form-select {{ $errors->has('payment_method') ? 'is-invalid' : '' }}">
          <option value="">Selecciona una opción</option>
          <option value="Transferencia" {{ old('payment_method') == 'Transferencia' ? 'selected' : '' }}>Transferencia</option>
          <option value="Efectivo" {{ old('payment_method') == 'Efectivo' ? 'selected' : '' }}>Efectivo</option>
          <option value="Cheque" {{ old('payment_method') == 'Cheque' ? 'selected' : '' }}>Cheque</option>
          <option value="Depósito Bancario" {{ old('payment_method') == 'Depósito Bancario' ? 'selected' : '' }}>Depósito Bancario</option>
        </select>
        @if ($errors->has('payment_method'))
          <div class="invalid-feedback d-block">{{ $errors->first('payment_method') }}</div>
        @endif
      </div>

      {{-- Constancia de situación fiscal --}}
      <div class="col-md-4 form-control-validation fv-plugins-icon-container">
        <label for="has_tax_certificate_file" class="form-label">Constancia de situación fiscal (PDF)</label>
        <input class="form-control {{ $errors->has('has_tax_certificate_file') ? 'is-invalid' : '' }}"
               type="file"
               id="has_tax_certificate_file"
               name="has_tax_certificate_file"
               accept=".pdf,application/pdf">
        @if ($errors->has('has_tax_certificate_file'))
          <div class="invalid-feedback d-block">{{ $errors->first('has_tax_certificate_file') }}</div>
        @endif
        <div class="text-muted small mt-1">Nota: si hay errores en el formulario, deberás volver a subir este archivo.</div>
      </div>

      <hr class="my-4">
      <h5 class="mb-3">Datos Bancarios</h5>

      <div class="row g-4">
        {{-- Banco --}}
        <div class="col-md-4">
          <label for="bank_id" class="form-label">Banco</label>
          <select name="bank_id" id="bank_id" class="form-select {{ $errors->has('bank_id') ? 'is-invalid' : '' }}">
            <option value="">Selecciona un banco</option>
            @foreach ($banks as $bank)
              <option value="{{ $bank->id }}" {{ old('bank_id') == $bank->id ? 'selected' : '' }}>
                {{ $bank->name }}
              </option>
            @endforeach
          </select>
          @if ($errors->has('bank_id'))
            <div class="invalid-feedback d-block">{{ $errors->first('bank_id') }}</div>
          @endif
        </div>

        {{-- Número de cuenta --}}
        <div class="col-md-4">
          <label for="account_number" class="form-label">Número de Cuenta</label>
          <input type="text"
                 name="account_number"
                 id="account_number"
                 class="form-control {{ $errors->has('account_number') ? 'is-invalid' : '' }}"
                 placeholder="Ej. 1234567890"
                 value="{{ old('account_number') }}"
                 inputmode="numeric"
                 pattern="[0-9]*"
                 maxlength="18">
          @if ($errors->has('account_number'))
            <div class="invalid-feedback d-block">{{ $errors->first('account_number') }}</div>
          @endif
        </div>

        {{-- CLABE --}}
        <div class="col-md-4">
          <label for="clabe" class="form-label">CLABE</label>
          <input type="text"
                 name="clabe"
                 id="clabe"
                 class="form-control {{ $errors->has('clabe') ? 'is-invalid' : '' }}"
                 placeholder="Ej. 012345678901234567"
                 value="{{ old('clabe') }}"
                 inputmode="numeric"
                 pattern="\d{18}"
                 maxlength="18"
                 minlength="18">
          @if ($errors->has('clabe'))
            <div class="invalid-feedback d-block">{{ $errors->first('clabe') }}</div>
          @endif
        </div>
      </div>

      {{-- Notas adicionales --}}
      <div class="col-12">
        <label for="notes" class="form-label">Notas Adicionales</label>
        <textarea name="notes" id="notes" maxlength="1000" class="form-control @error('notes') is-invalid @enderror" rows="3" placeholder="Información relevante adicional...">{{ old('notes') }}</textarea>
      </div>
    </div>

    <div class="pt-4 text-end">
      <button id="save-btn" type="submit" class="btn btn-outline-success waves-effect me-2">
        <i class="menu-icon icon-base ti tabler-device-floppy me-1"></i> {{ __('fields.buttons_save') }}
      </button>
      <a href="{{ route('providers.index') }}" class="btn btn-outline-secondary">
        <i class="menu-icon icon-base ti tabler-arrow-narrow-left-dashed"></i> {{ __('fields.buttons_volver_listado') }}
      </a>
    </div>
  </form>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
  const bank = document.getElementById('bank_id');
  const account = document.getElementById('account_number');
  const clabe = document.getElementById('clabe');

  function toggleBankFields() {
    const enabled = bank.value !== '';
    [account, clabe].forEach(el => el.disabled = !enabled);
  }

  bank.addEventListener('change', toggleBankFields);
  toggleBankFields();
});
</script>
@endpush
@endsection