@extends('layouts.simple.master')

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

@section('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/sweetalert2.css') }}">
<style>
    .txt-prep-envio {
        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> Pedidos List</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">Pedidos</li>
                    <li class="breadcrumb-item active">Pedidos List</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 text-end">
                    <div class="row g-3">
                        <div class="col-md-6 mb-3">
                            <div class="common-flex mix-hover-btn">
                                <a href="{{route('index')}}" class="btn btn-bg-slide button-light-primary">{{ __('Voltar') }}</a>
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <div>
                                <a href="{{ route('pedidos.new-pedidos') }}" class="btn btn-primary">{{ __('Incluir Produto') }}</a>
                            </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>Todos</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>Em aberto</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>Aprovado</a></li>
                        <li class="nav-item"><a class="nav-link" id="prep-env-top-tab" data-bs-toggle="tab"
                                href="#top-prep-env" role="tab" aria-controls="top-prep-env"
                                aria-selected="false"><i class="fa-solid fa-circle-check"></i>produção</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>Faturado</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>Enviado</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>Entregue</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>Não Entregue</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>Dados Imcompletos</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>Cancelado</a></li>
                    </ul>
                </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>Pedido</th>
                                            <th>Emitida em</th>
                                            <th>Destinatário</th>
                                            <th>Tipo Pedido</th>
                                            <th>NF-e</th>
                                            <th>Total</th>
                                            <th>Status</th>
                                            <th>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($pedidos as $p )
                                        <tr>
                                            <td><a href="{{route('pedidos.visualizar-pedidos',['id' => $p->id]) }}">{{ $p->id}}<a></td>
                                            <td><a href="{{route('pedidos.visualizar-pedidos',['id' => $p->id]) }}">{{ $p->ped_dt_entrada }}<a></td>
                                            <td>{{ $p->nome_cliente }}</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            @if($p->ped_etapa_id == '1')
                                            <td><span class="badge f-14 f-w-400 txt-warning">{{$p->descricao}}</span></td>
                                            @elseif ($p->ped_etapa_id == '2')
                                            <td><span class="badge f-14 f-w-400 txt-success">{{$p->descricao}}</span></td>
                                            @else
                                            <td><span class="badge f-14 f-w-400 txt-prep-envio">{{$p->descricao}}</span></td>
                                            @endif
                                            <td>
                                                @if($p->ped_etapa_id == '1')
                                                <div class="common-align gap-2 justify-content-start">
                                                    <div class="approval-box bg-success" data-id="{{$p->id}}" data-url="{{ route('pedidos.update-status', $p->id) }}"><i class="fa-solid fa-check text-white"></i></a></div>
                                                    <div class="approval-box border border-danger"><i class="fa-solid fa-ban txt-danger"></i></div>
                                                </div>
                                                @elseif($p->ped_etapa_id == '2')
                                                <ul class="action">
                                                    <li class="lanc_prod">
                                                        <i data-container="body" data-id="{{$p->id}}" data-bs-toggle="tooltip" data-bs-placement="top" class="icofont icofont-warning-alt" title="Lançar Estoque" style="font-size:25px;color: #ffb829;"></i>
                                                    </li>
                                                </ul>
                                                @elseif($p->ped_etapa_id == '3')
                                                <ul class="action">
                                                    <li class="lanc_prod">
                                                        <i data-container="body" data-id="{{$p->id}}" data-bs-toggle="tooltip" data-bs-placement="top" class="fa-solid fa-arrows-rotate" title="Estornar Estoque" style="font-size:25px;color:rgb(255, 41, 41);"></i>
                                                    </li>
                                                </ul>
                                                @endif
                                            </td>
                                        </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>Pedido</th>
                                            <th>Emitida em</th>
                                            <th>Destinatário</th>
                                            <th>Tipo Pedido</th>
                                            <th>NF-e</th>
                                            <th>Total</th>
                                            <th>Status</th>
                                            <th>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($pedidos_aberto as $p_a )

                                        <tr>
                                            <td>{{ $p_a->id}}</td>
                                            <td>{{ $p_a->ped_dt_entrada }}</td>
                                            <td>{{ $p_a->nome_cliente }}</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td><span class="badge f-14 f-w-400 txt-warning">{{$p_a->descricao}}</span></td>
                                            <td>
                                                <div class="common-align gap-2 justify-content-start">

                                                    <div class="approval-box bg-success" data-id="{{$p_a->id}}" data-url="{{ route('pedidos.update-status', $p_a->id) }}"><i class="fa-solid fa-check text-white"></i></a></div>
                                                    <div class="approval-box border border-danger"><i class="fa-solid fa-ban txt-danger"></i></div>

                                                </div>
                                            </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>Pedido</th>
                                            <th>Emitida em</th>
                                            <th>Destinatário</th>
                                            <th>Tipo Pedido</th>
                                            <th>NF-e</th>
                                            <th>Total</th>
                                            <th>Status</th>
                                            <th>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($pedidos_aprovado as $p_apvr )

                                        <tr>
                                            <td><a href="{{route('pedidos.visualizar-pedidos',['id' => $p->id]) }}">{{ $p_apvr->id}}<a></td>
                                            <td><a href="{{route('pedidos.visualizar-pedidos',['id' => $p->id]) }}">{{ $p_apvr->ped_dt_entrada }}<a></td>
                                            <td>{{ $p_apvr->nome_cliente }}</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td><span class="badge f-14 f-w-400 txt-success">{{$p_apvr->descricao}}</span></td>
                                            <td>
                                                <ul class="action">
                                                    <li class="lanc_prod">
                                                        <i data-container="body" data-id="{{$p_apvr->id}}" data-bs-toggle="tooltip" data-bs-placement="top" class="icofont icofont-warning-alt" title="Lançar Estoque" style="font-size:25px;color: #ffb829;"></i>
                                                    </li>
                                                </ul>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="top-prep-env" role="tabpanel" aria-labelledby="prep-env-top-tab">
                            <div class="table-responsive leave-request-table custom-scrollbar">
                                <table class="table" id="leave-employee">
                                    <thead>
                                        <tr>
                                            <th>Pedido</th>
                                            <th>Emitida em</th>
                                            <th>Destinatário</th>
                                            <th>Tipo Pedido</th>
                                            <th>NF-e</th>
                                            <th>Total</th>
                                            <th>Status</th>
                                            <th>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($pedidos_prep_env as $prep_env )

                                        <tr>
                                            <td><a href="{{route('pedidos.visualizar-pedidos',['id' => $prep_env->id]) }}">{{ $prep_env->id}}<a></td>
                                            <td><a href="{{route('pedidos.visualizar-pedidos',['id' => $prep_env->id]) }}">{{ $prep_env->ped_dt_entrada }}<a></td>
                                            <td>{{ $prep_env->nome_cliente }}</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td><span class="badge f-14 f-w-400 txt-prep-envio">{{$prep_env->descricao}}</span></td>
                                            <td>
                                                <ul class="action">
                                                    <li class="lanc_prod">
                                                        <i data-container="body" data-id="{{$prep_env->id}}" data-bs-toggle="tooltip" data-bs-placement="top" class="fa-solid fa-arrows-rotate" title="Estornar Estoque" style="font-size:25px;color:rgb(255, 41, 41);"></i>
                                                    </li>
                                                </ul>
                                            </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 = '2'; // 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 "${pedidoId}"`,
                    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() {


        $(".icofont-warning-alt").click(function() {

            var pedId = $(this).data('id');

            Swal.fire({
                title: "Tem Certeza?",
                text: "Seus produtos serão reservados no estoque!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#16C7F9",
                cancelButtonColor: "#FC4438",
                confirmButtonText: "Sim",
            }).then((result) => {
                if (result.isConfirmed) {

                    $.ajax({
                        type: "GET",
                        url: "/pedidos/lancEst-pedidos",
                        data: {
                            pedId: pedId
                        },
                        success: function(response) {

                            console.log(response);

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

                            /* if(response.existe_lanc >= 0){

                                 $(".fa-arrows-rotate").show();

                             }else{

                                 $(".fa-arrows-rotate").hide();

                             }*/

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

                }
            });
        });


    });
</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="{{ 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/sweet-alert/sweetalert.min.js') }}"></script>
<script src="{{ asset('assets/js/sweet-alert/app.js') }}"></script>
@endsection