<div class="scroller" style="height:700px" data-rail-visible="1">
    @if(!empty($experiencias) && count($experiencias) > 0)
        @foreach($experiencias as $experiencia)
            <div class="portlet experiencia">
                <div class="portlet-title" style="margin-bottom: 0">
                    <div class="caption">
                        <i class="fa fa-building"></i> {{ strtoupper($experiencia->nombre_empresa) }} </div>
                        <div class="tools">
                            <a href="{{ url('perfil/experiencia/editar',['id' => $experiencia->id]) }}" class="config" data-original-title="Editar" title=""> </a>
                            <a href="javascript:;" onclick="eliminarExp({{ $experiencia->id }})" class="remover" data-original-title="Remover" title=""> </a>
                        </div>
                </div>
                <div class="portlet-body">
                    <div style="">
                        <label class="uppercase"> {{ strtoupper($experiencia->cargo) }} </label>
                        @if($experiencia->fecha_fin != null)
                            {{ \Jenssegers\Date\Date::parse($experiencia->fecha_fin)->format('F Y') }}
                            <label class="pull-right"> {{ ucfirst(\Jenssegers\Date\Date::parse($experiencia->fecha_inicio)->format('F Y')) . ' - ' . ucfirst(\Jenssegers\Date\Date::parse($experiencia->fecha_fin)->format('F Y')) }} </label>
                        @else
                            <label class="pull-right"> {{ ucfirst(\Jenssegers\Date\Date::parse($experiencia->fecha_inicio)->format('F Y')) . ' - Actualmente' }} </label>
                        @endif
                    </div> <br>
                    <p class="parrafo-justificado">{{ $experiencia->tareas_desarrolladas }}</p>
                </div>
            </div>
        @endforeach
    @endif
</div>
