@extends('layouts.app')

@section('titulo', strtoupper($documento->tipo)." {$documento->numero}/{$documento->serie}")
@section('subtitulo', 'NF-e / NFC-e')

@section('acoes')
    @can('fiscal.editar')
        @if ($documento->status === 'pendente')
            <form method="POST" action="{{ route('fiscal.documentos.emitir', $documento) }}" class="d-inline">
                @csrf
                <button type="submit" class="btn btn-primary btn-sm">Emitir (Assinar e Transmitir)</button>
            </form>
        @endif
        @if ($documento->status === 'autorizada')
            <button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#modalCce">Carta de Correção</button>
            <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="modal" data-bs-target="#modalCancelar">Cancelar Documento</button>
        @endif
    @endcan
    @if ($documento->xml_path)
        <a href="{{ route('fiscal.documentos.xml', $documento) }}" class="btn btn-outline-secondary btn-sm">XML</a>
    @endif
    @if ($documento->danfe_path)
        <a href="{{ route('fiscal.documentos.danfe', $documento) }}" class="btn btn-outline-secondary btn-sm">DANFE</a>
    @endif
@endsection

@section('conteudo')
<div class="row g-3 mb-3">
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Status</div>
            <div class="kpi-value h6 mb-0"><span class="badge-status {{ $documento->status }}">{{ $documento->status }}</span></div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Valor</div>
            <div class="kpi-value">R$ {{ number_format($documento->valor_total, 2, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Tipo</div>
            <div class="kpi-value h6 mb-0">{{ strtoupper($documento->tipo) }} — {{ $documento->numero }}/{{ $documento->serie }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Emissão</div>
            <div class="kpi-value h6 mb-0">{{ $documento->data_emissao->format('d/m/Y H:i') }}</div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-7">
        <div class="card mb-3">
            <div class="card-header">Informações</div>
            <div class="card-body small">
                <dl class="row mb-0">
                    <dt class="col-4 text-muted-sm">Pedido</dt>
                    <dd class="col-8"><a href="{{ route('pedidos.show', $documento->pedido) }}">{{ $documento->pedido->numero }}</a></dd>

                    <dt class="col-4 text-muted-sm">Cliente</dt>
                    <dd class="col-8">{{ $documento->cliente->nome_fantasia ?: $documento->cliente->razao_social }}</dd>

                    @if ($documento->chave_acesso)
                    <dt class="col-4 text-muted-sm">Chave de Acesso</dt>
                    <dd class="col-8" style="word-break:break-all;">{{ $documento->chave_acesso }}</dd>
                    @endif

                    @if ($documento->protocolo_autorizacao)
                    <dt class="col-4 text-muted-sm">Protocolo</dt>
                    <dd class="col-8">{{ $documento->protocolo_autorizacao }}</dd>
                    @endif
                </dl>

                @if ($documento->mensagem_sefaz)
                    <hr>
                    <div class="text-muted-sm fw-semibold mb-1">Mensagem SEFAZ</div>
                    <p class="mb-0">{{ $documento->mensagem_sefaz }}</p>
                @endif

                @if ($documento->justificativa_cce)
                    <hr>
                    <div class="text-muted-sm fw-semibold mb-1">Carta de Correção</div>
                    <p class="mb-0">{{ $documento->justificativa_cce }}</p>
                @endif
            </div>
        </div>
    </div>
</div>

@can('fiscal.editar')
<div class="modal fade" id="modalCancelar" tabindex="-1">
    <div class="modal-dialog">
        <form method="POST" action="{{ route('fiscal.documentos.cancelar', $documento) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Cancelar Documento Fiscal</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <label class="form-label small fw-semibold">Justificativa * (mín. 15 caracteres)</label>
                <textarea name="justificativa" class="form-control" rows="3" minlength="15" required></textarea>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Voltar</button>
                <button type="submit" class="btn btn-danger">Confirmar Cancelamento</button>
            </div>
        </form>
    </div>
</div>

<div class="modal fade" id="modalCce" tabindex="-1">
    <div class="modal-dialog">
        <form method="POST" action="{{ route('fiscal.documentos.cce', $documento) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Carta de Correção Eletrônica</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <label class="form-label small fw-semibold">Justificativa * (mín. 15 caracteres)</label>
                <textarea name="justificativa" class="form-control" rows="4" minlength="15" required></textarea>
                <div class="text-muted-sm mt-1">Não é possível corrigir valores, quantidades, datas ou dados que alterem o cálculo do imposto.</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Voltar</button>
                <button type="submit" class="btn btn-primary">Enviar CC-e</button>
            </div>
        </form>
    </div>
</div>
@endcan
@endsection