@extends('layouts.enterprise')

@section('title', 'Editar usuario')

@section('content')
  <div class="card">
    <h1 class="page-title">Editar usuario #{{ $user->id }}</h1>
    <p class="subtle">Actualiza cuenta, rol y perfil de proveedor.</p>

    @if(session('ok'))
      <div class="notice">{{ session('ok') }}</div>
    @endif

    @if($errors->any())
      <div class="error">
        <ul>
          @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
          @endforeach
        </ul>
      </div>
    @endif

    @php
      $selectedRole = \App\Models\User::normalizeRole(old('role', $user->role)) ?? old('role', $user->role);
      $showSupplierSection = $selectedRole === \App\Models\User::ROLE_SUPPLIER;
    @endphp

    <form method="POST" action="{{ route('admin.users.update', $user) }}" class="grid" style="gap:14px; max-width:860px;">
      @csrf
      @method('PATCH')

      <h3 class="section-title">Cuenta</h3>
      <div class="grid grid-2">
        <div class="field">
          <label>Nombre</label>
          <input name="name" value="{{ old('name', $user->name) }}" required>
        </div>
        <div class="field">
          <label>Email</label>
          <input type="email" name="email" value="{{ old('email', $user->email) }}" required>
        </div>
        <div class="field">
          <label>Rol</label>
          <select id="role-select" name="role" required>
            <option value="admin" @selected($selectedRole === 'admin')>admin</option>
            <option value="accountant" @selected($selectedRole === 'accountant')>accountant</option>
            <option value="supplier" @selected($selectedRole === 'supplier')>supplier</option>
          </select>
        </div>
        <div class="field">
          <label>Correo verificado</label>
          <select name="email_verified">
            <option value="0" @selected(!old('email_verified', (bool) $user->email_verified_at))>No</option>
            <option value="1" @selected(old('email_verified', (bool) $user->email_verified_at))>Si</option>
          </select>
        </div>
        <div class="field">
          <label>Nueva contraseña</label>
          <input type="password" name="password" autocomplete="new-password" placeholder="Dejar vacio para no cambiar">
        </div>
        <div class="field">
          <label>Confirmar contraseña</label>
          <input type="password" name="password_confirmation" autocomplete="new-password" placeholder="Repite la contraseña">
        </div>
      </div>

      <div id="supplier-fields-block" style="{{ $showSupplierSection ? '' : 'display:none;' }}">
        <h3 class="section-title">Perfil proveedor</h3>
        <div class="grid grid-2">
          <div class="field">
            <label>Razon social</label>
            <input name="legal_name" value="{{ old('legal_name', $company?->legal_name) }}">
          </div>
          <div class="field">
            <label>RFC</label>
            <input name="rfc" value="{{ old('rfc', $company?->rfc) }}">
          </div>
          <div class="field">
            <label>Tipo persona</label>
            <select name="tipo_persona">
              <option value="">--</option>
              <option value="fisica" @selected(old('tipo_persona', $company?->tipo_persona) === 'fisica')>fisica</option>
              <option value="moral" @selected(old('tipo_persona', $company?->tipo_persona) === 'moral')>moral</option>
            </select>
          </div>
          <div class="field">
            <label>Dias de pago</label>
            <input type="number" min="1" max="365" name="payment_days" value="{{ old('payment_days', $company?->payment_days ?? 35) }}">
          </div>
          <div class="field">
            <label>Estatus proveedor</label>
            <select name="provider_status">
              <option value="pending" @selected(old('provider_status', $company?->provider_status ?? 'pending') === 'pending')>pending</option>
              <option value="approved" @selected(old('provider_status', $company?->provider_status) === 'approved')>approved</option>
              <option value="rejected" @selected(old('provider_status', $company?->provider_status) === 'rejected')>rejected</option>
            </select>
          </div>
          <div class="field">
            <label>Regimen fiscal</label>
            <input name="tax_regime" value="{{ old('tax_regime', $company?->tax_regime) }}">
          </div>
          <div class="field">
            <label>Uso CFDI</label>
            <input name="cfdi_use" value="{{ old('cfdi_use', $company?->cfdi_use) }}">
          </div>
          <div class="field">
            <label>Contacto</label>
            <input name="contact_name" value="{{ old('contact_name', $company?->contact_name) }}">
          </div>
          <div class="field">
            <label>Telefono</label>
            <input name="contact_phone" value="{{ old('contact_phone', $company?->contact_phone) }}">
          </div>
        </div>

        <div class="field">
          <label>Motivo de rechazo / notas de revisión</label>
          <textarea
            name="approval_notes"
            rows="4"
            id="approval-notes"
            placeholder="Obligatorio cuando el estatus sea rejected."
          >{{ old('approval_notes', $company?->approval_notes) }}</textarea>
        </div>

        <h3 class="section-title">Documentos cargados</h3>
        <table>
          <thead>
            <tr><th>Documento</th><th>Archivo</th></tr>
          </thead>
          <tbody>
            <tr><td>Constancia fiscal</td><td>@if($company?->csf_path)<a href="{{ asset('storage/'.$company->csf_path) }}" target="_blank">Ver archivo</a>@else - @endif</td></tr>
            <tr><td>Comprobante domicilio</td><td>@if($company?->domicilio_path)<a href="{{ asset('storage/'.$company->domicilio_path) }}" target="_blank">Ver archivo</a>@else - @endif</td></tr>
            <tr><td>Identificacion oficial</td><td>@if($company?->id_oficial_path)<a href="{{ asset('storage/'.$company->id_oficial_path) }}" target="_blank">Ver archivo</a>@else - @endif</td></tr>
            <tr><td>Caratula cuenta</td><td>@if($company?->caratula_path)<a href="{{ asset('storage/'.$company->caratula_path) }}" target="_blank">Ver archivo</a>@else - @endif</td></tr>
            <tr><td>Opinion cumplimiento</td><td>@if($company?->opinion_cumplimiento_path)<a href="{{ asset('storage/'.$company->opinion_cumplimiento_path) }}" target="_blank">Ver archivo</a>@else - @endif</td></tr>
            <tr><td>Acta constitutiva</td><td>@if($company?->acta_constitutiva_path)<a href="{{ asset('storage/'.$company->acta_constitutiva_path) }}" target="_blank">Ver archivo</a>@else - @endif</td></tr>
            <tr><td>Contrato firmado</td><td>@if($company?->contract_path)<a href="{{ asset('storage/'.$company->contract_path) }}" target="_blank">Ver archivo</a>@else - @endif</td></tr>
          </tbody>
        </table>
      </div>

      <div style="display:flex; gap:10px; margin-top:10px;">
        <button class="btn" type="submit">Guardar cambios</button>
        <a class="btn btn-secondary" href="{{ route('admin.users.index') }}">Regresar</a>
      </div>
    </form>
  </div>

  <script>
    document.addEventListener('DOMContentLoaded', function () {
      const roleSelect = document.getElementById('role-select');
      const supplierBlock = document.getElementById('supplier-fields-block');
      const supplierInputs = supplierBlock
        ? Array.from(supplierBlock.querySelectorAll('input, select, textarea'))
        : [];
      const statusSelect = document.querySelector('select[name="provider_status"]');
      const notesField = document.getElementById('approval-notes');

      const isSupplier = () => roleSelect && roleSelect.value === 'supplier';

      const toggleRequired = () => {
        if (!statusSelect || !notesField) return;
        notesField.required = isSupplier() && statusSelect.value === 'rejected';
      };

      const toggleSupplierBlock = () => {
        if (!supplierBlock) return;

        const show = isSupplier();
        supplierBlock.style.display = show ? '' : 'none';
        supplierInputs.forEach((field) => {
          field.disabled = !show;
        });
        toggleRequired();
      };

      if (roleSelect) {
        roleSelect.addEventListener('change', toggleSupplierBlock);
      }
      if (statusSelect) {
        statusSelect.addEventListener('change', toggleRequired);
      }

      toggleSupplierBlock();
    });
  </script>
@endsection