        <div class="col-sm-2 sidebar left-side-bar">
            
                @if (count($tasks) > 0)
                    @foreach ($tasks as $task)
                        @if($task->has_propic == 1)
                            <div class="row propic">
                                <img src="/uploads/{{ \Auth::user()->id }}/propic.jpg" style="width: 170px;"/>
                                <button type="button" class="btn btn-default" id="upload-propic">Upload New</button>
                            </div>
                        @else
                            <div class="row propic blank-propic">
                                <button type="button" class="btn btn-default" id="upload-propic">Upload New</button>
                            </div>
                        @endif
                    @endforeach
                @endif  
            
            <div class="row availability" @if($task->user_id == \Auth::user()->id) id="logged-in" @endif >
                <div class="panel panel-default">
                    <div class="panel-heading" title="Click to change">
                        Availability 
                        @if (count($tasks) > 0)
                            @foreach ($tasks as $task)
                                <span class="availability-dot color-{{ $task->availability }}" title="Click to change"></span>
                                <span class="loader" style="display: none;top: 2px;left: 49px;"></span>
                            @endforeach
                        @endif 
                        <input type="hidden" value="" id="availability" name="availability">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="panel panel-default">
                    <button type="button" class="btn btn- panel-heading" data-toggle="collapse" data-target="#title" style="width:100%">Job Titles</button>
                   
                    <div class="panel-body">
                        <ul class="list-group" id="title">
                            @if (count($tasks) > 0)
                                @if(count($job_title) > 0)
                                    @foreach($job_title as $title)
                                        <li class="list-group-item">{{ $title }}</li>
                                    @endforeach
                                @else
                                    <li class="list-group-item">No Job Title selected</li>
                                @endif
                            @endif    
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="panel panel-default">
                    <button type="button" class="btn btn- panel-heading" data-toggle="collapse" data-target="#skills" style="width:100%">Work Skills</button>
                    <div class="panel-body collapse" id="skills">
                        <ul class="list-group">
                            @if (count($tasks) > 0)
                                @if(count($workskills) > 0)
                                    @foreach($workskills as $skill)
                                        <li class="list-group-item">{{ $skill }}</li>
                                    @endforeach
                                @else
                                    <li class="list-group-item">No Skills selected</li>
                                @endif
                            @endif    
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="panel panel-default">
                    <button type="button" class="btn btn- panel-heading" data-toggle="collapse" data-target="#dive" style="width:100%">Dive Type Experience</button>
                    <div class="panel-body collapse" id="dive">
                        <ul class="list-group">
                            @if (count($tasks) > 0)
                                @if(count($dive_type_experience) > 0)
                                    @foreach($dive_type_experience as $skill)
                                        <li class="list-group-item">{{ $skill }}</li>
                                    @endforeach
                                @else
                                    <li class="list-group-item">No Items selected</li>
                                @endif
                            @endif    
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="panel panel-default">
                    <button type="button" class="btn btn- panel-heading" data-toggle="collapse" data-target="#certs" style="width:100%">Certificates</button>
                    <div class="panel-body collapse" id="certs">
                        <ul class="list-group">
                            @if (count($tasks) > 0)
                                @if(count($certificates) > 0)
                                    @foreach($certificates as $skill)
                                        <li class="list-group-item">{{ $skill }}</li>
                                    @endforeach
                                @else
                                    <li class="list-group-item">No Items selected</li>
                                @endif
                            @endif    
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row" id="propic-popup" title="Upload Profile Picture" style="display: none;">
                    <div class="panel-body">
                        <form action="{{ url('/propicupload')}}" method="POST" class="dropzone" id="file-dropzone" enctype="multipart/form-data">
                            {{ csrf_field() }}
                            <div class="fallback">
                                <input name="file" type="file" style="width: 100%;" />
                            </div>
                            <input name="submit" type="submit" value="Upload" id="upload"/>
                        </form>
                    </div>
            </div>
        </div>