@extends('partials.layout')
@section('titulo', 'Lançamentos')
@section('conteudo')
<div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px">
    <h2 class="page" style="margin:0">Lançamentos</h2>
    @if($me->podeLancar())<a href="{{ route('lancamentos.novo') }}" class="btn pri">+ Lançar</a>@endif
</div>
<div style="height:12px"></div>

<div class="card" style="padding:12px 14px">
    <form method="get" action="{{ route('lancamentos') }}" style="display:flex;gap:10px;align-items:end;flex-wrap:wrap">
        <div style="flex:1;min-width:260px">
            <label>Projeto</label>
            <select name="projeto" onchange="this.form.submit()" style="font-weight:700">
                <option value="">— Selecione um projeto —</option>
                @foreach($projetos as $p)<option value="{{ $p->id }}" @selected(($filtros['projeto']??'')==$p->id)>@if($p->centro_custo)CC {{ $p->centro_custo }} · @endif{{ $p->nome }}</option>@endforeach
            </select>
        </div>
        @if(!empty($filtros['projeto']))<a href="{{ route('lancamentos') }}" class="btn ghost">Trocar / limpar</a>@endif
    </form>
</div>

@if($lancamentos)
<div class="card">
    <form method="get" class="filtros" style="margin:0">
        <input type="hidden" name="projeto" value="{{ $filtros['projeto'] }}">
        <div style="flex:1;min-width:180px"><label>Buscar</label><input name="busca" value="{{ $filtros['busca'] ?? '' }}" placeholder="nº, fornecedor, nota…"></div>
        <div><label>Empresa</label><select name="empresa"><option value="">Todas</option>@foreach($empresas as $e)<option value="{{ $e->id }}" @selected(($filtros['empresa']??'')==$e->id)>{{ $e->nomeExibicao() }}</option>@endforeach</select></div>
        <div><label>Status</label><select name="status">
            @foreach(['todos'=>'Todos','abertos'=>'Abertos','atrasados'=>'Atrasados','pagos'=>'Pagos','recebidos'=>'Recebidos'] as $k=>$v)
                <option value="{{ $k }}" @selected(($filtros['status']??'todos')==$k)>{{ $v }}</option>
            @endforeach
        </select></div>
        <div><label>De</label><input type="date" name="de" value="{{ $filtros['de'] ?? '' }}"></div>
        <div><label>Até</label><input type="date" name="ate" value="{{ $filtros['ate'] ?? '' }}"></div>
        <div><button class="btn steel">Filtrar</button></div>
    </form>
</div>

