@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}} <div id="check"></div></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>Registros</th></tr>
            </thead>
            <tbody>
            @foreach ($steps as $step)
                <tr>
                <td>{{$step['step']}}</td>
                <td>{{$step['name']}}
                
                </td>
                <td>
                    @if(isset($close_month_process[$step['step']-1]) )
                    {{$close_month_process[$step['step']-1]['on_progress']==0?'Completado':'En Proceso'}}
                    @endif
                </td>
                <td>
                    @if(isset($close_month_process[$step['step']-1]) )
                    {{$close_month_process[$step['step']-1]['registers']}}
                    @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_close() {

        console.log(steps);
        var params = { _token: "{{ csrf_token() }}",
            key:token,
            month:month,
            year:year,
            close_month_id:close_month_id
        };

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

        return $.ajax(
            {
                method:"GET",
                async:true,
                url: "{{ url('registerTotalReport') }}",
                data: params,
                success: function( data ) {
                    console.log(data);
                    $("#alert_text").html(data);
                    $("#alert_text").show();
                    //reload page after 5 seconds
                    setTimeout(function(){ location.reload(); }, 5000);
                }
            }
        );
    };

</script>

@endpush