@extends('adminlte::page')
@section('title', 'Parâmetros Fiscais (NFSe)')

@section('content_header')
    <div class="row">
        <div class="col">
            <h1>Parâmetros Fiscais (fiscal.tb_param)</h1>
        </div>
        <div class="col d-flex justify-content-end">
            <button type="button" class="btn btn-primary btn-md" data-toggle="modal" data-target="#modalParam">
                <i class="fas fa-plus fa-xs mr-2"></i>Novo parâmetro
            </button>
        </div>
    </div>
@stop

@section('content')
    <div class="row mt-3">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Tabela de parâmetros</h3>
                </div>
                <div class="card-body p-0">
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Nome</th>
                                <th>Valor</th>
                                <th>Descrição</th>
                                <th>Ativo</th>
                                <th>Última atualização</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($params as $p)
                                <tr>
                                    <td>{{ $p['param_id'] ?? '' }}</td>
                                    <td><code>{{ $p['param_nome'] ?? '' }}</code></td>
                                    <td>{{ $p['param_valor'] ?? '' }}</td>
                                    <td>{{ $p['param_descricao'] ?? '' }}</td>
                                    <td>{{ ($p['param_ativo'] ?? '') === 'S' ? 'Sim' : 'Não' }}</td>
                                    <td>{{ isset($p['param_data_atualizacao']) ? \Carbon\Carbon::parse($p['param_data_atualizacao'])->format('d/m/Y H:i') : '' }}</td>
                                    <td>
                                        <button type="button" class="btn btn-sm btn-outline-primary btn-editar" data-id="{{ $p['param_id'] ?? '' }}" data-nome="{{ $p['param_nome'] ?? '' }}" data-valor="{{ $p['param_valor'] ?? '' }}" data-descricao="{{ $p['param_descricao'] ?? '' }}" data-ativo="{{ $p['param_ativo'] ?? 'S' }}">Editar</button>
                                        <button type="button" class="btn btn-sm btn-outline-danger btn-excluir" data-id="{{ $p['param_id'] ?? '' }}" data-nome="{{ $p['param_nome'] ?? '' }}">Excluir</button>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted">Nenhum parâmetro cadastrado. Execute o script SQL de criação da tabela e insira os iniciais ou use &quot;Novo parâmetro&quot;.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {{-- Modal Novo/Editar --}}
    <div class="modal fade" id="modalParam" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalParamTitle">Novo parâmetro</h5>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="param_id" value="">
                    <div class="form-group">
                        <label for="param_nome">Nome <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="param_nome" placeholder="Ex: NFSE_ALIQUOTA_PIS" maxlength="100">
                    </div>
                    <div class="form-group">
                        <label for="param_valor">Valor</label>
                        <input type="text" class="form-control" id="param_valor" placeholder="Ex: 0.65 ou S/N" maxlength="500">
                    </div>
                    <div class="form-group">
                        <label for="param_descricao">Descrição</label>
                        <input type="text" class="form-control" id="param_descricao" placeholder="Texto para exibição na tela" maxlength="400">
                    </div>
                    <div class="form-group">
                        <label for="param_ativo">Ativo</label>
                        <select class="form-control" id="param_ativo">
                            <option value="S">Sim</option>
                            <option value="N">Não</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-primary" id="btnSalvarParam">Salvar</button>
                </div>
            </div>
        </div>
    </div>
@stop

@section('js')
    <script src="{{ asset('js/app.js') }}"></script>
    <script>
        var apiBase = '{{ url("api/v1/financeiro") }}';

        function getCsrfToken() {
            return document.querySelector('meta[name="csrf-token"]') ? document.querySelector('meta[name="csrf-token"]').getAttribute('content') : '';
        }

        $('#modalParam').on('show.bs.modal', function (e) {
            // Limpar só ao abrir pelo botão "Novo parâmetro". Ao abrir por "Editar", o click já preencheu os campos.
            var trigger = e.relatedTarget;
            var isEditButton = trigger && $(trigger).data('id');
            var isNewButton = trigger && !$(trigger).data('id'); // botão Novo tem data-target, sem data-id
            if (isEditButton) return; // Editar: campos já preenchidos no click
            if (!trigger && $('#param_id').val()) return; // abertura programática com param_id = fluxo Editar
            if (!isNewButton && $('#param_id').val()) return; // outro caso com formulário preenchido
            $('#modalParamTitle').text('Novo parâmetro');
            $('#param_id').val('');
            $('#param_nome').val('').prop('readonly', false);
            $('#param_valor').val('');
            $('#param_descricao').val('');
            $('#param_ativo').val('S');
        });

        $('.btn-editar').on('click', function () {
            var id = $(this).data('id');
            $('#modalParamTitle').text('Editar parâmetro');
            $('#param_id').val(id);
            $('#param_nome').val($(this).data('nome')).prop('readonly', true);
            $('#param_valor').val($(this).data('valor'));
            $('#param_descricao').val($(this).data('descricao'));
            $('#param_ativo').val($(this).data('ativo'));
            $('#modalParam').modal('show');
        });

        $('#btnSalvarParam').on('click', function () {
            var id = $('#param_id').val();
            var payload = {
                param_nome: $('#param_nome').val().trim(),
                param_valor: $('#param_valor').val().trim(),
                param_descricao: $('#param_descricao').val().trim(),
                param_ativo: $('#param_ativo').val()
            };
            if (!payload.param_nome) {
                alert('Informe o nome do parâmetro.');
                return;
            }
            var url = id ? apiBase + '/fiscal/param/' + id : apiBase + '/fiscal/param';
            var method = id ? 'PUT' : 'POST';
            fetch(url, {
                method: method,
                headers: {
                    'Content-Type': 'application/json',
                    'Accept': 'application/json',
                    'X-CSRF-TOKEN': getCsrfToken()
                },
                body: JSON.stringify(payload)
            })
            .then(function (r) {
                if (r.status === 201 || r.status === 200) {
                    window.location.reload();
                } else {
                    return r.json().then(function (j) { throw new Error(j.message || 'Erro ao salvar'); });
                }
            })
            .catch(function (err) {
                alert(err.message || 'Erro ao salvar parâmetro.');
            });
        });

        $('.btn-excluir').on('click', function () {
            var id = $(this).data('id');
            var nome = $(this).data('nome');
            if (!confirm('Excluir o parâmetro "' + nome + '"?')) return;
            fetch(apiBase + '/fiscal/param/' + id, {
                method: 'DELETE',
                headers: {
                    'Accept': 'application/json',
                    'X-CSRF-TOKEN': getCsrfToken()
                }
            })
            .then(function (r) {
                if (r.status === 204) {
                    window.location.reload();
                } else {
                    return r.json().then(function (j) { throw new Error(j.message || 'Erro ao excluir'); });
                }
            })
            .catch(function (err) {
                alert(err.message || 'Erro ao excluir parâmetro.');
            });
        });
    </script>
@stop