@extends('admin::index')

@section('title', 'Page Title')

@section('content')
    <section class="header">
        @include('projects/_breadcrumb_project_view')
    </section>
    <section class="content">
        <div class="row">
            <div class="text-right add-project col-lg-12">
                <button class="btn-add btn btn-primary" data-toggle="modal" data-target="#add-projects-modal">+ Add Project</button>
            </div>
            <div id="girdview" class="col-lg-12" hidden>
                {!! $grid !!}
            </div>
        </div>
    </section>
    @include('projects/_modal_add')
    <script>
        $(document).ready(function() {
            $('#scrum_point').bootstrapSwitch();
            $("#project-git").select2({
                allowClear: false
            });

            $("input:radio[name=type_radio]:first").attr('checked', true);
            $( '.table' ).addClass('table-bordered');
            var box_header_element = document.getElementsByClassName("box-header")[0];
            if (box_header_element != undefined){
                var pull_right_element = box_header_element.getElementsByClassName('pull-right')[0];
                pull_right_element.classList.add('filter-btn');
                $('#girdview').show();
            }

            $('#filter-modal button[type=reset]').hide()

            $("input.form-date").on("change", function() {
                if(this.value) {
                    this.setAttribute(
                        "data-date",
                        moment(this.value, "YYYY-MM-DD")
                        .format( this.getAttribute("data-date-format") )
                    )
                } else {
                    this.setAttribute("data-date", "dd-mm-yyyy")
                }

            }).trigger("change")
        });

        $('#add-projects-modal').modal({
            keyboard: true,
            show: false
        });

        function deleteProject($id)
        {
            swal({
                    title: "Are you sure you need to delete?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Confirm",
                    closeOnConfirm: false,
                    cancelButtonText: "Cancel"
                },
                function(){
                    $.ajax({
                        type: "post",
                        url: "{{route('project.delete')}}",
                        data: { 'id': $id,
                            '_token': '{{ csrf_token() }}',
                        },
                        dataType: "json",
                        success: function (res){
                            console.log(res);
                            if(res){
                                swal({
                                    title: "Successfully deleted!",
                                    type: "success"
                                }, function() {
                                    $.pjax.reload({container:'#pjax-container'});
                                });
                            }
                            else{
                                swal({
                                    title: "Fail deleted!",
                                    type: "error"
                                });
                            }
                        }
                    });
                }
            );
        }

        /*================ Begin: Create project ============*/
        $("#btn-create").on("click", function() {
            var project = document.getElementById("project-git").value;
            var type = $("select[name='type']").val();
            var start_day = $("input[name='start_day']").val();
            var status = $("#status").val();
            var scrum_point = $("input[name='scrum_point']").is(':checked');
            $.ajax({
                type: "post",
                url: "{{ route('project.create') }}",
                data: {
                    'project': project,
                    'type': type,
                    start_day,
                    status,
                    scrum_point,
                    '_token': '{{ csrf_token() }}',
                },
                dataType: "json",
                success: function (res) {
                    $('#btn-create').attr("disabled", true);
                    if(res.status == 'fail')
                    {
                        jQuery('.alert-danger').show();
                        jQuery('.alert-danger').html('<p>'+res.message+'</p>');
                        $('#btn-create').attr("disabled", false);
                    }
                    else
                    {
                        $('#btn-create').hide();
                        $('#body-create').hide();
                        $('#add-projects-modal .btn-close').addClass('btn-primary');
                        $('#add-projects-modal .btn-close').removeClass('btn-default');
                        $('#add-projects-modal .modal-footer').addClass('text-center');
                        $('#body-result').show();
                        if (res.data){
                            syn_ssh(project);
                        }
                    }
                }
            });
        });
        /*================ End: Create project ============*/
        var source;
        /*================ Begin: Syn data ============*/
        function syn_ssh(id) {
            if (typeof (EventSource) !== "undefined") {
                source = new EventSource('{{url('/projects/synProject')}}/'+id);
                source.addEventListener("syn_data", function(event){
                    var data = JSON.parse(event.data);
                    if(data.result != 1){
                        $('#syn_loading').hide();

                        $('.btn-close').show();
                        $('.body-error').show();
                    }
                    else{
                        data.step = parseInt(data.step);
                        data.id = parseInt(data.id);
                        $('#syn_loading_pt').width($('#syn_loading_pt').width((parseInt(100)/data.step*(data.step + parseInt(1) - data.id))+'%'));
                        $('#syn_text_loading').text(data.message);
                        if (data.id == 1){
                            if(data.status == 'success'){
                                setTimeout(function(){
                                    $('#syn_loading').hide();
                                    $('.btn-close').show();
                                    $('.body-success').show();
                                }, 1000);
                            }else{
                                setTimeout(function(){
                                    $('#syn_loading').hide();
                                    $('.btn-close').show();
                                    $('.body-error').show();
                                }, 1000);
                            }
                            source.close();
                        }
                    }
                });
                source.onerror = function(event) {
                    console.log(event);
                    source.close();
                    $('#syn_loading').hide();
                    $('.btn-close').show();
                    $('.body-error').show();
                };
            }
        }
        $( ".btn-create-project.btn-close" ).on("click", function() {
            if( source ) {
                source.close();
            }
            $.pjax.reload({container:'#pjax-container'});
        });
        /*================ End: Syn data ============*/

        /*================ refresh ============*/
        function refreshGitlab() {
            $('.fa-refresh').addClass('fa-spin')
            $('.refresh-container').addClass('disabled-custom')
            $.ajax({
                type: "post",
                url: "{{ route('setting.refreshGitlab') }}",
                dataType: "json",
                data: {
                    '_token': '{{ csrf_token() }}'
                },
                success: function (res) {
                    if(res.status == 'success') {
                        toastr.success(res.message);
                    } else {
                        toastr.error(res.message);
                    }
                    $.pjax.reload({container:'#pjax-container', timeout: 5000});
                    $('.select2-container').hide();
                },
                complete: function() {
                    $('.fa-refresh').removeClass('fa-spin')
                    $('.refresh-container').removeClass('disabled-custom')
                }
            });
        }
    </script>
@endsection