@extends('layouts.index', ['titulo' => 'SIIGO - Dashboard', 'nombre_titulo' => 'SIIGO - Dashboard'])

@section('btns')
    <a href="{{ route('home') }}">
        <button type="button" class="btn btn-archivo">Atrás</button>
    </a>
@endsection

@section('content')
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <div class="contenedor" id="kt_content_container">

            <!-- Filtros de Fechas -->
            <div class="row mb-4">
                @if (session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                @endif

                <form method="GET" action="{{ route('siigo.siigo') }}">
                    <div class="row">
                        <div class="col-md-4">
                            <label for="date_start">Fecha Inicio</label>
                            <input type="date" id="date_start" name="date_start" value="{{ $date_start }}"
                                class="form-control">
                        </div>
                        <div class="col-md-4">
                            <label for="date_end">Fecha Final</label>
                            <input type="date" id="date_end" name="date_end" value="{{ $date_end }}"
                                class="form-control">
                        </div>
                        <div class="col-md-4">
                            <label for="document_id">Tipo de Documento</label>
                            <select id="document_id" name="document_id" class="form-control">
                                <option value="20" {{ request('document_id') == '20' ? 'selected' : '' }}>Documento Equivalente</option>
                                <option value="5" {{ request('document_id') == '5' ? 'selected' : '' }}>Factura Proveedor</option>
                                <option value="21" {{ request('document_id') == '21' ? 'selected' : '' }}>Notas Contables</option>
                            </select>
                        </div>
                        <div class="col-md-4 d-flex align-items-end">
                            <button type="submit" class="btn btn-primary">Filtrar</button>
                        </div>
                    </div>
                </form>
            </div>

            <!-- Sección de Totales -->
            <div class="row">
                <div class="col-6">
                    <div class="d-flex flex-column flex-lg-row">
                        <div class="w-100 mb-10">
                            <div class="card card-flush">
                                <div class="card-body pt-5">
                                    <h3 class="pt-4">Total Ingresos</h3>
                                    <span class="fs-3" style="color:green;">$ 105.840,00</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="d-flex flex-column flex-lg-row">
                        <div class="w-100 mb-10">
                            <div class="card card-flush">
                                <div class="card-body pt-5">
                                    <h3 class="pt-4">Total Egresos</h3>
                                    <span class="fs-3" style="color:red;">$ 89.630,00</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Sección de Ingresos (Facturas y Notas de Crédito) -->
            <div class="row">
                <!-- Columna 1: Facturas -->
                <div class="col-lg-6">
                    <div class="d-flex flex-column flex-lg-row flex-wrap">
                        <div class="w-100 mb-10">
                            <div class="card card-flush">
                                <div class="card-body pt-5">
                                    <h3 class="pt-4">Facturas</h3>
                                    <!-- Tabla de Facturas -->
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>Número</th>
                                                    <th>Fecha</th>
                                                    <th>Monto</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($invoices as $invoice)
                                                    <tr>
                                                        <td>{{ $invoice['name'] }}</td>
                                                        <td>{{ $invoice['date'] }}</td>
                                                        <td>${{ number_format($invoice['total'], 0, ',', '.') }}</td>
                                                        <td>
                                                            <a href="#" class="btn btn-iniciar view-invoice"
                                                                data-bs-toggle="modal" data-bs-target="#facturaModal"
                                                                invoice-id="{{ $invoice['id'] }}">
                                                                Ver Detalle
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>

                                    <!-- Botones de Paginación de Facturas -->
                                    <div class="d-flex justify-content-between">
                                        @if (isset($invoiceLinks['previous']))
                                            <a href="{{ route('siigo.siigo', ['invoice_url' => $invoiceLinks['previous']['href'], 'date_start' => $date_start, 'date_end' => $date_end]) }}"
                                                class="btn btn-primary">Anterior</a>
                                        @endif

                                        @if (isset($invoiceLinks['next']))
                                            <a href="{{ route('siigo.siigo', ['invoice_url' => $invoiceLinks['next']['href'], 'date_start' => $date_start, 'date_end' => $date_end]) }}"
                                                class="btn btn-primary">Siguiente</a>
                                        @endif
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Columna 2: Notas de Crédito -->
                <div class="col-lg-6">
                    <div class="d-flex flex-column flex-lg-row flex-wrap">
                        <div class="w-100 mb-10">
                            <div class="card card-flush">
                                <div class="card-body pt-5">
                                    <h3 class="pt-4">Notas de Crédito</h3>
                                    <!-- Tabla de Notas de Crédito -->
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>Número</th>
                                                    <th>Fecha</th>
                                                    <th>Monto</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($creditNotes as $note)
                                                    <tr>
                                                        <td>{{ $note['name'] }}</td>
                                                        <td>{{ $note['date'] }}</td>
                                                        <td>${{ number_format($note['total'], 0, ',', '.') }}</td>
                                                        <td>
                                                            <a href="#" class="btn btn-iniciar view-credit-note"
                                                                data-bs-toggle="modal" data-bs-target="#notaCreditoModal"
                                                                note-id="{{ $note['id'] }}">
                                                                Ver Detalle
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>

                                    <!-- Botones de Paginación de Notas de Crédito -->
                                    <div class="d-flex justify-content-between">
                                        @if (isset($creditNoteLinks['previous']))
                                            <a href="{{ route('siigo.siigo', ['credit_note_url' => $creditNoteLinks['previous']['href'], 'date_start' => $date_start, 'date_end' => $date_end]) }}"
                                                class="btn btn-primary">Anterior</a>
                                        @endif

                                        @if (isset($creditNoteLinks['next']))
                                            <a href="{{ route('siigo.siigo', ['credit_note_url' => $creditNoteLinks['next']['href'], 'date_start' => $date_start, 'date_end' => $date_end]) }}"
                                                class="btn btn-primary">Siguiente</a>
                                        @endif
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- @php
                print_r($costCenters);
            @endphp --}}

            <!-- Lista de Centros de Costo -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="d-flex flex-column flex-lg-row flex-wrap">
                        <div class="w-100 mb-10">
                            <div class="card card-flush">
                                <div class="card-body pt-5">
                                    <h3 class="pt-4">Centros de Costo</h3>
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>Código</th>
                                                    <th>Nombre</th>
                                                    <th>Activo</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {{-- @foreach($costCenters as $center)
                                                    <tr>
                                                        <td>{{ $center['code'] }}</td>
                                                        <td>{{ $center['name'] }}</td>
                                                        <td>{{ $center['active'] ? 'Sí' : 'No' }}</td>
                                                    </tr>
                                                @endforeach --}}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- Journals (Comprobantes Contables) Clasificados por Centros de Costo -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="d-flex flex-column flex-lg-row flex-wrap">
                        <div class="w-100 mb-10">
                            <div class="card card-flush">
                                <div class="card-body pt-5">
                                    <h3 class="pt-4">Comprobantes Contables por Centros de Costo</h3>
                                    <!-- Tabla de Centros de Costo con comprobantes clasificados -->
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>Código</th>
                                                    <th>Nombre</th>
                                                    <th>Valor Total</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($journalsByCostCenter as $center)
                                                    <tr>
                                                        <td>{{ $center['code'] }}</td>  <!-- Código del centro de costo -->
                                                        <td>{{ $center['name'] }}</td>  <!-- Nombre del centro de costo -->
                                                        <td>${{ number_format($center['total_value'], 0, ',', '.') }}</td>
                                                        <td>
                                                            <!-- Botón para mostrar/ocultar la tabla hija usando jQuery -->
                                                            <button class="btn btn-primary toggle-details" data-id="{{ $loop->index }}">
                                                                Ver Comprobantes
                                                            </button>
                                                        </td>
                                                    </tr>
                                            
                                                    <!-- Tabla hija oculta por defecto -->
                                                    <tr class="details-row" id="details-{{ $loop->index }}" style="display: none;">
                                                        <td colspan="4">
                                                            <table class="table">
                                                                <thead>
                                                                    <tr>
                                                                        <th>Número</th>
                                                                        <th>Fecha</th>
                                                                        <th>Valor</th>
                                                                        <th>Acciones</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @foreach($center['documents'] as $document)
                                                                        <tr>
                                                                            <td>{{ $document['document_id'] }}</td>
                                                                            <td>{{ $document['date'] }}</td>
                                                                            <td>${{ number_format($document['total_value'], 0, ',', '.') }}</td>
                                                                            <td>
                                                                                <a href="#" class="btn btn-info view-journals" data-bs-toggle="modal"
                                                                                   data-bs-target="#JournalModal" data-id="{{ $document['journal_id'] }}">
                                                                                    Ver Detalle
                                                                                </a>
                                                                            </td>
                                                                        </tr>
                                                                    @endforeach
                                                                </tbody>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>                                            
                                        </table>
                                    </div>

                                    <!-- Botones de Paginación -->
                                    @if (!empty($journalLinks['self']['href']))
                                        <div class="d-flex justify-content-between">
                                            @if (!empty($journalLinks['previous']['href']))
                                                <a href="{{ route('siigo.siigo', ['journal_url' => $journalLinks['previous']['href'], 'document_id' => $document_id, 'date_start' => $date_start, 'date_end' => $date_end]) }}" class="btn btn-secondary">Anterior</a>
                                            @endif
                                            @if (!empty($journalLinks['next']['href']))
                                                <a href="{{ route('siigo.siigo', ['journal_url' => $journalLinks['next']['href'], 'document_id' => $document_id, 'date_start' => $date_start, 'date_end' => $date_end]) }}" class="btn btn-primary">Siguiente</a>
                                            @endif
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
@endsection

@section('modal')
    @component('siigo.modals.facturas')
    @endcomponent
    @component('siigo.modals.centros_costo')
    @endcomponent
    @component('siigo.modals.notas_credito')
    @endcomponent
    @component('siigo.modals.comprobantes')
    @endcomponent
@endsection

@section('scripts')
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="{{ mix('/js/siigo/principal.js') }}"></script>
@endsection