@extends('layouts.app')

@section('title', 'Notas Fiscais')

@section('content')
<div class="container-fluid">
    <!-- Cabeçalho -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">
                <i class="fas fa-file-invoice-dollar"></i> Notas Fiscais
            </h1>
            <p class="text-muted mb-0">Gerenciamento de notas fiscais eletrônicas</p>
        </div>
        <div>
            @can('nota-fiscal.create')
                <a href="{{ route('nota-fiscal.create') }}" class="btn btn-primary">
                    <i class="fas fa-plus"></i> Nova Nota Fiscal
                </a>
            @endcan
        </div>
    </div>

    <!-- Estatísticas -->
    <div class="row mb-4">
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-primary shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                Total de Notas
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ number_format($estatisticas['total'], 0, ',', '.') }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-file-invoice-dollar fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-warning shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                                Pendentes
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ number_format($estatisticas['pendente'], 0, ',', '.') }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-clock fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-success shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                                Autorizadas
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ number_format($estatisticas['autorizada'], 0, ',', '.') }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-check-circle fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-info shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                Valor Total
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                R$ {{ number_format($estatisticas['valor_total'], 2, ',', '.') }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-dollar-sign fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Filtros -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-filter"></i> Filtros
            </h6>
        </div>
        <div class="card-body">
            <form method="GET" action="{{ route('nota-fiscal.index') }}">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="status">Status</label>
                            <select name="status" id="status" class="form-control">
                                <option value="">Todos os Status</option>
                                <option value="rascunho" {{ request('status') == 'rascunho' ? 'selected' : '' }}>
                                    Rascunho
                                </option>
                                <option value="pendente" {{ request('status') == 'pendente' ? 'selected' : '' }}>
                                    Pendente
                                </option>
                                <option value="autorizada" {{ request('status') == 'autorizada' ? 'selected' : '' }}>
                                    Autorizada
                                </option>
                                <option value="cancelada" {{ request('status') == 'cancelada' ? 'selected' : '' }}>
                                    Cancelada
                                </option>
                                <option value="denegada" {{ request('status') == 'denegada' ? 'selected' : '' }}>
                                    Denegada
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="numero_nota">Número da Nota</label>
                            <input type="text" name="numero_nota" id="numero_nota" 
                                   class="form-control" value="{{ request('numero_nota') }}"
                                   placeholder="Buscar por número">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="cliente">Cliente</label>
                            <input type="text" name="cliente" id="cliente" 
                                   class="form-control" value="{{ request('cliente') }}"
                                   placeholder="Buscar por cliente">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>&nbsp;</label>
                            <div class="d-flex gap-2">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-search"></i> Filtrar
                                </button>
                                <a href="{{ route('nota-fiscal.index') }}" class="btn btn-secondary">
                                    <i class="fas fa-times"></i> Limpar
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="data_inicio">Data Início</label>
                            <input type="date" name="data_inicio" id="data_inicio" 
                                   class="form-control" value="{{ request('data_inicio') }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="data_fim">Data Fim</label>
                            <input type="date" name="data_fim" id="data_fim" 
                                   class="form-control" value="{{ request('data_fim') }}">
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Tabela de Notas Fiscais -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-table"></i> Lista de Notas Fiscais
            </h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>Número</th>
                            <th>Série</th>
                            <th>Cliente</th>
                            <th>Data</th>
                            <th>Valor Total</th>
                            <th>Status</th>
                            <th>Protocolo</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($notas as $nota)
                            <tr>
                                <td>
                                    <strong>{{ $nota->numero_nota }}</strong>
                                </td>
                                <td>
                                    <span class="badge badge-secondary">{{ $nota->serie }}</span>
                                </td>
                                <td>
                                    <div>
                                        <strong>{{ Str::limit($nota->cliente_nome, 30) }}</strong>
                                        @if($nota->cliente_cpf_cnpj)
                                            <br>
                                            <small class="text-muted">{{ $nota->cliente_cpf_cnpj }}</small>
                                        @endif
                                    </div>
                                </td>
                                <td>
                                    {{ $nota->created_at->format('d/m/Y H:i') }}
                                </td>
                                <td>
                                    <strong>{{ $nota->valor_total_formatted }}</strong>
                                </td>
                                <td>
                                    <span class="badge badge-{{ $nota->status_color }}">
                                        {{ $nota->status_label }}
                                    </span>
                                </td>
                                <td>
                                    @if($nota->uf_protocolo)
                                        <small class="text-muted">{{ Str::limit($nota->uf_protocolo, 20) }}</small>
                                    @else
                                        <span class="text-muted">-</span>
                                    @endif
                                </td>
                                <td>
                                    <div class="btn-group" role="group">
                                        <a href="{{ route('nota-fiscal.show', $nota->id) }}" 
                                           class="btn btn-sm btn-info" title="Visualizar">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        
                                        @if($nota->podeSerEnviada())
                                            <button type="button" class="btn btn-sm btn-success" 
                                                    onclick="enviarSefaz({{ $nota->id }})" title="Enviar para SEFAZ">
                                                <i class="fas fa-paper-plane"></i>
                                            </button>
                                        @endif
                                        
                                        @if($nota->status === 'autorizada')
                                            <a href="{{ route('nota-fiscal.gerar-danfe', $nota->id) }}" 
                                               class="btn btn-sm btn-primary" title="Gerar DANFE" target="_blank">
                                                <i class="fas fa-file-pdf"></i>
                                            </a>
                                            
                                            <a href="{{ route('nota-fiscal.baixar-xml', $nota->id) }}" 
                                               class="btn btn-sm btn-secondary" title="Baixar XML" target="_blank">
                                                <i class="fas fa-download"></i>
                                            </a>
                                        @endif
                                        
                                        @if($nota->podeSerCancelada())
                                            <button type="button" class="btn btn-sm btn-danger" 
                                                    onclick="cancelarNota({{ $nota->id }})" title="Cancelar">
                                                <i class="fas fa-times"></i>
                                            </button>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center text-muted">
                                    <i class="fas fa-inbox fa-2x mb-2"></i>
                                    <br>
                                    Nenhuma nota fiscal encontrada
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            
            {{ $notas->links() }}
        </div>
    </div>
</div>

<!-- Modal de Cancelamento -->
<div class="modal fade" id="modalCancelamento" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Cancelar Nota Fiscal</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form id="formCancelamento" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <label for="justificativa">Justificativa do Cancelamento *</label>
                        <textarea name="justificativa" id="justificativa" class="form-control" 
                                  rows="3" required maxlength="1000"
                                  placeholder="Informe o motivo do cancelamento..."></textarea>
                        <small class="form-text text-muted">
                            A justificativa será enviada junto com o cancelamento para a SEFAZ.
                        </small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        <i class="fas fa-times"></i> Cancelar
                    </button>
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-check"></i> Confirmar Cancelamento
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<script>
function enviarSefaz(id) {
    if (confirm('Tem certeza que deseja enviar esta nota fiscal para a SEFAZ?')) {
        const form = document.createElement('form');
        form.method = 'POST';
        form.action = `/nota-fiscal/${id}/enviar-sefaz`;
        
        const csrf = document.createElement('input');
        csrf.type = 'hidden';
        csrf.name = '_token';
        csrf.value = document.querySelector('meta[name="csrf-token"]').content;
        
        form.appendChild(csrf);
        document.body.appendChild(form);
        form.submit();
    }
}

function cancelarNota(id) {
    const form = document.getElementById('formCancelamento');
    form.action = `/nota-fiscal/${id}/cancelar`;
    $('#modalCancelamento').modal('show');
}

$(document).ready(function() {
    // Auto-submit nos filtros
    $('#status, #numero_nota, #cliente').on('change', function() {
        $(this).closest('form').submit();
    });
    
    // Validar intervalo de datas
    $('#data_inicio, #data_fim').on('change', function() {
        const inicio = new Date($('#data_inicio').val());
        const fim = new Date($('#data_fim').val());
        
        if (inicio && fim && inicio > fim) {
            alert('A data de início não pode ser posterior à data de fim.');
            $(this).val('');
        }
    });
});
</script>
@endpush