@extends('layouts.simple.master')

@section('title', 'Project List')

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/quill.snow.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/swiper/swiper-bundle.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/jquery.dataTables.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/select.bootstrap5.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/prism.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/dataTables.bootstrap5.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/sweetalert2.css') }}">
<style>
    .bg-10-saldo-atual {

        background-color: rgb(64 15 177 / 10%);

    }

    .txt-saldo-atual {

        color: #00a2bb !important
    }
</style>
@endsection

@section('main_content')
<div class="container-fluid">
    <div class="page-title">
        <div class="row">
            <div class="col-sm-6">
                <h3>Lançamento Estoque</h3>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href=""> <svg class="stroke-icon">
                                <use href="{{ asset('assets/svg/icon-sprite.svg#stroke-home') }}"></use>
                            </svg></a></li>
                    <li class="breadcrumb-item">Produtos</li>
                    <li class="breadcrumb-item active">Lançamentos Estoque</li>
                </ol>
            </div>
        </div>
    </div>
</div><!-- Container-fluid starts-->
<div class="container-fluid">
    <div class="row project-cards">
        <div class="col-md-12 project-list">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="header-top">
                                <h5 class="m-0">{{ $ProNome->nome }}</h5>
                            </div>
                        </div>
                        <!--<div class="col-sm-6">
                            <div class="card-body common-offcanvas">
                                <div class="text-end">
                                    <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">Incluir Lançamento</button>
                                </div>
                                <div class="offcanvas offcanvas-end" id="offcanvasRight" tabindex="-1" aria-labelledby="offcanvasRightLabel">
                                    <div class="offcanvas-header pb-0">
                                        <h5 class="offcanvas-title" id="offcanvasRightLabel">Lançamento de Estoque</h5>
                                        <button class="btn-close" type="button" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                                    </div>
                                    <div class="offcanvas-body custom-input custom-scrollbar">
                                        <form class="row g-3" id="formlanc" name="formlanc" method="post" action="{{ route('produtos.create-lanc') }}" enctype="multipart/form-data">
                                            @csrf
                                            <input type="hidden" name="id" id="id" value="{{$ProNome->id}}">
                                            <div class="col-12">
                                                <label class="form-label" for="exampleFormControlInput2">Tipo</label>
                                                <select class="form-select" id="lanc_tipo" name="lanc_tipo" aria-label="Default select example">
                                                    <option value="ENTRADA" selected="">Entrada</option>
                                                    <option value="SAIDA">Saída</option>
                                                    <option value="BALANCO">Balanço</option>
                                                </select>
                                            </div>

                                            <div class="col-6">
                                                <label class="form-label" for="exampleFormControlTextarea1">Quantidade</label>
                                                <input class="form-control" id="lanc_quant" name="lanc_quant" type="text">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label" for="exampleFormControlTextarea1">Preço Unitário</label>
                                                <input class="form-control" id="lanc_preco" name="lanc_preco" type="text">
                                            </div>
                                            <div class="col-12">
                                                <label class="form-label" for="exampleFormControlTextarea1">Observação</label>
                                                <textarea class="form-control" id="lanc_obs" name="lanc_obs"></textarea>
                                            </div>
                                            <div class="col-12">
                                                <button class="btn btn-light me-2" type="submit" data-bs-dismiss="offcanvas" aria-label="Close">Cancelar</button>
                                                <button class="btn btn-primary" type="submit">Salvar</button>
                                            </div>
                                        </form>

                                    </div>
                                </div>

                                <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight1" aria-controls="offcanvasRight1">Transf. Dépositos</button>
                                <div class="offcanvas offcanvas-end" id="offcanvasRight1" tabindex="-1" aria-labelledby="offcanvasRightLabel">
                                    <div class="offcanvas-header pb-0">
                                        <h5 class="offcanvas-title" id="offcanvasRightLabel">Transferência entre depósitos</h5>
                                        <button class="btn-close" type="button" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                                    </div>
                                    <div class="offcanvas-body custom-input custom-scrollbar">
                                        <form class="row g-3" id="formTransDep" name="formTransDep">
                                            @csrf
                                            <input type="hidden" name="id_transProd" id="id_transProd" value="{{$ProNome->id}}">
                                            <div class="col-12">
                                                <label class="form-label" for="exampleFormControlTextarea1">Quantidade</label>
                                                <input class="form-control" id="transf_quant" name="trasnf_quant" type="text">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label" for="exampleFormControlTextarea1">Preço Un.</label>
                                                <input class="form-control" id="transf_preco" name="transf_preco" type="text">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label" for="exampleFormControlTextarea1">Custo Un.</label>
                                                <input class="form-control" id="transf_custo" name="transf_custo" type="text">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label" for="exampleFormControlInput2">Déposito de Origem</label>
                                                @foreach($origem as $dep_origem)
                                                <input type="text" disabled class="form-control" data-id="{{$dep_origem->id}}" value="{{ $dep_origem->nome }}" id="transf_origem" name="transf_origem">
                                                @endforeach

                                            </div>
                                            <div class="col-6">
                                                <label class="form-label" for="exampleFormControlInput2">Déposito de Destino</label>
                                                <select class="form-select" id="transf_destino" name="transf_destino">
                                                    @foreach($destino as $dep_dest)
                                                    <option value="{{ $dep_dest->id }}">{{ $dep_dest->nome}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col-12">
                                                <label class="form-label" for="exampleFormControlTextarea1">Observação</label>
                                                <input type="text" class="form-control" value="Transferência" id="transf_obs" name="transf_obs">
                                            </div>
                                            <div class="col-12" id="alert-valida" style="display:none;">
                                                <div class="alert alert-light-danger" role="alert">
                                                    <h6 class="txt-danger">Não conseguimos salvar o lançamento.</h6>
                                                    <ul>
                                                        <li class="txt-danger">A quantidade não foi preenchida</li>
                                                    </ul>
                                                </div>
                                            </div>
                                            
                                        </form>
                                        <div class="col-12">
                                            <button class="btn btn-light me-2" data-bs-dismiss="offcanvas" aria-label="Close">Cancelar</button>
                                            <button class="btn btn-primary" id="alertBtn">Salvar</button>
                                        </div>
                                    </div>


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

                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-xxl-3 col-sm-6 box-col-6">
                            <div class="main-card-box bg-10-secondary h-100">
                                <div class="p-20 common-space">
                                    <div>
                                        <h5>{{$count_lanc}}</h5><span class="c-o-light">Lançamentos</span>
                                    </div>
                                    <div class="project-right-icon bg-10-secondary"><i
                                            class="fa-solid fa-thumbs-up fa-fade txt-secondary"></i>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-xxl-3 col-sm-6 box-col-6">
                            <div class="main-card-box bg-10-success h-100">
                                <div class="p-20 common-space">
                                    <div>
                                        <h5>{{$count_entr->total_entrada}}</h5><span class="c-o-light">Entradas</span>
                                    </div>
                                    <div class="project-right-icon bg-10-success"><i
                                            class="fa-solid fa-arrow-up fa-fade txt-success"></i></div>
                                </div>

                            </div>
                        </div>
                        <div class="col-xxl-3 col-sm-6 box-col-6">
                            <div class="main-card-box bg-10-danger h-100">
                                <div class="p-20 common-space">
                                    <div>
                                        <h5>{{$count_saida->total_saida}}</h5><span class="c-o-light">Saída</span>
                                    </div>
                                    <div class="project-right-icon bg-10-danger"><i
                                            class="fa-solid  fa-arrow-down fa-fade txt-danger"></i></div>
                                </div>

                            </div>
                        </div>

                        <div class="col-xxl-3 col-sm-6 box-col-6">
                            <div class="main-card-box bg-10-saldo-atual h-100">
                                <div class="p-20 common-space">
                                    <div>
                                        <h5>{{$count_saldoAtual->saldoAtual}}</h5><span class="c-o-light">Saldo Atual</span>
                                    </div>
                                    <div class="project-right-icon bg-10-saldo-atual">
                                        <i class="fa-solid  fas fa-check-square fa-fade txt-saldo-atual"></i>
                                    </div>
                                </div>

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


        <div class="col-12">
            <div class="card p-3">
                <div class="common-space project-tabs">
                    <ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
                        <li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true"><i class="fa-solid fa-bullseye"></i>Tudo</a></li>
                        <li class="nav-item"><a class="nav-link" id="progress-top-tab" data-bs-toggle="tab" href="#top-progress" role="tab" aria-controls="top-progress" aria-selected="false"><i class="fa-solid fa-bars-progress"></i>Entrada</a></li>
                        <li class="nav-item"><a class="nav-link" id="pending-top-tab" data-bs-toggle="tab" href="#top-pending" role="tab" aria-controls="top-pending" aria-selected="false"><i class="fa-regular fa-hourglass-half"></i>Saida</a></li>
                        <li class="nav-item"><a class="nav-link" id="completed-top-tab" data-bs-toggle="tab" href="#top-completed" role="tab" aria-controls="top-completed" aria-selected="false"> <i class="fa-solid fa-circle-check"></i>Completed</a></li>
                    </ul><!--<a class="btn btn-primary" href="{{ route('produtos.create-lanc') }}" target="_blank"><i class="fa-solid fa-plus"></i>Incluir Lançamento </a>-->
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body projects-wrapper">
                    <div class="tab-content" id="top-tabContent">
                        <div class="tab-pane fade show active" id="top-home" role="tabpanel" aria-labelledby="top-home-tab">
                            <div class="table-responsive leave-request-table custom-scrollbar">
                                <table class="table" id="leave-employee">
                                    <thead>
                                        <tr>
                                            <th>Data e Hora1</th>
                                            <th>Entrada</th>
                                            <th>Saída</th>
                                            <th>Valor</th>
                                            <th>Observação</th>
                                            <th>N° Pedido</th>
                                            <th>Tipo</th>
                                            <th>Origem</th>
                                            <th>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($lancamentos as $lanc)
                                        <tr>
                                            <td>{{ $lanc->lanc_data_hora }}</td>
                                            @if($lanc->lanc_tipo == 'ENTRADA')
                                            <td>{{ $lanc->lanc_quantidade }}</td>
                                            @else
                                            <td></td>
                                            @endif
                                            @if($lanc->lanc_tipo == 'SAIDA')
                                            <td>-{{ $lanc->lanc_quantidade }}</td>
                                            @else
                                            <td></td>
                                            @endif
                                            <td>R$ {{ $lanc->lanc_preco_uni }}</td>
                                            <td>{{ $lanc->lanc_obs }}</td>
                                            <td>{{ $lanc->lanc_pedido_id }}</td>
                                            <td>{{ $lanc->lanc_tipo }}</td>
                                            <td></td>
                                            @if(empty($lanc->lanc_pedido_id))
                                            @else
                                            <td>
                                                <div data-bs-toggle="tooltip" data-bs-placement="left" title="Origem Pedido" class="badge-spacing"><a class="badge badge-primary" href="{{route('pedidos.visualizar-pedidos',['id' => $lanc->lanc_pedido_id]) }}">V</a></div>
                                            </td>
                                            @endif
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                        </div>
                        <div class="tab-pane fade" id="top-progress" role="tabpanel" aria-labelledby="progress-top-tab">
                            <div class="table-responsive leave-request-table custom-scrollbar">
                                <table class="table" id="leave-employee">
                                    <thead>
                                        <tr>
                                            <th>Data e Hora2</th>
                                            <th>Entrada</th>
                                            <th>Saída</th>
                                            <th>Valor</th>
                                            <th>Observação</th>
                                            <th>Tipo</th>
                                            <th>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($lancamentos as $lanc)
                                        <tr>
                                            <td>{{ $lanc->lanc_data_hora }}</td>
                                            @if($lanc->lanc_tipo == 'ENTRADA')
                                            <td>{{ $lanc->lanc_quantidade }}</td>
                                            @elseif($lanc->lanc_tipo == 'SAIDA')
                                            <td>-{{ $lanc->lanc_quantidade }}</td>
                                            @endif
                                            <td>{{ $lanc->lanc_preco_uni }}</td>
                                            <td>{{ $lanc->lanc_obs }}</td>
                                            <td>{{ $lanc->lanc_tipo }}</td>
                                            <td></td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="top-pending" role="tabpanel" aria-labelledby="pending-top-tab">
                            <div class="table-responsive leave-request-table custom-scrollbar">
                                <table class="table" id="leave-employee">
                                    <thead>
                                        <tr>
                                            <th>Data e Hora3</th>
                                            <th>Entrada</th>
                                            <th>Saída</th>
                                            <th>Valor</th>
                                            <th>Observação</th>
                                            <th>Tipo</th>
                                            <th>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($lancamentos as $lanc)
                                        <tr>
                                            <td>{{ $lanc->lanc_data_hora }}</td>
                                            @if($lanc->lanc_tipo == 'ENTRADA')
                                            <td>{{ $lanc->lanc_quantidade }}</td>
                                            @endif
                                            <td></td>
                                            <td>{{ $lanc->lanc_preco_uni }}</td>
                                            <td>{{ $lanc->lanc_obs }}</td>
                                            <td>{{ $lanc->lanc_tipo }}</td>
                                            <td></td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><!-- Container-fluid Ends-->
@endsection

@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const updateButtons = document.querySelectorAll('.bg-success');

        updateButtons.forEach(button => {
            button.addEventListener('click', function() {
                const pedidoId = this.getAttribute('data-id');

                //console.log(pedidoId);
                //const fornecedorNome = this.getAttribute('data-nome');
                const updateUrl = this.getAttribute('data-url'); // URL para update
                //console.log(updateUrl);
                const novoStatus = 'aprovado'; // Novo status vindo do botão
                const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

                Swal.fire({
                    title: 'Você tem certeza?',
                    text: `Deseja aprovar o pedido ""`,
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sim, aprovar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    //alert(novoStatus);
                    if (result.isConfirmed) {
                        fetch(updateUrl, {
                                method: 'PATCH',
                                headers: {
                                    'X-CSRF-TOKEN': csrfToken,
                                    'Content-Type': 'application/json',
                                }, // PATCH para atualizações tem q ser o mesmo na rota web.php
                                body: JSON.stringify({
                                    status: novoStatus
                                }) // Envia o novo status
                            })
                            .then(response => {


                                if (response.ok) {
                                    console.log(response);
                                    Swal.fire(
                                        'Aprovado!',
                                        'success'
                                    ).then(() => {
                                        location.reload(); // Recarrega a página
                                    });
                                } else {
                                    Swal.fire(
                                        'Erro!',
                                        'Não foi possível Aprovar Pedido. Tente novamente.',
                                        'error'
                                    );
                                }
                            })
                            .catch(error => {
                                console.error('Erro:', error);
                                Swal.fire(
                                    'Erro!',
                                    'Ocorreu um problema ao processar a solicitação.',
                                    'error'
                                );
                            });
                    }
                });
            });
        });
    });

    $(document).ready(function() {

        $("#alertBtn").click(function() {

            var id_transProd = $('#id_transProd').val();
            var transf_quant = $('#transf_quant').val();
            var transf_preco = $('#transf_preco').val();
            var transf_custo = $('#transf_custo').val();
            var transf_origem = $("#transf_origem").data('id'); //$('#transf_origem').val();
            var transf_destino = $('#transf_destino').val();
            var transf_obs = $('#transf_obs').val();

            //alert(transf_origem);

            // alert(id_transProd + transf_quant + transf_preco + transf_custo);

            if (transf_quant === "") {

                $("#alert-valida").show();
                return false;

            } else {

                $("#alert-valida").hide();

                alert('ajax');
                jQuery(document).ready(function($) {
                    $.ajax({
                        type: "GET",
                        url: "/produtos/transDep-produtos",
                        data: {
                            id_transProd: id_transProd

                        },
                        success: function(response) {

                            alert(response);

                            if (response.success == true) {
                                Swal.fire({
                                    title: "Sucesso!",
                                    text: "Produtos Lançados ao Estoque.",
                                    icon: "success",
                                }).then(() => {
                                    location.reload(); // Recarrega a página
                                });
                            }

                        },
                        failure: function(response) {
                            swal(
                                "Internal Error",
                                "Oops, your note was not saved.", // had a missing comma
                                "error"
                            )
                        }

                    });
                });

            }


        });


        $("#transf_quant").change(function() {

            var transf_quant = $('#transf_quant').val();

            if (transf_quant === "") {
                $("#alert-valida").show();
            } else {
                $("#alert-valida").hide();
            }

        });


    });
