@extends('layouts.enterprise')

@section('title', 'Revision proveedor')

@section('content')
  <div class="card">
    <h1 class="page-title">Revision de proveedor</h1>
    <p class="subtle">Completa configuracion, revisa documentos y aprueba perfil.</p>

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

    @if($errors->has('provider_delete'))
      <div class="error">{{ $errors->first('provider_delete') }}</div>
    @endif

    <div class="grid grid-2" style="margin-bottom:20px;">
      <div>
        <p><strong>Empresa:</strong> {{ $company->legal_name }}</p>
        <p><strong>RFC:</strong> {{ $company->rfc }}</p>
        <p><strong>Email:</strong> {{ $company->user?->email }}</p>
        <p><strong>Tipo persona:</strong> {{ $company->tipo_persona }}</p>
      </div>
      <div>
        <p><strong>Estatus:</strong> <span class="badge">{{ $company->provider_status ?? 'pending' }}</span></p>
        <p><strong>Aprobado en:</strong> {{ $company->approved_at }}</p>
        <p><strong>Dias de pago:</strong> {{ $company->payment_days ?? 35 }}</p>
      </div>
    </div>

    <h3 class="section-title">Documentos</h3>
    <table style="margin-bottom:20px;">
      <thead>
        <tr>
          <th>Documento</th>
          <th>Archivo</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>Constancia situacion 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 estado de 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>

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

      <div class="field">
        <label>Estatus proveedor</label>
        <select name="provider_status" required>
          <option value="pending" @selected(($company->provider_status ?? 'pending') === 'pending')>Pendiente</option>
          <option value="approved" @selected(($company->provider_status ?? 'pending') === 'approved')>Aprobado</option>
          <option value="rejected" @selected(($company->provider_status ?? 'pending') === 'rejected')>Rechazado</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) }}" required>
      </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 class="field">
        <label>Motivo de rechazo / notas</label>
        <textarea
          name="approval_notes"
          rows="4"
          id="approval-notes"
          placeholder="Obligatorio cuando el estatus sea Rechazado."
        >{{ old('approval_notes', $company->approval_notes) }}</textarea>
      </div>

      <div>
        <button class="btn" type="submit">Guardar revision</button>
        <a class="btn btn-secondary" href="{{ route('accountant.providers.index') }}">Regresar</a>
      </div>
    </form>

    <div class="card" style="margin-top:14px; border:1px dashed #fecaca; background:#fff5f5;">
      <h2 class="section-title" style="margin-top:0;">Eliminar proveedor</h2>
      <p class="subtle">Solo podrás eliminarlo si todavía no tiene facturas registradas.</p>
      <form method="POST" action="{{ route('accountant.providers.destroy', $company) }}" onsubmit="return confirm('¿Seguro que quieres eliminar este proveedor? Esta acción no se puede deshacer.');">
        @csrf
        @method('DELETE')
        <button class="btn" type="submit" style="background:#b91c1c;">Eliminar proveedor</button>
      </form>
    </div>
  </div>

  <script>
    document.addEventListener('DOMContentLoaded', function () {
      const statusSelect = document.querySelector('select[name="provider_status"]');
      const notesField = document.getElementById('approval-notes');

      if (!statusSelect || !notesField) return;

      const toggleRequired = () => {
        notesField.required = statusSelect.value === 'rejected';
      };

      statusSelect.addEventListener('change', toggleRequired);
      toggleRequired();
    });
  </script>
@endsection