<div class="card" style="padding:0;overflow-x:auto">
    <table>
        <thead><tr><th>ID</th><th>Tipo</th><th>Fornecedor / Cliente</th><th>Projeto</th><th>Vencimento</th><th>Status</th><th class="num">Valor</th><th></th></tr></thead>
        <tbody>
        @forelse($lancamentos as $l)
            @php $hoje = \Carbon\Carbon::now('America/Fortaleza')->toDateString(); @endphp
            <tr style="{{ $l->cancelado ? 'opacity:.5' : '' }}">
                <td class="muted">{{ str_pad($l->numero,3,'0',STR_PAD_LEFT) }}</td>
                <td>{!! $l->tipo==='pagar' ? '<span style="color:var(--alerta)">Saída</span>' : '<span style="color:var(--ok)">Entrada</span>' !!}</td>
                <td>
                    {{ ($l->tipo === 'pagar' ? $l->fornecedor_nome : $l->cliente?->nomeExibicao()) ?: ($l->descricao ?: '—') }}
                    @if($l->documento)<span class="muted">· {{ $l->documento }}</span>@endif
                    @if($me->podeLancar() && $l->categoria==='A classificar')<span class="tag-classificar">A classificar</span>@endif
                </td>
                <td class="muted">{{ $l->projeto?->nome }}</td>
                <td>
                    @php $dataVenc = $l->vencimento ?: $l->previsto; @endphp
                    @if($dataVenc && !$l->pago && !$l->recebido && !$l->cancelado && $dataVenc->toDateString() <= $hoje)
                        <span style="color:var(--alerta);font-weight:800">{{ $dataVenc->format('d/m/Y') }}</span>
                    @else
                        <span class="muted">{{ optional($dataVenc)->format('d/m/Y') }}</span>
                    @endif
                </td>
                <td>
                    @if($l->cancelado)<span class="pill" style="color:#8a6400;background:#FCEFCF">Cancelado</span>
                    @elseif($l->pago || $l->recebido)<span class="pill ok">{{ $l->pago?'Pago':'Recebido' }}</span>
                    @elseif($l->tipo==='pagar' && $l->vencimento && $l->vencimento->toDateString() < $hoje)<span class="pill alerta">Atrasado</span>
                    @else<span class="pill aberto">Aberto</span>@endif
                </td>
                <td class="num valor" style="font-weight:700;color:{{ $l->tipo==='pagar'?'var(--alerta)':'var(--ok)' }}">{{ number_format($l->valor,2,',','.') }}</td>
                <td style="text-align:right;white-space:nowrap">
                    <a href="{{ route('lancamentos.imprimir',$l) }}" target="_blank" class="btn ghost sm" title="Imprimir / gerar PDF (AP)" style="margin-right:2px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px"><polyline points="6 9 6 2 18 2 18 9"/><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><rect x="6" y="14" width="12" height="8"/></svg></a>
                    @if($me->ehGestao())<a href="{{ route('lancamentos.editar',$l) }}" class="btn ghost sm" title="Editar lançamento" style="margin-right:2px"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-1px"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg> Editar</a>@endif
                    <button type="button" class="btn ghost sm" popovertarget="acoes-{{ $l->id }}">Ações</button>
                    <div id="acoes-{{ $l->id }}" popover class="acoes-painel card">
                        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px">
                            <b style="font-size:13px">Lançamento {{ str_pad($l->numero,3,'0',STR_PAD_LEFT) }}</b>
                            <button type="button" class="btn ghost sm" popovertarget="acoes-{{ $l->id }}" popovertargetaction="hide" style="padding:2px 9px">✕</button>
                        </div>
                        @if($l->pago || $l->recebido)
                            <div style="background:var(--okBg);border-radius:8px;padding:8px 10px;margin-bottom:8px">
                                <div style="font-size:11px;color:var(--ok);font-weight:800">{{ $l->pago?'PAGO':'RECEBIDO' }}</div>
                                <div style="font-size:12.5px">em {{ optional($l->data_pagamento)->format('d/m/Y') }}@if($l->forma_pagamento) · {{ $l->forma_pagamento }}@endif</div>
                            </div>
                        @endif
                            @if($me->podeLancar())
                                <form method="post" action="{{ route('lancamentos.salvar',$l) }}" enctype="multipart/form-data" style="margin-bottom:8px">@csrf
                                    @if($me->ehGestao())
                                        <label>Status</label>
                                        <select name="status" style="margin-bottom:4px">
                                            <option value="aberto" @selected(!$l->pago && !$l->recebido)>Em aberto</option>
                                            <option value="baixado" @selected($l->pago || $l->recebido)>{{ $l->tipo==='pagar' ? 'Pago' : 'Recebido' }}</option>
                                        </select>
                                    @elseif(!$l->pago && !$l->recebido)
                                        <label>Status</label>
                                        <select name="status" style="margin-bottom:4px">
                                            <option value="aberto">Manter em aberto</option>
                                            <option value="baixado">Marcar como {{ $l->tipo==='pagar'?'pago':'recebido' }}</option>
                                        </select>
                                    @endif
                                    <label>Data de pagamento</label>
                                    <input type="date" name="data_pagamento" value="{{ optional($l->data_pagamento)->format('Y-m-d') ?: \Carbon\Carbon::now('America/Fortaleza')->toDateString() }}" style="margin-bottom:4px">
                                    <label>Forma de pagamento</label>
                                    <select name="forma_pagamento" style="margin-bottom:4px"><option value="">Selecione…</option>@foreach(['PIX','Boleto','Transferência','Dinheiro','Cheque'] as $f)<option @selected($l->forma_pagamento==$f)>{{ $f }}</option>@endforeach</select>
                                    @if($l->tipo==='pagar')
                                        <label>Categoria</label>
                                        <select name="categoria" style="margin-bottom:4px">@foreach($categorias as $c)<option @selected($l->categoria==$c)>{{ $c }}</option>@endforeach</select>
                                    @endif
                                    <label>Anexar documentos (pode vários)</label>
                                    <input type="file" name="anexos[]" accept=".pdf,.jpg,.jpeg,.png" multiple style="margin-bottom:6px;font-size:11px">
                                    <button class="btn pri sm" style="width:100%;justify-content:center">Salvar lançamento</button>
                                </form>
                            @endif
                            <div style="font-size:12px;margin-bottom:4px" class="muted">Documentos ({{ $l->anexos->count() }})</div>
                            @forelse($l->anexos as $a)
                                <div style="display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:3px">
                                    <a href="{{ route('anexos.ver',$a) }}" target="_blank" style="font-size:12px;color:var(--steel);font-weight:700">{{ \Illuminate\Support\Str::limit($a->nome_arquivo,22) }}</a>
                                    @if($me->ehGestao())<form method="post" action="{{ route('anexos.destroy',$a) }}" onsubmit="return confirm('Remover anexo?')">@csrf @method('DELETE')<button class="btn danger sm">x</button></form>@endif
                                </div>
                            @empty
                                <div class="muted" style="font-size:11px;margin-bottom:4px">Nenhum documento anexado.</div>
                            @endforelse
                            @if($me->ehGestao())
                                @if($l->cancelado)
                                    <form method="post" action="{{ route('lancamentos.reativar',$l) }}" style="margin-bottom:8px">@csrf<button class="btn ghost sm" style="width:100%">Reativar lançamento</button></form>
                                @else
                                    <form method="post" action="{{ route('lancamentos.cancelar',$l) }}" onsubmit="return confirm('Cancelar este lançamento? O número é preservado e ele não conta nos totais.')" style="margin-bottom:8px">@csrf<button class="btn ghost sm" style="width:100%;color:#8a6400">Cancelar lançamento</button></form>
                                @endif
                            @endif
                            @if($me->ehGestao())
                                <form method="post" action="{{ route('lancamentos.destroy',$l) }}" onsubmit="return confirm('Excluir lançamento?')" style="margin-top:8px;border-top:1px solid var(--line);padding-top:8px">@csrf @method('DELETE')
                                    <button class="btn danger sm" style="width:100%">Excluir lançamento</button>
                                </form>
                            @endif
                        </div>
                </td>
            </tr>
        @empty
            <tr><td colspan="8" class="muted" style="padding:16px">Nenhum lançamento encontrado.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div>{{ $lancamentos->links() }}</div>
@else
<div class="card muted" style="text-align:center;padding:28px">
    Selecione um projeto acima para ver os lançamentos.
</div>
@endif
@endsection