</script>
<script src="{{ asset('assets/js/chart/apex-chart/apex-chart.js') }}"></script>
<script src="{{ asset('assets/js/chart/apex-chart/stock-prices.js') }}"></script>
<script src="{{ asset('assets/js/chart/apex-chart/moment.min.js') }}"></script>
<script src="{{ asset('assets/js/projects/common-project-stat.js') }}"></script>
<script src="{{ asset('assets/js/typeahead/handlebars.js') }}"></script>
<script src="{{ asset('assets/js/typeahead/typeahead.bundle.js') }}"></script>
<script src="{{ asset('assets/js/typeahead/typeahead.custom.js') }}"></script>
<script src="{{ asset('assets/js/typeahead-search/handlebars.js') }}"></script>
<script src="{{ asset('assets/js/typeahead-search/typeahead-custom.js') }}"></script>
<script src="{{ asset('assets/js/tooltip-init.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="{{ asset('assets/js/prism/prism.min.js') }}"></script>
<script src="{{ asset('assets/js/clipboard/clipboard.min.js') }}"></script>
<script src="{{ asset('assets/js/custom-card/custom-card.js') }}"></script>



<script src="{{ asset('assets/js/datatable/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatables/dataTables1.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatables/dataTables.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.autoFill.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/autoFill.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.keyTable.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/keyTable.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.buttons.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/buttons.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/buttons.colVis.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.fixedHeader.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/fixedHeader.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/jszip.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/pdfmake.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/vfs_fonts.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/buttons.html5.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/buttons.print.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.responsive.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/responsive.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.rowReorder.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/rowReorder.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/custom.js') }}"></script>
@endsection