@extends('layouts.app')

@section('title', 'Movimentação Financeira')

@section('content')
<div class="content movimentacoes-content">
    <div class="row gx-3">
        <div class="col-12">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-3">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item">Gerencial</li>
                    <li class="breadcrumb-item active">Movimentação Financeira</li>
                </ol>
            </nav>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card shadow-sm">
                <div class="card-header bg-body-tertiary">
                    <div class="row align-items-center">
                        <div class="col">
                            <h5 class="mb-0">Movimentação Financeira</h5>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <form action="{{ route('gerencial.movimentacao-financeira.relatorio') }}" method="POST" id="formMovimentacao">
                        @csrf

                        <div class="row g-3">
                            {{-- Período --}}
                            <div class="col-md-6">
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <label class="form-label" for="data_inicial">Data Inicial <span class="text-danger">*</span></label>
                                        <input type="date"
                                            class="form-control @error('data_inicial') is-invalid @enderror"
                                            id="data_inicial"
                                            name="data_inicial"
                                            value="{{ old('data_inicial', date('Y-m-01')) }}"
                                            required>
                                        @error('data_inicial')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label" for="data_final">Data Final <span class="text-danger">*</span></label>
                                        <input type="date"
                                            class="form-control @error('data_final') is-invalid @enderror"
                                            id="data_final"
                                            name="data_final"
                                            value="{{ old('data_final', date('Y-m-t')) }}"
                                            required>
                                        @error('data_final')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            {{-- Empresa --}}
                            <div class="col-md-6">
                                <label class="form-label" for="empresa_id">Empresa</label>
                                <select class="form-select select2-empresa @error('empresa_id') is-invalid @enderror"
                                        id="empresa_id"
                                        name="empresa_id">
                                    <option value="">Todas as Empresas</option>
                                    @foreach($empresas as $empresa)
                                        <option value="{{ $empresa->id }}" {{ old('empresa_id') == $empresa->id ? 'selected' : '' }}>
                                            {{ $empresa->razao_social }}
                                            @if($empresa->nome_fantasia)
                                                ({{ $empresa->nome_fantasia }})
                                            @endif
                                        </option>
                                    @endforeach
                                </select>
                                @error('empresa_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Tipo de Movimentação --}}
                            <div class="col-md-6">
                                <label class="form-label" for="tipo_movimentacao">Tipo de Movimentação</label>
                                <select class="form-select select2-tipo @error('tipo_movimentacao') is-invalid @enderror"
                                        id="tipo_movimentacao"
                                        name="tipo_movimentacao">
                                    <option value="">Todas</option>
                                    <option value="entrada" {{ old('tipo_movimentacao') == 'entrada' ? 'selected' : '' }}>
                                        Apenas Entradas
                                    </option>
                                    <option value="saida" {{ old('tipo_movimentacao') == 'saida' ? 'selected' : '' }}>
                                        Apenas Saídas
                                    </option>
                                    <option value="transferencia" {{ old('tipo_movimentacao') == 'transferencia' ? 'selected' : '' }}>
                                        Apenas Transferências
                                    </option>
                                </select>
                                @error('tipo_movimentacao')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Conta Bancária --}}
                            <div class="col-md-12">
                                <label class="form-label" for="conta_bancaria_id">Conta Bancária</label>
                                <select class="form-select select2-conta @error('conta_bancaria_id') is-invalid @enderror"
                                        id="conta_bancaria_id"
                                        name="conta_bancaria_id">
                                    <option value="">Todas as Contas</option>
                                    @foreach($contasBancarias as $conta)
                                        <option value="{{ $conta->id }}"
                                                data-empresa-id="{{ $conta->empresa_id }}"
                                                {{ old('conta_bancaria_id') == $conta->id ? 'selected' : '' }}>
                                            {{ $conta->banco }} - Ag: {{ $conta->agencia }} - CC: {{ $conta->conta_corrente }}
                                            ({{ $conta->empresa->nome_fantasia ?? $conta->empresa->razao_social }})
                                        </option>
                                    @endforeach
                                </select>
                                @error('conta_bancaria_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row mt-4">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-search me-2"></i>Gerar Relatório
                                </button>
                                <button type="button" class="btn btn-outline-secondary" onclick="limparFiltros()">
                                    <i class="fas fa-eraser me-2"></i>Limpar Filtros
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts-custom')
<script>
$(document).ready(function() {
    // Armazenar todas as opções de contas bancárias originalmente
    const todasAsContas = $('#conta_bancaria_id option').clone();
    
    // Função para formatar template das contas
    function formatarTemplateConta(option) {
        if (!option.id) return option.text;
        
        const text = option.text;
        if (text.includes(' - ') && text.includes('(') && text.includes(')')) {
            const parts = text.split('(');
            const bankInfo = parts[0].trim();
            const empresa = parts[1].replace(')', '').trim();
            
            return $('<div><strong>' + bankInfo + '</strong><br><small class="text-muted">' + empresa + '</small></div>');
        }
        return option.text;
    }

    // Inicializar Select2 nos selects
    $('#empresa_id').select2({
        width: '100%',
        placeholder: 'Todas as Empresas',
        allowClear: true,
        language: {
            noResults: function() { return "Nenhuma empresa encontrada"; }
        }
    });

    $('#tipo_movimentacao').select2({
        width: '100%',
        placeholder: 'Todas as Movimentações',
        allowClear: true,
        language: {
            noResults: function() { return "Nenhum tipo encontrado"; }
        }
    });

    $('#conta_bancaria_id').select2({
        width: '100%',
        placeholder: 'Todas as Contas',
        allowClear: true,
        language: {
            noResults: function() { return "Nenhuma conta encontrada"; }
        },
        templateResult: formatarTemplateConta
    });

    // Filtrar contas bancárias por empresa
    $('#empresa_id').on('change', function() {
        const empresaId = $(this).val();
        const $contaSelect = $('#conta_bancaria_id');
        
        // Destruir Select2 atual
        $contaSelect.select2('destroy');
        
        // Remover todas as opções exceto a primeira (vazia)
        $contaSelect.empty();
        
        // Adicionar opção vazia
        $contaSelect.append('<option value="">Todas as Contas</option>');
        
        // Filtrar e adicionar apenas as contas da empresa selecionada
        todasAsContas.each(function() {
            const $option = $(this);
            const optionValue = $option.val();
            
            // Pular a opção vazia
            if (optionValue === '') return;
            
            const optionEmpresaId = $option.attr('data-empresa-id');
            
            // Se não há empresa selecionada ou se a conta pertence à empresa selecionada
            if (empresaId === '' || optionEmpresaId === empresaId) {
                $contaSelect.append($option.clone());
            }
        });
        
        // Reinicializar Select2
        $contaSelect.select2({
            width: '100%',
            placeholder: 'Todas as Contas',
            allowClear: true,
            language: {
                noResults: function() { return "Nenhuma conta encontrada para esta empresa"; }
            },
            templateResult: formatarTemplateConta
        });
        
        console.log('Empresa selecionada:', empresaId);
        console.log('Contas disponíveis:', $contaSelect.find('option').length - 1); // -1 para excluir opção vazia
    });
});

// Limpar filtros (adaptado para Select2)
function limparFiltros() {
    document.getElementById('data_inicial').value = '{{ date('Y-m-01') }}';
    document.getElementById('data_final').value = '{{ date('Y-m-t') }}';
    
    // Limpar Select2 - isso vai disparar o evento change do empresa_id
    // que automaticamente vai restaurar todas as contas
    $('#empresa_id').val('').trigger('change');
    $('#tipo_movimentacao').val('').trigger('change');
    $('#conta_bancaria_id').val('').trigger('change');
}

// Validar datas
document.getElementById('formMovimentacao').addEventListener('submit', function(e) {
    const dataInicial = document.getElementById('data_inicial').value;
    const dataFinal = document.getElementById('data_final').value;

    if (dataInicial > dataFinal) {
        e.preventDefault();
        Swal.fire({
            icon: 'warning',
            title: 'Atenção!',
            text: 'A data inicial não pode ser maior que a data final!',
            confirmButtonText: 'OK'
        });
    }
});
</script>
@endpush