<aside class="main-sidebar" id="sidebar-wrapper">

    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">

        <!-- Sidebar user panel (optional) -->
        <div class="user-panel">
            <div class="pull-left image">
                <img src="{{ asset('http://www.gravatar.com/avatar/'.md5(strtolower(trim(Auth::user()->email)))) }}" class="img-circle" alt="{{ Auth::user()->name }}"/>
            </div>
            <div class="pull-left info">
                @if (Auth::guest())
                <p>{{ trans('template.guest') }}</p>
                @else
                    <p>{{ Auth::user()->name}}</p>
                @endif
                <!-- Status -->

                @if (!Auth::user()->isAdmin())
                    @if (Auth::user()->provider->status == 5)
                        <a href="#"><i class="fa fa-circle text-success"></i> {!! Auth::user()->subscriptions->first()->name !!}</a>
                    @else
                        @if (!Auth::user()->subscriptions->isEmpty())
                            <a href="#"><i class="fa fa-circle text-warning"></i> {!! Auth::user()->subscriptions->first()->name !!}</a>
                        @else
                            <a href="#"><i class="fa fa-circle text-danger"></i> {{ trans('template.no_abo') }}</a>
                        @endif
                    @endif
                @endif
            </div>
        </div>

        @if (Auth::user()->isAdmin())
            <!-- search form (Optional) -->
            <form action="#" method="get" class="sidebar-form">
                <div class="input-group">
                    <input type="text" name="q" class="form-control" placeholder="Provider wählen"/>
                    <span class="input-group-btn">
                        <button type='submit' name='search' id='search-btn' class="btn btn-flat">
                            <i class="fa fa-search"></i>
                        </button>
                    </span>
                </div>
                <div class="input-group">
                    <select class="selectProvider form-control" style="width:210px;" name="selectProvider"></select>
                </div>
            </form>
            <!-- Sidebar Menu -->
        @endif

        <ul class="sidebar-menu">
            @include('layouts.menu')
        </ul>
        <!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
</aside>

@push('css')
<!-- TEST -->
I am here
@endpush

@push('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script type="text/javascript">
    $('.selectProvider').select2({
        placeholder: 'Select an item',
        ajax: {
            url: '/admin/api/providers',
            dataType: 'json',
            type: "GET",
            delay: 250,
            processResults: function (data) {
                return {
                    results:  $.map(data, function (item) {
                        return {
                            text: item.title,
                            id: item.id
                        }
                    })
                };
            }
        }
    });
</script>
@endpush