@extends('layouts.app')

@section('title', 'Notas de Crédito')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title">
                        <i class="fas fa-file-invoice-dollar me-2"></i>Notas de Crédito
                    </h3>
                    <div class="btn-group">
                        <a href="{{ route('admin.accounting.credit-notes.create', ['type' => 'purchase']) }}" class="btn btn-primary">
                            <i class="fas fa-plus me-2"></i>Nueva Nota de Compra
                        </a>
                        <a href="{{ route('admin.accounting.credit-notes.create', ['type' => 'sales']) }}" class="btn btn-success">
                            <i class="fas fa-plus me-2"></i>Nueva Nota de Venta
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Filtros -->
                    <div class="row mb-4">
                        <div class="col-md-3">
                            <select class="form-control" id="type_filter">
                                <option value="">Todos los tipos</option>
                                <option value="purchase" {{ request('type') == 'purchase' ? 'selected' : '' }}>Compra</option>
                                <option value="sales" {{ request('type') == 'sales' ? 'selected' : '' }}>Venta</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <select class="form-control" id="status_filter">
                                <option value="">Todos los estados</option>
                                <option value="draft" {{ request('status') == 'draft' ? 'selected' : '' }}>Borrador</option>
                                <option value="approved" {{ request('status') == 'approved' ? 'selected' : '' }}>Aprobado</option>
                                <option value="applied" {{ request('status') == 'applied' ? 'selected' : '' }}>Aplicado</option>
                                <option value="cancelled" {{ request('status') == 'cancelled' ? 'selected' : '' }}>Cancelado</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <input type="date" class="form-control" id="date_from" placeholder="Fecha desde" value="{{ request('date_from') }}">
                        </div>
                        <div class="col-md-3">
                            <input type="date" class="form-control" id="date_to" placeholder="Fecha hasta" value="{{ request('date_to') }}">
                        </div>
                    </div>

                    @if($creditNotes->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>Número</th>
                                        <th>Tipo</th>
                                        <th>Proveedor/Cliente</th>
                                        <th>Fecha</th>
                                        <th>Estado</th>
                                        <th>Monto</th>
                                        <th>Motivo</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($creditNotes as $creditNote)
                                        <tr>
                                            <td>
                                                <strong>{{ $creditNote->credit_note_number }}</strong>
                                            </td>
                                            <td>
                                                <span class="badge badge-{{ $creditNote->type === 'purchase' ? 'primary' : 'success' }}">
                                                    {{ $creditNote->type === 'purchase' ? 'Compra' : 'Venta' }}
                                                </span>
                                            </td>
                                            <td>
                                                @if($creditNote->type === 'purchase')
                                                    {{ $creditNote->supplier->business_name ?? 'N/A' }}
                                                @else
                                                    {{ $creditNote->client->business_name ?? 'N/A' }}
                                                @endif
                                            </td>
                                            <td>{{ $creditNote->credit_note_date->format('d/m/Y') }}</td>
                                            <td>
                                                @switch($creditNote->status)
                                                    @case('draft')
                                                        <span class="badge badge-secondary">Borrador</span>
                                                        @break
                                                    @case('approved')
                                                        <span class="badge badge-warning">Aprobado</span>
                                                        @break
                                                    @case('applied')
                                                        <span class="badge badge-success">Aplicado</span>
                                                        @break
                                                    @case('cancelled')
                                                        <span class="badge badge-danger">Cancelado</span>
                                                        @break
                                                @endswitch
                                            </td>
                                            <td class="text-right">
                                                <strong>{{ number_format($creditNote->total_amount, 2) }}</strong>
                                                <br>
                                                <small class="text-muted">{{ $creditNote->currency }}</small>
                                            </td>
                                            <td>
                                                <span class="text-truncate d-inline-block" style="max-width: 200px;" title="{{ $creditNote->reason }}">
                                                    {{ $creditNote->reason }}
                                                </span>
                                            </td>
                                            <td>
                                                <div class="btn-group" role="group">
                                                    <a href="{{ route('admin.accounting.credit-notes.show', $creditNote) }}" 
                                                       class="btn btn-sm btn-info" title="Ver">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                    @if($creditNote->status === 'draft')
                                                        <a href="{{ route('admin.accounting.credit-notes.edit', $creditNote) }}" 
                                                           class="btn btn-sm btn-warning" title="Editar">
                                                            <i class="fas fa-edit"></i>
                                                        </a>
                                                    @endif
                                                    @if($creditNote->canBeApproved())
                                                        <form action="{{ route('admin.accounting.credit-notes.approve', $creditNote) }}" 
                                                              method="POST" class="d-inline">
                                                            @csrf
                                                            <button type="submit" class="btn btn-sm btn-success" 
                                                                    title="Aprobar" 
                                                                    onclick="return confirm('¿Aprobar esta nota de crédito?')">
                                                                <i class="fas fa-check"></i>
                                                            </button>
                                                        </form>
                                                    @endif
                                                    @if($creditNote->canBeApplied())
                                                        <form action="{{ route('admin.accounting.credit-notes.apply', $creditNote) }}" 
                                                              method="POST" class="d-inline">
                                                            @csrf
                                                            <button type="submit" class="btn btn-sm btn-primary" 
                                                                    title="Aplicar" 
                                                                    onclick="return confirm('¿Aplicar esta nota de crédito?')">
                                                                <i class="fas fa-check-double"></i>
                                                            </button>
                                                        </form>
                                                    @endif
                                                    @if($creditNote->status === 'draft')
                                                        <form action="{{ route('admin.accounting.credit-notes.destroy', $creditNote) }}" 
                                                              method="POST" class="d-inline">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" class="btn btn-sm btn-danger" 
                                                                    title="Eliminar" 
                                                                    onclick="return confirm('¿Eliminar esta nota de crédito?')">
                                                                <i class="fas fa-trash"></i>
                                                            </button>
                                                        </form>
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        
                        <div class="d-flex justify-content-center">
                            {{ $creditNotes->links() }}
                        </div>
                    @else
                        <div class="text-center py-5">
                            <i class="fas fa-file-invoice-dollar fa-3x text-muted mb-3"></i>
                            <h5 class="text-muted">No hay notas de crédito</h5>
                            <p class="text-muted">Crea tu primera nota de crédito para comenzar.</p>
                            <div class="btn-group">
                                <a href="{{ route('admin.accounting.credit-notes.create', ['type' => 'purchase']) }}" class="btn btn-primary">
                                    <i class="fas fa-plus me-2"></i>Nota de Compra
                                </a>
                                <a href="{{ route('admin.accounting.credit-notes.create', ['type' => 'sales']) }}" class="btn btn-success">
                                    <i class="fas fa-plus me-2"></i>Nota de Venta
                                </a>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Aplicar filtros automáticamente
    const filters = ['type_filter', 'status_filter', 'date_from', 'date_to'];
    
    filters.forEach(filterId => {
        const element = document.getElementById(filterId);
        if (element) {
            element.addEventListener('change', applyFilters);
        }
    });
});

function applyFilters() {
    const params = new URLSearchParams();
    
    const type = document.getElementById('type_filter').value;
    const status = document.getElementById('status_filter').value;
    const dateFrom = document.getElementById('date_from').value;
    const dateTo = document.getElementById('date_to').value;
    
    if (type) params.append('type', type);
    if (status) params.append('status', status);
    if (dateFrom) params.append('date_from', dateFrom);
    if (dateTo) params.append('date_to', dateTo);
    
    const url = new URL(window.location);
    url.search = params.toString();
    window.location.href = url.toString();
}
</script>
@endsection