@extends('layouts.admin')

@section('title', 'Proveedores')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">Proveedores</h1>
        <p class="text-secondary mb-0">Directorio de proveedores</p>
    </div>
    <button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#modalNewSupplier">
        <i class="bi bi-plus-lg"></i> Nuevo proveedor
    </button>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead>
                <tr>
                    <th>Razón social</th>
                    <th>RUC/Cédula</th>
                    <th>Contacto</th>
                    <th>Teléfono</th>
                    <th>Estado</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($suppliers as $s)
                    <tr>
                        <td>{{ $s->business_name }}</td>
                        <td>{{ $s->tax_id }}</td>
                        <td>{{ $s->contact_name }}</td>
                        <td>{{ $s->phone }}</td>
                        <td>{{ $s->is_active ? 'Activo' : 'Inactivo' }}</td>
                        <td>
                            <button
                                class="btn btn-sm btn-outline-primary"
                                type="button"
                                data-bs-toggle="modal"
                                data-bs-target="#modalEditSupplier{{ $s->id }}"
                            >Editar</button>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center py-5 text-secondary">No hay proveedores.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($suppliers->hasPages())
        <div class="card-footer">{{ $suppliers->links() }}</div>
    @endif
</div>

<div class="modal fade" id="modalNewSupplier" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <form class="modal-content" method="POST" action="{{ route('suppliers.store') }}">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Nuevo proveedor</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                @foreach(['business_name' => 'Razón social', 'tax_id' => 'RUC/Cédula', 'contact_name' => 'Contacto', 'email' => 'Correo', 'phone' => 'Teléfono', 'whatsapp' => 'WhatsApp'] as $name => $label)
                    <label class="form-label">{{ $label }}</label>
                    <input class="form-control mb-3" name="{{ $name }}" @if($name === 'business_name') required @endif>
                @endforeach
                <label class="form-label">Dirección</label>
                <textarea class="form-control mb-3" name="address"></textarea>
                <input type="hidden" name="is_active" value="1">
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" type="submit">Guardar</button>
            </div>
        </form>
    </div>
</div>

@foreach($suppliers as $s)
<div class="modal fade" id="modalEditSupplier{{ $s->id }}" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <form class="modal-content" method="POST" action="{{ route('suppliers.update', $s) }}">
            @csrf
            @method('PUT')
            <div class="modal-header">
                <h5 class="modal-title">Editar proveedor · {{ $s->business_name }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                @foreach(['business_name' => 'Razón social', 'tax_id' => 'RUC/Cédula', 'contact_name' => 'Contacto', 'email' => 'Correo', 'phone' => 'Teléfono', 'whatsapp' => 'WhatsApp'] as $name => $label)
                    <label class="form-label">{{ $label }}</label>
                    <input class="form-control mb-3" name="{{ $name }}" value="{{ $s->$name }}" @if($name === 'business_name') required @endif>
                @endforeach
                <label class="form-label">Dirección</label>
                <textarea class="form-control mb-3" name="address">{{ $s->address }}</textarea>
                <label class="form-check">
                    <input class="form-check-input" type="checkbox" name="is_active" value="1" @checked($s->is_active)> Activo
                </label>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" type="submit">Guardar cambios</button>
            </div>
        </form>
    </div>
</div>
@endforeach
@endsection