@extends('admin::index')

@section('content')
    <section class="header">
        @include('settings/_breadcrumb')
    </section>
    <section class="content">
        <div class="row">
            <div class="col-lg-12">
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li class="nav-item active">
                            <a class="nav-link active"><i class="fa fa-th-list"></i> <label>Basic Information</label></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('setting.getLabelMapping') }}"><i class="fa fa-tags"></i>
                                Label mappings
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content container-fluid">
                    <div class="content tab-pane active">
                        <div class="row">
                            @include('settings/_view_basic_settings')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @include('/_toastr')
    <script>
        $(document).ready(function () {
            $("#off-day-select").select2({
                placeholder: "Select a off day",
                allowClear: true
            });
        });
        $(document).ready(function () {
            $("#project-excluded-members").select2({
                placeholder: "Select a member",
                allowClear: true
            });
        });

        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') {
                        document.getElementById('latest-sync--date').textContent  = res.data;
                        $('.latest-sync').show();

                        toastr.success(res.message);
                    } else {
                        toastr.error(res.message);
                    }
                    $.pjax.reload({container:'#pjax-container'});
                },
                complete: function() {
                    $('.fa-refresh').removeClass('fa-spin')
                    $('.refresh-container').removeClass('disabled-custom')
                }
            });
        }
    </script>
@endsection