@extends('adminlte.app')

@section('content')

<link rel="stylesheet" href="{{ asset('css/tfds.css') }}">
@php
    $meses = [1=>'Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'];
    $anoAtual = (int) date('Y');
@endphp

<div class="content-wrapper tfds-root">

    @if ($message = Session::get('success')) <div class="tfds-alert ok">{{ $message }}</div> @endif
    @if ($message = Session::get('error'))   <div class="tfds-alert err">{{ $message }}</div> @endif
    @if ($errors->any())
        <div class="tfds-alert err"><ul class="tfds-i31">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
    @endif

    <div class="tfds-header-row">
        <div>
            <h1 class="tfds-h1">Fechar Despesas</h1>
            <p class="tfds-sub">Feche o mês para enviar as despesas à validação e gerar o documento para anexar os talões</p>
        </div>
        <a href="{{ route('despesas.index') }}" class="tfds-btn tfds-btn-ghost"><i class="fas fa-arrow-left"></i> Despesas</a>
    </div>

    {{-- SELETOR DE PERÍODO --}}
    <div class="tfds-card">
        <form method="GET" action="{{ route('despesas.fechar.index') }}" class="tfds-i14">
            <div class="tfds-i38">
                <label class="tfds-label">Mês</label>
                <select name="mes" class="tfds-select" onchange="this.form.submit()">
                    @foreach($meses as $num => $nome)
                        <option value="{{ $num }}" @if($num == $mes) selected @endif>{{ $nome }}</option>
                    @endforeach
                </select>
            </div>
            <div class="tfds-i37">
                <label class="tfds-label">Ano</label>
                <select name="ano" class="tfds-select" onchange="this.form.submit()">
                    @for($a = $anoAtual - 2; $a <= $anoAtual + 1; $a++)
                        <option value="{{ $a }}" @if($a == $ano) selected @endif>{{ $a }}</option>
                    @endfor
                </select>
            </div>
        </form>
    </div>

    {{-- DESPESAS EM ABERTO --}}
    <div class="tfds-card">
        <p class="tfds-card-title">Despesas em aberto — {{ $meses[$mes] ?? $mes }}/{{ $ano }}</p>
        @if($despesas->isEmpty())
            <div class="tfds-empty">Nenhuma despesa em aberto neste mês.</div>
        @else
        <table class="tfds-tbl">
            <thead>
                <tr><th>Data</th><th>Centro de Custo</th><th>Descrição</th><th>Forma de Pagamento</th><th class="r">Valor</th></tr>
            </thead>
            <tbody>
                @foreach($despesas as $d)
                    <tr>
                        <td>{{ $d->data ? date('d/m/Y', strtotime($d->data)) : '' }}</td>
                        <td>{{ optional($d->centroCusto)->nome_centro_custo }}</td>
                        <td>{{ $d->descricao }}</td>
                        <td>{{ $d->forma_pagamento }}@if($d->forma_pagamento === 'Cartão Corporativo') <i class="fas fa-credit-card tfds-i8"></i>@endif</td>
                        <td class="r">€ {{ number_format($d->valor, 2, ',', '.') }}</td>
                    </tr>
                @endforeach
                <tr class="tfds-i3">
                    <td colspan="4" class="r">Total Geral</td>
                    <td class="r">€ {{ number_format($totalGeral, 2, ',', '.') }}</td>
                </tr>
            </tbody>
        </table>
        @endif
    </div>

    {{-- RECONCILIAÇÃO DO CARTÃO + FECHO --}}
    @if(!$despesas->isEmpty())
    <form method="POST" action="{{ route('despesas.fechar') }}">
        @csrf
        <input type="hidden" name="mes" value="{{ $mes }}">
        <input type="hidden" name="ano" value="{{ $ano }}">

        <div class="tfds-card">
            <p class="tfds-card-title">Reconciliação do Cartão Corporativo</p>

            <div class="tfds-rec">
                <div class="box">
                    <div class="lbl">Saldo Anterior</div>
                    <div class="val">€ {{ number_format($saldoAnterior, 2, ',', '.') }}</div>
                </div>
                <div class="box">
                    <div class="lbl">+ Carregamentos</div>
                    <input type="number" step="0.01" min="0" name="carregamentos" id="carregamentos"  value="{{ old('carregamentos', 0) }}" class="tfds-input tfds-i29" required>
                </div>
                <div class="box">
                    <div class="lbl">− Despesas no Cartão</div>
                    <div class="val">€ {{ number_format($totalDespesasCartao, 2, ',', '.') }}</div>
                </div>
                <div class="box saldo">
                    <div class="lbl">= Novo Saldo</div>
                    <div class="val" id="novoSaldo">€ 0,00</div>
                </div>
            </div>

            <div class="tfds-i27">
                <label class="tfds-label" for="observacao">Observação (opcional)</label>
                <textarea name="observacao" id="observacao" class="tfds-input tfds-i33" maxlength="500">{{ old('observacao') }}</textarea>
            </div>

            <div class="tfds-i43">
                <button type="submit" class="tfds-btn tfds-btn-ok" onclick="return confirm('Fechar o mês? As despesas serão enviadas para validação e não poderão mais ser editadas.')">
                    <i class="fas fa-lock"></i> Fechar e Gerar Documento
                </button>
            </div>
        </div>
    </form>
    @endif
</div>

<script>
    (function(){
        var saldoAnterior = {{ $saldoAnterior }};
        var totalCartao   = {{ $totalDespesasCartao }};
        function fmt(v){ return '€ ' + v.toLocaleString('pt-PT', {minimumFractionDigits:2, maximumFractionDigits:2}); }
        function calc(){
            var carr = parseFloat(document.getElementById('carregamentos').value) || 0;
            document.getElementById('novoSaldo').textContent = fmt(saldoAnterior + carr - totalCartao);
        }
        var el = document.getElementById('carregamentos');
        if (el){ el.addEventListener('input', calc); calc(); }
    })();
</script>
@endsection