@extends('layouts.admin-Lti')
@section('title', '-RegistoFarmacos')

@section('content')

<style>


<style>
    /* Estilo geral */
    body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background-color: #f8f9fa;
    }

    /* Cabeçalho e breadcrumb */
    .breadcrumb {
        background-color: transparent;
        padding: 0.75rem 1rem;
        border-radius: 0.25rem;
    }

    .breadcrumb-item.active {
        font-weight: 600;
        color: #2c3e50;
    }

    /* Cartões */
    .card {
        border: none;
        border-radius: 0.5rem;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        margin-bottom: 1.5rem;
    }

    .card-header {
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 1rem 1.25rem;
    }

    .card-body {
        padding: 1.25rem;
    }

    /* Botões */
    .btn {
        border-radius: 0.375rem;
        font-weight: 500;
        padding: 0.375rem 0.75rem;
        transition: all 0.2s;
    }

    .btn-primary {
        background-color: #3490dc;
        border-color: #3490dc;
    }

    .btn-primary:hover {
        background-color: #2779bd;
        border-color: #2779bd;
    }

    .badge {
        padding: 0.5em 0.75em;
        font-weight: 500;
        border-radius: 0.25rem;
    }

    /* Tabelas */
    .table {
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
    }

    .table thead th {
        background-color: #f1f5f9;
        color: #334155;
        font-weight: 600;
        border-bottom-width: 1px;
        padding: 0.75rem 1rem;
        vertical-align: middle;
    }

    .table tbody td {
        padding: 0.75rem 1rem;
        vertical-align: middle;
        border-top: 1px solid #e2e8f0;
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(241, 245, 249, 0.5);
    }

    .table-hover tbody tr:hover {
        background-color: #f8fafc;
    }

    /* Campos editáveis */
    .colunaeditavel {
        cursor: pointer;
        transition: background-color 0.2s;
        position: relative;
    }

    .colunaeditavel:hover {
        background-color: #f1f5f9;
    }

    .colunaeditavel input {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        font-size: inherit;
        padding: 0.375rem 0.75rem;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    /* Modais */
    .modal-content {
        border: none;
        border-radius: 0.5rem;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }

    .modal-header {
        background-color: #f8f9fa;
        border-bottom: 1px solid #e9ecef;
        padding: 1rem 1.25rem;
    }

    .modal-title {
        font-weight: 600;
        color: #2d3748;
    }

    /* Barra de progresso */
    .progress {
        height: 0.5rem;
        border-radius: 0.25rem;
        background-color: #e2e8f0;
    }

    .progress-bar {
        background-color: #3490dc;
    }

    /* Alertas */
    .alertContainer {
        position: fixed;
        top: 1rem;
        right: 1rem;
        z-index: 1100;
        max-width: 350px;
    }

    .alert {
        border: none;
        border-radius: 0.375rem;
        box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
        padding: 0.75rem 1.25rem;
    }

    /* Responsividade */
    @media (max-width: 768px) {
        .card-body {
            padding: 1rem;
        }

        .table thead th,
        .table tbody td {
            padding: 0.5rem;
            font-size: 0.875rem;
        }

        .btn, .badge {
            font-size: 0.875rem;
            padding: 0.25rem 0.5rem;
        }
    }

    /* Efeitos de hover e foco */
    .btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .btn:active {
        transform: translateY(0);
    }

    /* Tabela com scroll horizontal */
    .table-responsive {
        border-radius: 0.5rem;
        overflow: hidden;
    }

    /* Botões de ação na tabela */
    .btn-action {
        min-width: 80px;
        margin: 0.125rem;
        transition: all 0.2s;
    }

    .btn-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }

    /* Datalist */
    datalist {
        border-radius: 0.25rem;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    /* Input file customizado */
    .caregar-file-excel {
        display: none;
    }

    .btn-caregarfile {
        position: relative;
        overflow: hidden;
    }

    /* Efeito de loading */
    @keyframes pulse {
        0% { opacity: 0.6; }
        50% { opacity: 1; }
        100% { opacity: 0.6; }
    }

    .loading {
        animation: pulse 1.5s infinite;
    }
</style>
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
   <link rel="stylesheet" href="{{ asset('Admin-LTE/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css') }}">
<div class=" container container-fluid">
    <section class="content">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#"><span>{{ session()->get('infosession')[0]->TIpoSistema }}</span></a>
            </li>
            <li class="breadcrumb-item active"><span><b>Vendas-Diario</b></span></li>
        </ol>


 <form class="form-group-dados">
        <div class="card">
            <div class="card-body">


                <div class="row">
                    <div class="col-md-10">

                        <select class="form-control" name="FornecedorAdd">
                            @include('Stoque.Componetes.select-fornecedor', ['fornecedor' => $fornecedor])
                        </select>
                    </div>

                    <div class="col-md-2">
                        @include('Stoque.Componetes.Modal-registo-fornecedor')
                    </div>
                </div>


                @include('Stoque.compra-store');
            </div>


        </div>


</form>

        <div class="row">

 <div class="col-md-2">

               <button class=" btn btn-primary  btn-caregarfile"><i class="fa fa-file-excel-o fa-lg" >Excel </i>
            </button>

            <input type="file" class="caregar-file-excel" style="display: none" accept=".xls,.xlsx" >

            </div>

            <div class="col-md-2">


                <button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal"
                    class=" col badge badge-primary AdicionarNovaCategoriaEdit">
                    <i class="fa fa-edit fa-lg">Categorias</i></button>
            </div>


            <div class="col-md-2">


                <button type="button" data-bs-toggle="modal" data-bs-target="#ModalFormulacaoEdit"
                    class=" col badge badge-primary ModalFormulacaoEditutao">
                    <i class="fa fa-edit fa-lg">Formulacao</i></button>
            </div>
            <div class="col-md-2">

                <button class="badge badge-primary col AddFarmacosDefout" >
                    <i class="fa fa-lg fa-plus-circle">Farmacos</i>
                </button>
            </div>


            <div class="col-md-2">

                <button class="badge badge-primary col AddFarmacosDefinidos" >
                    <i class="fa fa-lg fa-plus-circle">Farmacos definido</i>
                </button>
            </div>


        </div>


        <div class="row">
<div class="col fileimput">

</div>
        </div>

<div class="card">
    <div class="card-boody">
        <div class="progress mt-3" style="display: none;">
            <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%;" id="progressBar">0%</div>
        </div>
        <div class="alertContainer" id="alertContainer">

        </div>
        <table id="example" class="table table-striped table-bordered">
            <thead>

                <tr>

                    <th>ID</th>
                    <th>Nome_Generico</th>
                    <th>Nome_Comercial</th>
                    <th>Formulacao</th>
                    <th>Concentracao</th>
                    <th>categoria</th>
                    <th>data_Validade</th>
                    <th>lote</th>
                    <th>codigo_de_BArras</th>
                    <th>temperatura_Conservacao</th>
                    <th>Quantidade</th>
                    <th>Preco_Compra</th>
                    <th>preco venda</th>


                    <th>Ações</th>





                </tr>
            </thead>
            <tbody>
                @foreach ($produto as $key => $item)
                    <tr rowid="{{ $key }}" class="linha{{ $key }}">
                        <td>{{ $item->id }}</td>
                        <td class="colunaeditavel " >{{ $item->produtos->nome }}</td>
                        <td class="colunaeditavel">{{ $item->produtos->nome_generico }}</td>
                        <td class="colunaeditavel">{{ $item->produtos->formulacao->Descricao }}</td>
                        <td class="colunaeditavel">{{ $item->produtos->Concentracao }}</td>
                        <td class="colunaeditavelCategoria">{{  $item->produtos->categoria->Descricao}}</td>
                        <td class="colunaeditavel">{{$item->data_validade }}</td>
                        <td class="colunaeditavel">{{ $item->lote }}</td>
                        <td class="colunaeditavel">{{ $item->codigo_barras }}</td>
                        <td class="colunaeditavel">{{ $item->produtos->temperatura_Conservacao }}</td>
                        <td class="colunaeditavel">{{ $item->Quantidade }}</td>
                        <td class="colunaeditavel">{{ $item->preco_compra }}</td>
                        <td class="colunaeditavel">{{ $item->preco_venda }}</td>



                        <td class="row">
                            <button type="button" class="btn btn-primary btn-sm edit-btn editarfarmaco col-6"
                                posicao="{{ $key }}">
                                <i class="fa fa-lg fa-save "></i></button>

                                <button class="button  btn btn-danger float-right col-6  removerliha"
                                  posicao="{{ $key }}"
                                  >
                                    <i class="fa fa-lg fa-minus-circle RemoverFarmaco"></i>

                                </button>
                        </td>
                    </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr>

                    <th>ID</th>
                    <th>Nome_Generico</th>
                    <th>Nome_Comercial</th>
                    <th>Formulacao</th>
                    <th>Concentracao</th>
                    <th>categoria</th>
                    <th>data_Validade</th>
                    <th>lote</th>
                    <th>codigo_de_BArras</th>
                    <th>temperatura_Conservacao</th>
                    <th>Quantidade</th>
                    <th>Preco_Compra</th>
                    <th>preco venda</th>


                    <th>Ações</th>


            </tfoot>
        </table>
    </div>
    <div class="card-foot row">
        <div class="col-md-12 ">
            <button class="button  btn btn-primary float-right ">
                   <i class="fa fa-lg fa-plus-circle Guardar-farmaco">Guardar</i>

               </button>


         </div>
    </div>
</div>

    </div>


</section>
        <div class="modal fade" id="ModalFormulacaoEdit" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Atualizar Formula&ccedil;&atilde;o</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="close"></button>
                </div>
                <div class="">



                    <table id="example3" class="table ">

<thead>
    <tr> <th>Id</th>
        <th>Decricao</th>
    </tr>
</thead>

                        <tbody>


                            @foreach ($formulacao as $item)
                                <tr >
                                    <td class="">{{ $item->id }}</td>
                                    <td class="colunaeditavel ">{{ $item->Descricao }}</td>

                                </tr>
                            @endforeach
                        </tbody>

                        <tfoot>
                                <tr>
                                    <th class="">Id</th>
                                    <th class="">Decricao</th>

                                </tr>
                            </tfoot>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
                    <button type="button" class="btn btn-primary GUardar-Formulacao">Guardar alterações</button>
                </div>
            </div>
        </div>
    </div>




<div class="modal fade" id="ModalCategoriaEdit" tabindex="-1" aria-labelledby="" aria-hidden="true">
    <div class="modal-dialog "> <!-- Usei modal-lg para ampliar o modal -->
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Atualizar Nova Categoria</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
            </div>
            <div class="modal-body">
                <div class="table-responsive "> <!-- Torna a tabela responsiva -->
                    <table id="example2" class="table table-striped  ">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Descrição</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($categoria as $categoriaItem)
                                <tr>
                                    <td>{{ $categoriaItem->id }}</td>
                                    <td class="colunaeditavel">{{ $categoriaItem->Descricao }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <th>ID</th>
                                <th>Descrição</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
                <button type="button" class="btn btn-primary GUardar-Categoria">Guardar alterações</button>
            </div>
        </div>
    </div>
</div>





   {{-- adicionar nov farmaco  --}}
@include("Stoque.Componetes.modal_add_farmacos",$produtosnaoAdd)


{{-- fim  --}}

        <datalist id="options" class="categoriasitemoption">
            @foreach ($categoria as $categoriaItem)
                <option value="{{ $categoriaItem->Descricao }}"> </option>
            @endforeach
        </datalist>
        <datalist id="nomefarmaco" class="formulacaoOptions">
            @foreach ($produtosnome->unique('nome')  as $item)
                <option value="{{ $item->nome }}"></option>
            @endforeach
        </datalist>

        <datalist id="nomefarmacoGeerico">
            @foreach ($produtosnome->unique('nome_generico') as $item)
                <option value="{{ $item->nome_generico }}"></option>
            @endforeach
        </datalist>

        <datalist id="formulacao">
            @foreach ($formulacao->unique('Descricao') as $item)
                <option value="{{ $item->Descricao }}"></option>
            @endforeach
        </datalist>

    @push('script')


<script src="{{ asset('Datatable/js/jquery.dataTables.min.js')}}"></script>
<script src="{{ asset('Datatable/js/dataTables.buttons.min.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.flash.min.js')}}"></script>
<script src="{{ asset('Datatable/js/jszip.min.js')}}"></script>
<script src="{{ asset('Datatable/js/pdfmake.min.js')}}"></script>
<script src="{{ asset('Datatable/js/vfs_fonts.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.html5.min.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.print.min.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.colVis.min.js')}}"></script>
<script src="{{ asset('Datatable/js/dataTables.fixedColumns.min.js')}}"></script>



<script src="{{ asset('MyJs/registoDeFornecedor.js') }}"></script>
<script>
/**
 * Módulo principal de gestão de farmácos
 */
const FarmacosManager = (function() {
    // Constantes globais
    const URLS = {
        fornecedorIndex: '{{ Route("fornecedor.index") }}',
        fornecedorStore: '{{ Route("fornecedor.store") }}',
        produtoCompraStore: '{{ Route("produto_compra.store") }}',
        exportarDados: '{{ route("produto_compra.exportardados") }}'
    };

    const TOKEN = '{{ Session::token() }}';

    // Variáveis de estado
    let isEditing = false;
    let dadosEditadosCategoria = [];
    let dadosEditadosFormulacao = [];
    let table, table2, table3, tableFarmacos;

    /**
     * Inicializa todas as tabelas DataTables
     */
    function initializeDataTables() {
        // Configuração comum para todas as tabelas
        const commonConfig = {
            responsive: true,
            paging: true,
            lengthChange: true,
            searching: true,
            ordering: true,
            info: true,
            autoWidth: true,
            lengthMenu: [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]],
            language: {
                lengthMenu: "visualizar _MENU_ ",
                zeroRecords: "Nada foi encontrado",
                info: "Mostrando página _PAGE_ de _PAGES_",
                processing: "Processando...",
                infoEmpty: "Nada encontrado",
                infoFiltered: "(filtrado de _MAX_ registros totais)",
                loadingRecords: "Carregando...",
                search: "Pesquisar:",
                paginate: {
                    first: "Primeiro",
                    last: "Último",
                    next: "Próximo",
                    previous: "Anterior"
                }
            }
        };

        // Tabela principal (example)
        table = $('#example').DataTable({
            ...commonConfig,
            dom: 'Bfrtip',
            buttons: [
                { extend: 'copy', text: '<i class="fa fa-copy"></i> Copiar', className: 'btn btn-primary' },
                { extend: 'excel', text: '<i class="fa fa-file-xls"></i> excel', className: 'btn btn-info' },
                { extend: 'pdf', text: '<i class="fa fa-file-pdf"></i> pdf', className: 'btn btn-danger' },
                { extend: 'print', text: '<i class="fa fa-print"></i> Imprimir', className: 'btn btn-success' }
            ],
            scrollX: true,
            initComplete: function() {
                createColumnFilters(this, [3, 9]);
            }
        });

        new $.fn.dataTable.FixedColumns(table, { leftColumns: 3 });

        // Tabela de categorias (example2)
        table2 = $('#example2').DataTable(commonConfig);

        // Tabela de formulações (example3)
        table3 = $('#example3').DataTable(commonConfig);
		// tabela de adicionar linha ja definidas
		 tableFarmacos = $('#tabelaFarmacosModal').DataTable({
                paging: true,
                pageLength: 3,
                dom: 'lrtip',
                scrollX: true,
                scrollY: 'calc(95vh - 250px)',
                scrollCollapse: true,
                language: commonConfig.language
            });
    }

    /**
     * Cria filtros para colunas
     */
    function createColumnFilters(datatable, columns) {
        columns.forEach(colIndex => {
            const column = datatable.api().column(colIndex);
            const select = $('<select class="SelectorSerach"><option value=""></option></select>')
                .appendTo($(column.footer()).empty())
                .on('change', function() {
                    const val = $.fn.dataTable.util.escapeRegex($(this).val());
                    column.search(val ? '^' + val + '$' : '', true, false).draw();
                });

            column.data().unique().sort().each((d, j) => {
                select.append(`<option value="${d}">${d}</option>`);
            });
        });
    }

    /**
     * Configura células editáveis
     */
    function setupEditableCells(tableElement, cellSelector, datatable) {
        tableElement.on('click', cellSelector, function() {
            if (isEditing) return;
            isEditing = true;

            const $cell = $(this);
            const cellValue = $cell.text();
            const inputType = $cell.is('[type="date"]') ? 'date' : 'text';
            const currentPage = datatable.page();

            // Determina qual datalist usar baseado no índice da coluna
            const columnIndex = $cell.index();
            let dataList = '';

            if (tableElement.is('#example tbody')) {
                if (columnIndex === 1) dataList = 'nomefarmaco';
                else if (columnIndex === 3) dataList = 'formulacao';
                else if (columnIndex === 5) dataList = 'options';
                else if (columnIndex === 2) dataList = 'nomefarmacoGeerico';
            }

            const $input = $(`<input type="${inputType}" value="${cellValue}" list="${dataList}">`);
            $cell.html($input);
            $input.focus().select();
            setCursorPosition($input[0], $input.val().length);

            $input.on('blur', function() {
                const newValue = $input.val();
                $cell.text(newValue);
                datatable.cell($cell).data(newValue).draw(false);
                datatable.page(currentPage).draw(false);

                // Salva dados editados se for tabela de categorias ou formulações
                if (tableElement.is('#example2 tbody')) {
                    const rowData = datatable.row($cell.closest('tr')).data();
                    dadosEditadosCategoria.push(rowData);
                } else if (tableElement.is('#example3 tbody')) {
                    const rowData = datatable.data()[$cell.closest('tr').index()];
                    dadosEditadosFormulacao.push(rowData);
                }

                isEditing = false;
            });

            $input.on('keypress', e => e.which === 13 && $(this).blur());
        });
    }

    /**
     * Define a posição do cursor em um input
     */
    function setCursorPosition(input, position) {
        if (input.setSelectionRange) {
            input.focus();
            input.setSelectionRange(position, position);
        } else if (input.createTextRange) {
            const range = input.createTextRange();
            range.collapse(true);
            range.moveEnd('character', position);
            range.moveStart('character', position);
            range.select();
        }
    }

    /**
     * Configura o modal de adição de fármacos
     */
    function setupFarmacosModal() {
       /* $('#ModalAddFarmacos').on('shown.bs.modal', function() {
            if ($.fn.DataTable.isDataTable('#tabelaFarmacosModal')) {
                $('#tabelaFarmacosModal').DataTable().destroy();
            }
$('#tabelaFarmacosModal').DataTable({
                paging: true,
                pageLength: 3,
                dom: 'lrtip',
                scrollX: true,
                scrollY: 'calc(95vh - 250px)',
                scrollCollapse: true,
                language: commonConfig.language
            });

            $("[name='tabelaFarmacosModal_length']").css("display", "none");
        });
		*/
    }

    /**
     * Manipuladores de eventos
     */
    function setupEventHandlers() {
        // Modal triggers
        $(".ModalFormulacaoEditutao").click(() => $("#ModalFormulacaoEdit").modal("show"));
        $(".AdicionarNovaCategoriaEdit").click(() => $("#ModalCategoriaEdit").modal("show"));

        // Células editáveis
        setupEditableCells($('#example tbody'), 'td.colunaeditavel', table);
        setupEditableCells($('#example tbody'), 'td.colunaeditavelCategoria', table);
        setupEditableCells($('#example2 tbody'), 'td.colunaeditavel', table2);
        setupEditableCells($('#example3 tbody'), 'td.colunaeditavel', table3);


// adicionar nova linha

	$(".AddFarmacosDefout").click(function(){
		addRow();
	})


// adicionar  linha ja definida
$(".AddFarmacosDefinidos").click(function(){
	addRowDef();
});
	   // Remover linha
        $(document).on("click", ".removerliha", function() {
            const currentPage = table.page();
            table.row($(this).closest('tr')).remove().draw(false);
            table.page(currentPage).draw(false);
        });

        // Editar farmaco
        $(document).on("click", ".editarfarmaco", handleEditFarmaco);

        // Guardar categorias
        $(".GUardar-Categoria").click(handleSaveCategories);

        // Guardar formulações
        $(".GUardar-Formulacao").click(handleSaveFormulations);

        // Upload de Excel
        $(".btn-caregarfile").click(() => $(".caregar-file-excel").trigger("click"));
        $(".caregar-file-excel").change(handleExcelUpload);

        // Guardar todos os farmacos
        $(".Guardar-farmaco").click(handleSaveAllFarmacos);

        // Adicionar fármacos selecionados
        $('#btnAdicionarSelecionados').click(handleAddSelectedFarmacos);



    }



    /**
     * Adiciona nova linha vazia
     */
    function addRow() {
        const newRow = table.row.add([
            "0", "", "", "", "", "", "m/d/ano", "", "", "", "", "", "",
            `<button type="button" class="btn btn-primary btn-sm editarfarmaco">
                <i class="fa fa-lg fa-save"></i>
            </button>`
        ]).order([0, 'asc']).draw(false).node();

        $(newRow).find('td').slice(1, -1).addClass('colunaeditavel');
        table.page('first').draw(false);
    }

    /**
     * Abre modal para adicionar fármacos definidos
     */
    function addRowDef() {

        $("#ModalAddFarmacos").modal("show");
    }


    /**
     * Manipulador para edição de fármaco
     */


    function handleEditFarmaco() {
        const $dadoslinha = table.row($(this).closest('tr')).data();
        const $linha = table.row($(this).closest('tr')).index();
        const rowId = $(this).attr('posicao');

        // Validação
        let isValid = validateFarmacoForm($dadoslinha, rowId);

        if (!isValid) {
            showAlert('error', 'Existem campos vazios. Por favor, preencha todos os campos antes de continuar');
            return;
        }

        showProgressBar();

        $.ajax({
            url: `/produto_compra/${$dadoslinha[0]}`,
            type: 'PUT',
            dataType: 'json',
            data: {
                linha: $linha,
                FornecedorAdd: $("[name='FornecedorAdd']").val(),
                tipocompra: $("[name='tipocompra']").val(),
                dataCompra: $("[name='dataCompra']").val(),
                Codigo_Fatura: $("[name='codigo_Fatura']").val(),
                tranporte: $("[name='tranporte']").val(),
                OutrasDespesas: $("[name='OutrasDespesas']").val(),
                armazem: $("[name='armazem']").val(),
                daddos: $dadoslinha,
                _token: TOKEN
            },
            success: function(Dado) {
                const $linha = parseInt(Dado.dados.linha);
                $(`.linha${$linha}`).css('border', '2px solid red');
                showAlert('success', 'O farmaco foi guardado com sucesso.');
            },
            complete: hideProgressBar
        });
    }

    /**
     * Valida o formulário de fármaco
     */
    function validateFarmacoForm(rowData, rowId) {
        let isValid = true;

        // Valida células
        for (let i = 1; i < rowData.length; i++) {
            if (rowData[i].trim() === '' && i !== 8) {
                isValid = false;
                $(table.cell(rowId, i).node()).css('border', '2px solid red');
            } else {
                $(table.cell(rowId, i).node()).css('border', '');
            }
        }

        // Valida campos do formulário
        if ($("[name='dataCompra']").val().trim() === '') {
            isValid = false;
            $("[name='dataCompra']").css('border', '2px solid red');
        } else {
            $("[name='dataCompra']").css('border', '');
        }

        if ($("[name='codigo_Fatura']").val().trim() === '') {
            isValid = false;
            $("[name='codigo_Fatura']").css('border', '2px solid red');
        } else {
            $("[name='codigo_Fatura']").css('border', '');
        }

        return isValid;
    }

    /**
     * Manipulador para salvar categorias
     */
    function handleSaveCategories() {
        $.ajax({
            url: '/estoque/categoria/1',
            type: 'PUT',
            dataType: 'json',
            data: {
                daddos: dadosEditadosCategoria,
                _token: TOKEN
            },
            success: function(dta) {
                let html = dta.Dados.map(e => `<option>${e.Descricao}</option>`).join('');
                $(".categoriasitemoption").html(html);
                $("#ModalCategoriaEdit").modal("hide");
            }
        });
    }

    /**
     * Manipulador para salvar formulações
     */
    function handleSaveFormulations() {
        $.ajax({
            url: '/estoque/categoria/1',
            type: 'PUT',
            dataType: 'json',
            data: {
                formulacao: dadosEditadosFormulacao,
                _token: TOKEN
            },
            success: function(dta) {
                let html = dta.Dados.map(e => `<option>${e.Descricao}</option>`).join('');
                $(".formulacaoOptions").html(html);
                $("#ModalFormulacaoEdit").modal("hide");
            }
        });
    }

    /**
     * Manipulador para upload de Excel
     */
    function handleExcelUpload() {
        const file = this.files[0];
        if (!file) return;

        const formData = new FormData();
        formData.append('excelFile', file);
        formData.append('_token', '{{ csrf_token() }}');

        showProgressBar();

        $.ajax({
            url: URLS.exportarDados,
            type: 'POST',
            data: formData,
            contentType: false,
            processData: false,
            success: function(response) {
                $(".fileimput").html(`<i class="fa fa-file-excel-o fa-lg">${file.name}</i>`);

                table.clear().rows.add(response.data).draw();

                table.rows().every(function() {
                    const $row = $(this.node());
                    for (let x = 0; x < 12; x++) {
                        $row.find('td').eq(x).addClass('colunaeditavel');
                    }
                });

                createColumnFilters(table, [3, 9]);
            },
            error: function(xhr) {
                showAlert('error', 'Erro ao enviar o arquivo: ' + xhr.responseText);
            },
            complete: hideProgressBar
        });
    }

    /**
     * Manipulador para salvar todos os fármacos
     */
    function handleSaveAllFarmacos() {
        const $dadoslinha = table.data().toArray();

        if (!validateMainForm()) {
            showAlert('error', 'Existem campos vazios. Por favor, preencha todos os campos antes de continuar.');
            return;
        }

        showProgressBar();

        $.ajax({
            url: URLS.produtoCompraStore,
            type: 'POST',
            dataType: 'json',
            data: {
                FornecedorAdd: $("[name='FornecedorAdd']").val(),
                tipocompra: $("[name='tipocompra']").val(),
                dataCompra: $("[name='dataCompra']").val(),
                Codigo_Fatura: $("[name='codigo_Fatura']").val(),
                tranporte: $("[name='tranporte']").val(),
                OutrasDespesas: $("[name='OutrasDespesas']").val(),
                armazem: $("[name='armazem']").val(),
                daddos: $dadoslinha,
                _token: TOKEN
            },
            success: function(resp) {
                table.clear().rows.add(resp.erro).draw();
                table.rows().every(function() {
                    const $row = $(this.node());
                    for (let x = 0; x < 12; x++) {
                        $row.find('td').eq(x).addClass('colunaeditavel');
                    }
                });
            },
            complete: hideProgressBar
        });
    }

    /**
     * Valida o formulário principal
     */
    function validateMainForm() {
        let isValid = true;

        if ($("[name='dataCompra']").val().trim() === '') {
            isValid = false;
            $("[name='dataCompra']").css('border', '2px solid red');
        } else {
            $("[name='dataCompra']").css('border', '');
        }

        if ($("[name='codigo_Fatura']").val().trim() === '') {
            isValid = false;
            $("[name='codigo_Fatura']").css('border', '2px solid red');
        } else {
            $("[name='codigo_Fatura']").css('border', '');
        }

        return isValid;
    }

    /**
     * Manipulador para adicionar fármacos selecionados
     */
    function handleAddSelectedFarmacos() {
        const selectedRows = [];

        $('.farmaco-check:checked').each(function() {
            const row = $(this).closest('tr');
            selectedRows.push({
                id: row.find('td:eq(1)').text(),
                nome: row.find('td:eq(2)').text(),
                nome_generico: row.find('td:eq(3)').text(),
                formulacao: row.find('td:eq(4)').text(),
                concentracao: row.find('td:eq(5)').text(),
                categoria: row.find('td:eq(6)').text(),
                quantidade: row.find('td:eq(7)').text() || '1',
                data_validade: formatDate(row.find('td:eq(8)').text()),
                lote: row.find('td:eq(9)').text() || 'LOTE-' + Math.floor(Math.random() * 1000),
                preco_compra: parseFloat(row.find('td:eq(10)').text().replace('.', '').replace(',', '.')) || 0,
                preco_venda: parseFloat(row.find('td:eq(11)').text().replace('.', '').replace(',', '.')) || 0
            });
        });

        if (selectedRows.length === 0) {
            showAlert('error', 'Por favor, selecione pelo menos um fármaco para adicionar.');
            return;
        }

        selectedRows.forEach(row => {
            const newRow = table.row.add([
                row.id,
                row.nome,
                row.nome_generico,
                row.formulacao,
                row.concentracao,
                row.categoria,
                row.data_validade,
                row.lote,
                '', // código de barras
                '', // temperatura conservação
                row.quantidade,
                row.preco_compra.toFixed(2),
                row.preco_venda.toFixed(2),
                `<button type="button" class="btn btn-primary btn-sm edit-btn editarfarmaco col-6" posicao="0">
                    <i class="fa fa-lg fa-save"></i>
                </button>
                <button class="button btn btn-danger float-right col-6 removerliha" posicao="0">
                    <i class="fa fa-lg fa-minus-circle RemoverFarmaco"></i>
                </button>`
            ]).draw(false).node();

            $(newRow).find('td').slice(1, -1).addClass('colunaeditavel');
        });


        $('#ModalAddFarmacos').modal('hide');
    }

    /**
     * Formata data de dd/mm/yyyy para yyyy-mm-dd
     */
    function formatDate(dateString) {
        if (!dateString) return '';
        const parts = dateString.split('/');
        return parts.length === 3 ? `${parts[2]}-${parts[1]}-${parts[0]}` : dateString;
    }

    /**
     * Mostra barra de progresso
     */
    function showProgressBar() {
        $('.progress').show();
        $('#progressBar').css('width', '0%').text('0%');
    }

    /**
     * Esconde barra de progresso
     */
    function hideProgressBar() {
        setTimeout(() => $('.progress').hide(), 1000);
    }

    /**
     * Mostra alerta
     */
    function showAlert(type, message) {
        const alertHtml = `
            <div class="alert alert-${type} alert-dismissible fade show" role="alert">
                <strong>${type === 'success' ? 'Informação!' : 'Erro!'}</strong> ${message}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>`;

        $('#alertContainer').append(alertHtml);
        setTimeout(() => $('.alert').alert('close'), 5000);
    }


    /**
     * Inicializa o módulo
     */
    function init() {
        initializeDataTables();
        setupFarmacosModal();
        setupEventHandlers();

        // Configura datepicker e validação de campos
        $('body')
            .on('focus', '.editable-date', function() {
                if (!$(this).hasClass('hasDatepicker')) {
                    $(this).datepicker({
                        dateFormat: 'dd/mm/yy',
                        onSelect: dateText => $(this).text(dateText).blur()
                    }).datepicker('show');
                }
            })
            .on('blur', '.editable-price, .editable-quantity', function() {
                let value = $(this).text().trim();
                if (value === '') value = '0';

                if ($(this).hasClass('editable-price')) {
                    const num = parseFloat(value.replace('.', '').replace(',', '.')) || 0;
                    $(this).text(num.toFixed(2).replace('.', ','));
                } else if ($(this).hasClass('editable-quantity')) {
                    const num = parseInt(value) || 1;
                    $(this).text(Math.max(1, num));
                }
            });
    }

    // API pública
    return {
        init,
        addRow,
        addRowDef,
        lerFornecedor: function() {
            $.ajax({
                url: URLS.fornecedorIndex,
                type: 'GET',
                success: data => $("#elementosSlect").html(data)
            });
        }
    };
})();

// Inicializa quando o documento estiver pronto
$(document).ready(() => FarmacosManager.init());

</script>
@endpush

@endsection