{{-- New-Unity ERP | Modules/Billing/Resources/Views/Mexico/invoices/index.blade.php | v2.3 | 14/06/2026 00:00:00 --}}
{{-- v2.2 — Fix dropdown overflow: table-responsive overflow:visible, dropdown strategy fixed. --}}
{{-- v2.1 — Fix dropdown overflow: data-bs-boundary=viewport en botones.
     Datepicker: type=date nativo (sin plugin).
     v2.0 — Refactory al diseño New-Unity: header + breadcrumbs + cards + BS5
     (form-select, input-group sin prepend/append, badges bg-*, d-none).
     Se retiran los @can (sistema de permisos pendiente) para no ocultar
     acciones. Se conservan IDs, nombres de filtros, partials y rutas. --}}

@extends('layouts.vertical')

@section('content')
<div class="container-fluid">

    {{-- Page Header --}}
    <div class="d-flex justify-content-between align-items-start mb-2">
        <div>
            <h1 class="h3 mb-0"><i class="fad fa-file-invoice-dollar me-2"></i>{{ __('invoices.invoices-mxn') }}</h1>
            <p class="text-muted mb-0">CFDI 4.0</p>
        </div>
        <a href="{{ route('invoices.create') }}" class="btn btn-primary">
            <i class="fas fa-plus me-1"></i>{{ __('invoices.create') }}
        </a>
    </div>

    {{-- Breadcrumbs --}}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-3">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Unity ERP</a></li>
            <li class="breadcrumb-item active">{{ __('invoices.invoices-mxn') }}</li>
        </ol>
    </nav>

    {{-- Flash messages --}}
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    {{-- Filters --}}
    <div class="card mb-3">
        <div class="card-header bg-primary text-white">
            <h5 class="card-title mb-0"><i class="fad fa-filter me-2"></i>{{ __('buttons.filter') }}</h5>
        </div>
        <div class="card-body">
            <form action="{{ url('invoices') }}" id="frmSearch" autocomplete="off" role="form" method="GET">
                <div class="row g-2 mb-2">
                    <div class="col-md-3">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('invoices.rfc') }}</span>
                            <input type="text" class="form-control" name="customer_rfc" value="{{ Request::get('customer_rfc') }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('invoices.company') }}</span>
                            <input type="text" class="form-control" name="customer_name" value="{{ Request::get('customer_name') }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('invoices.number') }}</span>
                            <input type="text" class="form-control" name="folio" value="{{ Request::get('folio') }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('invoices.currency') }}</span>
                            <select class="form-select" name="currency">
                                <option value="">{{ __('buttons.select') }}</option>
                                @foreach($currencies as $value)
                                    <option value="{{ $value->code }}" @selected($value->code == Request::get('currency'))>{{ $value->code }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <div class="row g-2 align-items-center">
                    <div class="col-md-3">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('invoices.status') }}</span>
                            <select class="form-select" name="status">
                                <option value="">{{ __('buttons.select') }}</option>
                                @foreach($status as $idx => $item)
                                    <option value="{{ $idx }}" @selected($idx == Request::get('status'))>{{ $item }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('invoices.period') }}</span>
                            <select class="form-select" name="period" id="period">
                                <option value="">{{ __('buttons.select') }}</option>
                                @foreach($periods as $idx => $item)
                                    <option value="{{ $idx }}" @selected($idx == Request::get('period'))>{{ $item }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3 custom-interval {{ Request::input('period') == 'custom interval' ? '' : 'd-none' }}">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('invoices.from') }}</span>
                            <input type="date" class="form-control" name="from" id="from" value="{{ Request::get('from') }}">
                            <span class="input-group-text"><i class="fal fa-calendar"></i></span>
                        </div>
                    </div>
                    <div class="col-md-3 custom-interval {{ Request::input('period') == 'custom interval' ? '' : 'd-none' }}">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('invoices.to') }}</span>
                            <input type="date" class="form-control" name="to" id="to" value="{{ Request::get('to') }}">
                            <span class="input-group-text"><i class="fal fa-calendar"></i></span>
                        </div>
                    </div>
                    <div class="col-md-auto ms-auto">
                        <button type="submit" class="btn btn-success btn-sm">
                            <i class="fas fa-filter me-1"></i>{{ __('buttons.filter') }}
                        </button>
                    </div>
                </div>


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

    {{-- Invoices table --}}
    <div class="card" style="overflow:visible;">
        <div class="card-body" style="overflow:visible;">
            <div class="table-responsive" id="content-table-quotes" style="overflow:visible;">
                <table id="invoicesTable" class="table table-hover align-middle w-100">
                    <thead>
                        <tr>
                            <th>{{ __('invoices.taxid') }}</th>
                            <th>{{ __('invoices.company') }}</th>
                            <th>{{ __('invoices.number') }}</th>
                            <th>{{ __('invoices.date') }}</th>
                            <th class="text-end">{{ __('invoices.amount') }}</th>
                            <th>{{ __('invoices.currency') }}</th>
                            <th class="text-end">{{ __('invoices.exchange') }}</th>
                            <th>{{ __('invoices.status') }}</th>
                            <th class="text-center">{{ __('invoices.actions') }}</th>
                            <th class="text-center">{{ __('invoices.stamped_invoice') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($invoices as $invoice)
                            <tr>
                                <td>{{ $invoice->customer_rfc }}</td>
                                <td>{{ $invoice->customer_name }}</td>
                                <td>{{ $invoice->folio }}</td>
                                <td>{{ date('d-m-Y', strtotime($invoice->created_at)) }}</td>
                                <td class="text-end">{{ number_format($invoice->total, 2, '.', ',') }}</td>
                                <td>{{ $invoice->currency }}</td>
                                <td class="text-end">{{ number_format($invoice->currency_to_mxn, 2, '.', ',') }}</td>
                                <td>
                                    @php
                                        $badge = !$invoice->cfdi_status ? 'bg-warning text-dark'
                                            : ($invoice->cfdi_status == 'timbra' ? 'bg-success'
                                            : (in_array($invoice->cfdi_status, ['cancel', 'cancel in progress']) ? 'bg-danger'
                                            : 'bg-secondary'));
                                    @endphp
                                    <span class="badge {{ $badge }}">
                                        {{ $invoice->cfdiStatusHuman() }}
                                        <i class="fas fa-envelope {{ $invoice->send_email ? '' : 'd-none' }}"
                                           data-bs-toggle="tooltip" title="{{ __('invoices.send_email') }}"></i>
                                    </span>
                                </td>
                                <td class="text-center">
                                    <div class="dropdown">
                                        <button type="button" class="btn btn-sm btn-outline-primary rounded-circle"
                                                data-bs-toggle="dropdown" aria-expanded="false"
                                                data-bs-boundary="viewport"
                                                data-bs-strategy="fixed">
                                            <i class="fa fa-ellipsis-v"></i>
                                        </button>
                                        <div class="dropdown-menu dropdown-menu-end">
                                            <a class="dropdown-item {{ $invoice->stampable() ? '' : 'disabled' }}"
                                               href="{{ route($invoice->cfdi_tipo == 't' ? 'consignment-notes.edit' : 'invoices.edit', $invoice->id) }}">
                                                <i class="fas fa-edit me-1"></i>{{ __('invoices.editinvoice') }}
                                            </a>
                                            <a class="dropdown-item {{ $invoice->stampable() ? '' : 'disabled' }}"
                                               href="{{ route($invoice->cfdi_tipo == 't' ? 'invoices.print-consignment' : 'invoices.remission', $invoice->id) }}"
                                               target="_blank">
                                                <i class="fas fa-file-pdf me-1"></i>{{ __('invoices.topdf') }}
                                            </a>
                                            <a class="dropdown-item"
                                               href="{{ route('invoices.create', ['id' => $invoice->id]) }}">
                                                <i class="fas fa-file me-1"></i>Refacturar
                                            </a>
                                            <div class="dropdown-divider"></div>
                                            <a class="dropdown-item text-danger {{ $invoice->stampable() ? '' : 'disabled' }}"
                                               onclick="$('#formDel').attr('action', '{{ route('invoices.destroy', $invoice->id) }}');"
                                               data-bs-toggle="modal" data-bs-target="#modalDelete" style="cursor:pointer">
                                                <i class="fas fa-trash-alt me-1"></i>{{ __('invoices.deletetitle') }}
                                            </a>
                                        </div>
                                    </div>
                                </td>
                                <td class="text-center">
                                    @include('billing::Mexico.invoices.partials.index.cfdi_buttons')
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="10" class="text-center text-muted py-3">{{ __('invoices.no_records') ?? 'No invoices found' }}</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>

@include('billing::Mexico.invoices.partials.index.modal_delete_invoice')
@include('billing::Mexico.invoices.partials.index.modal_cfdi_cancel')
@include('billing::Mexico.invoices.partials.index.modal_email')
@endsection

@section('scripts')
{{-- TODO: adaptar app.billing.js a New-Unity (DataTable, datepickers, modales
     cancelar/email). Por ahora timbrar/editar/PDF funcionan como enlaces. --}}
<script>
    // Toggle de fechas para "custom interval" sin depender de app.billing.js
    document.addEventListener('DOMContentLoaded', function () {
        var period = document.getElementById('period');
        if (period) {
            period.addEventListener('change', function () {
                var show = this.value === 'custom interval';
                document.querySelectorAll('.custom-interval').forEach(function (el) {
                    el.classList.toggle('d-none', !show);
                });
            });
        }
    });
</script>
@endsection