@extends('layouts.app')
@section('breadcrumb')

@endsection
@section('header')
@endsection
@section('tools')

@endsection

@section('content')


<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
<div class="row">
    <div class="col-lg-12 margin-tb">
        <div class="pull-left">
            <h2> Cierre mes {{$close_month->year.'/'.$close_month->month}}</h2>
        </div>

    </div>
</div>
                </div>
                <div class="card-body" >
                    <div class="container">

<div class="row">
    <div class="progress" style="display:flex !important;">
        <div class="progress-bar" role="progressbar" aria-valuenow="70"
             aria-valuemin="0" aria-valuemax="100" style="width:{{(count($close_month_process)/count($steps))*100}}%">
            {{round((count($close_month_process)/count($steps))*100,2)}}%
        </div>
    </div>
    <span class="alert alert-info" id="alert_text" style="display: none"></span>

    <table class="table table-sm table-striped">
        <table class="table table-sm table-striped">
            <thead>

            <tr><th>#</th><th>Pasos</th><th>Estado</th><th>Acciones</th></tr>
            </thead>
            <tbody>
                        @foreach ($steps as $step)
            @if($step['group'] !== $group)
            <tr>
                <td>-</td>
                <td><strong>{{ $step['group']}}</strong></td>
                <td></td>

                <td></td>
            </tr>
                        @endif

                <tr>
                <td>{{$step['step']}}</td>
                <td>{{$step['name']}}
                <br/>@if(isset($close_month_process[$step['step']-1]) && $close_month_process[$step['step']-1]['response'])
                    <span class="text-muted"><small>{{$close_month_process[$step['step']-1]['response']}}</small></span>
                    @endif
                </td>
                <td id="check_{{$step['step']}}">
                    @if(isset($close_month_process[$step['step']-1]) && $close_month_process[$step['step']-1]['error'] === 0)
                    <i class="fas fa-check-circle" style="color: green;"></i>
                    @endif
                </td>
                <td id="action_{{$step['step']}}">
                    @if(!(isset($close_month_process[$step['step']-1]) && $close_month_process[$step['step']-1]['error'] === 0)
                    &&
                    (isset($close_month_process[$step['step']-2]) && $close_month_process[$step['step']-2]['error'] === 0)
                    )
                    <a class="btn btn-primary btn-sm" onclick="call_step({{$step['step']}})">Ejecutar</a>
                    @endif

                    @if($step['step']==1 && !isset($close_month_process[$step['step']-1]))
                    <a class="btn btn-primary btn-sm" onclick="call_step({{$step['step']}})">Ejecutar</a>
                    @endif

                </td>
                </tr>

            @endforeach

            </tbody>

        </table>

    </table>

</div>
                </div></div></div></div>
@endSection


@push('custom-scripts')
<script>

    var month ="";
    var year ="";
    var close_month_id ="";
    var token ="";

    var steps = "";


    function call_step(step) {

        console.log(steps);
        var params = { _token: "{{ csrf_token() }}",
            key:token,
            month:month,
            year:year,
            step:step,
            name:steps[step-1]['name'],
            close_month_id:close_month_id
        }

        if(steps[step-1]['report'] !== ''){
            params.report = steps[step-1]['report']
        }

        $("#check_"+step).html('<div class="spinner-border" role="status"><span class="sr-only">Cargando...</span></div>');

        return $.ajax(
            {
                method:"GET",
                async:true,
                url: "{{ url('registerSReport') }}",
                data: params,
                success: function( data ) {
                    console.log(data);
                    $("#alert_text").html(data);
                    $("#alert_text").show();
                    $("#check_"+step).html('<i class="fas fa-check-circle" style="color: green;"></i>');
                    $("#action_"+(step+1)).html('<a class="btn btn-primary btn-sm" onclick="call_step('+(step+1)+')">Ejecutar</a>');
                    $("#action_"+step).html('');
                    if(step>=2){
                        $("#check_"+step-1).html('');

                    }
                }
            }
        )
    }


    jQuery(document).ready(function ($) {


    });

</script>

@endpush