@extends('layouts.app')

@section('content')
<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
    <h5 class="mb-0">Proveedor: {{ ucwords(strtolower($provider->name)) }}</h5>
    <a href="{{ route('providers.edit', $provider->id) }}" class="btn btn-sm btn-outline-primary">
      <i class="ti tabler-pencil"></i> Editar
    </a>
  </div>

  <div class="card-body">
    <div class="row">
      {{-- Información general --}}
      <div class="col-md-6">
        <h6 class="fw-bold">Información General</h6>
        <p><strong>RFC:</strong> {{ $provider->rfc }}</p>
        <p><strong>Correo:</strong> {{ $provider->email ?? 'No especificado' }}</p>
        <p><strong>Teléfono Oficina:</strong> {{ $provider->phone }}</p>
        <p><strong>WhatsApp:</strong> {{ $provider->whatsapp }}</p>
        <p><strong>Tipo de Proveedor:</strong> {{ $provider->provider_type }}</p>
        <p><strong>Método de Pago:</strong> {{ $provider->payment_method }}</p>
      </div>

      {{-- Dirección y notas --}}
      <div class="col-md-6">
        <h6 class="fw-bold">Domicilio Fiscal</h6>
        <p>{{ $provider->fiscal_address }}</p>

        <h6 class="fw-bold mt-4">Notas</h6>
        <p>{{ $provider->notes ?? 'Sin notas adicionales' }}</p>

        @if($provider->has_tax_certificate_path)
          <h6 class="fw-bold mt-4">Constancia de Situación Fiscal</h6>
          <a href="{{ asset('storage/' . $provider->has_tax_certificate_path) }}" target="_blank">Ver archivo PDF</a>
        @endif
      </div>
    </div>

    {{-- Información bancaria --}}
    @if($provider->bankAccount)
    <hr>
    <div class="row">
      <div class="col-md-12">
        <h6 class="fw-bold">Información Bancaria</h6>
        <p><strong>Banco:</strong> {{ $provider->bankAccount->bank->name ?? 'No especificado' }}</p>
        <p><strong>Número de Cuenta:</strong> {{ $provider->bankAccount->account_number }}</p>
        <p><strong>CLABE:</strong> {{ $provider->bankAccount->clabe }}</p>
      </div>
    </div>
    @endif
  </div>
</div>
@endsection