@extends('admin::index')

@section('content')
    <section class="header">
        @include('labels/_breadcrumb')
    </section>
    <section class="content">
        <div class="row">
            <div class="col-lg-12">
                <div class="container">
                    <div class="setting-content row">
                        <div class="col-lg-3">
                            <h3 class="bold">Label Management</h3>
                        </div>
                    </div>
                    <div class="container box">
                        <div class="setting-content row">
                            <div class="col-lg-offset-4">
                                @include('/labels/_add_label')
                            </div>
                        </div>
                    </div>
                    <div class="container box">
                        <div class="setting-content row">
                            <div class="col-lg-offset-4">
                                @include('/labels/_list_group_label')
                                @include('/labels/_set_default_label')
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @include('/_toastr')
    @include('/labels/_add_group_label_modal')
    @include('/labels/_add_label_modal')
    @include('/labels/_update_label_modal')
    <script>

        $(document).ready(function() {
            $( '.table' ).addClass('table-bordered');
            var box_header_element = document.getElementsByClassName("box-header")[0];
            if (box_header_element != undefined){
                $('#girdview').show();
            }
        });

        function deleteGroupLabel($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('label.deleteGroupLabel')}}",
                        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"
                                });
                            }
                        }
                    });
                }
            );
        }

        $.getScript('{{ admin_asset ("/vendor/laravel-admin/AdminLTE/plugins/iCheck/icheck.min.js") }}', function()
        {
            $('input[type="checkbox"], input[type="radio"]').iCheck({
                checkboxClass: 'icheckbox_minimal-blue',
                radioClass: 'iradio_minimal-blue'
            });
        });

        $( ".btn-close" ).click(function() {
            $.pjax.reload({container:'#pjax-container'});
        });

        $.getScript('{{ asset ("js/jquery.minicolors.js") }}', function()
        {
            $(".colorpicker").minicolors({
                control: 'brightness',
                theme: 'bootstrap',
                letterCase: 'uppercase',
                swatches:['#0033CC','#428BCA','#44AD8E','#A8D695','#5CB85C',
                    '#69D100','#004E00','#34495E','#7F8C8D','#A295D6','#5843AD',
                    '#8E44AD','#FFECDB','#AD4363','#D10069','#CC0033','#FF0000',
                    '#D9534F','#D1D100','#F0AD4E','#AD8D43']
            });

        });

        changeTypeProject('#add-label-form');
        changeTypeProject('#set-default-label-form');

        $(document).ready(function() {
            $('.project-list').select2({
                placeholder: "Choose Project",
            });
            $('.group-list').select2({
                placeholder: "Choose Group",
            });

            $('.group-label').select2({
                placeholder: "Choose Group Label",
            });

        });
        function changeTypeProject(parent){
            $(parent+' input[name="typeRadio"]').on('ifChanged', function(){
                if($(this).val() == 'group'){
                    $(parent+' .project-git').hide();
                    $(parent+' .project-list').val('');
                    $(parent+' .group-git').show();
                }else{
                    $(parent+' .project-git').show();
                    $(parent+' .group-git').hide();
                    $(parent+' .group-list').val('');
                }
            });
        }

        $("#btn-create-label").click(function() {
            $.ajax({
                type: "post",
                url: "{{ route('label.create')}}",
                data: $("#add-label-form").serializeArray(),
                dataType: "json",
                success: function (res) {
                    console.log(res);
                    if(res.status == 'error')
                    {
                        var str = '';
                        for (var i = 0; i < res.message.length; i++) {
                            str += '<p>'+res.message[i]+'</p>';
                        }
                        jQuery('.add-label-content .alert-danger').show();
                        jQuery('.add-label-content .alert-danger').html(str);
                    }
                    else
                    {
                        swal({
                            title: "Create label success",
                            type: "success"
                        }, function() {
                            $.pjax.reload({container:'#pjax-container'});
                        });
                    }
                }
            });
        });

        $("#btn-set-default-label").click(function() {
            $('#btn-set-default-label').attr("disabled", true);
            $.ajax({
                type: "post",
                url: "{{ route('label.setDefaultLabel')}}",
                data: $("#set-default-label-form").serialize(),
                dataType: "json",
                success: function (res) {
                    console.log(res);
                    if(res.status == 'error')
                    {
                        var str = '';
                        for (var i = 0; i < res.message.length; i++) {
                            str += '<p>'+res.message[i]+'</p>';
                        }
                        jQuery('.set-default-label-group .alert-danger').show();
                        jQuery('.set-default-label-group .alert-danger').html(str);
                        $('#btn-set-default-label').attr("disabled", false);
                    }
                    else
                    {
                        swal({
                            title: "Set default label success",
                            type: "success"
                        }, function() {
                            $.pjax.reload({container:'#pjax-container'});
                        });
                    }
                }
            });
        });
    </script>
@endsection