@extends('layouts.app')

@section('title', 'Configuração de Parcelas')

@push('styles-custom')
<link href="{{ asset('vendors/choices/choices.min.css') }}" rel="stylesheet" />
<link href="{{ asset('vendors/flatpickr/flatpickr.min.css') }}" rel="stylesheet" />
<link href="{{ asset('css/custom.css') }}" rel="stylesheet" />
@endpush

@section('content')
<div class="content pt-3">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-3">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('contas-a-pagar.index') }}">Contas a Pagar</a></li>
            <li class="breadcrumb-item active" aria-current="page">Configuração de Parcelas</li>
        </ol>
    </nav>

    <div class="mb-4">
        <h2>Configuração de Parcelas</h2>
        <p class="text-muted">Configure as parcelas para a conta a pagar.</p>
    </div>

    <div class="progress mb-4">
        <div class="progress-bar" role="progressbar" style="width: {{ ($step / 5) * 100 }}%;" aria-valuenow="{{ $step }}" aria-valuemin="1" aria-valuemax="5">
            Passo {{ $step }} de 5
        </div>
    </div>

    <form id="form-parcelas" action="{{ route('contas-a-pagar.processar-parcelas') }}" method="POST" novalidate>
        @csrf

        @php
            $totalValor = session('conta_a_pagar.valor') ?? 0;
            $numEventos = count($eventos);
            $defaultValorPorEvento = $numEventos > 0
                ? number_format($totalValor / $numEventos, 2, ',', '.')
                : number_format($totalValor, 2, ',', '.');

            // Todas as parcelas armazenadas na sessão
            $parcelasSession = session('conta_a_pagar.parcelas', []);
        @endphp

        {{-- CASO NÃO HAJA EVENTOS --}}
        @if($eventos->count() === 0)
            <div class="card mb-4">
                <div class="card-header">
                    Parcelas (Sem Evento Vinculado)
                </div>
                <div class="card-body" id="parcelas-container-sem_evento">
                    @php
                        // Busca as parcelas já salvas para "sem_evento"
                        $parcelasSemEvento = $parcelasSession['sem_evento'] ?? [];
                    @endphp

                    @if(count($parcelasSemEvento) > 0)
                        @foreach($parcelasSemEvento as $uniqueId => $parcela)
                            @include('contas_a_pagar.partials.parcelas-form', [
                                'uniqueId' => $uniqueId,
                                'parcela' => $parcela,
                                'eventoId' => 'sem_evento'
                            ])
                        @endforeach
                    @else
                        {{-- Se não há parcelas salvas, cria uma inicial --}}
                        @include('contas_a_pagar.partials.parcelas-form', [
                            'uniqueId' => uniqid(),
                            'parcela' => [
                                'data' => '',
                                'valor' => number_format($totalValor, 2, ',', '.')
                            ],
                            'eventoId' => 'sem_evento'
                        ])
                    @endif

                    <button type="button" class="btn btn-success mt-2" onclick="adicionarParcela('sem_evento')">
                        <span class="fas fa-plus-circle"></span> Adicionar Parcela
                    </button>
                </div>
            </div>
        @else
            {{-- CASO EXISTA 1 OU MAIS EVENTOS --}}
            @foreach($eventos as $evento)
                <div class="card mb-4">
                    <div class="card-header">
                        Parcelas para o Evento: {{ $evento->nome }} - {{ $evento->data }} {{ $evento->hora }} - {{ $evento->cidade }}/{{ $evento->uf }}
                    </div>
                    <div class="card-body" id="parcelas-container-{{ $evento->id }}">
                        @php
                            $parcelasDoEvento = $parcelasSession[$evento->id] ?? [];
                        @endphp

                        @if(count($parcelasDoEvento) > 0)
                            {{-- Já existem parcelas salvas na sessão para este evento --}}
                            @foreach($parcelasDoEvento as $uniqueId => $parcela)
                                @include('contas_a_pagar.partials.parcelas-form', [
                                    'uniqueId' => $uniqueId,
                                    'parcela' => $parcela,
                                    'eventoId' => $evento->id
                                ])
                            @endforeach
                        @else
                            {{-- Nenhuma parcela criada ainda; cria uma inicial --}}
                            @include('contas_a_pagar.partials.parcelas-form', [
                                'uniqueId' => uniqid(),
                                'parcela' => [
                                    'data' => '',
                                    'valor' => $defaultValorPorEvento
                                ],
                                'eventoId' => $evento->id
                            ])
                        @endif

                        <button type="button" class="btn btn-success mt-2" onclick="adicionarParcela({{ $evento->id }})">
                            <span class="fas fa-plus-circle"></span> Adicionar Parcela para este Evento
                        </button>
                    </div>
                </div>
            @endforeach
        @endif

        <div class="d-flex justify-content-between align-items-center mt-3">
            <a href="{{ route('contas-a-pagar.dados-pagamento') }}" class="btn btn-secondary">
                <span class="fas fa-arrow-left"></span> Voltar
            </a>
            <button type="submit" class="btn btn-primary">
                <span class="fas fa-arrow-right"></span> Avançar para Resumo
            </button>
        </div>
    </form>
</div>
@endsection

@push('scripts-custom')
<script src="{{ asset('vendors/flatpickr/flatpickr.min.js') }}"></script>
<!-- Inclusão do script personalizado para parcelas -->
@include('contas_a_pagar.scripts.parcelas')
@endpush