<!-- Skill Start -->
<div class="section skill-section section-padding">
<div class="container">
<div class="skill-wrap">
<!-- Skill Content Wrap Start -->
<div class="skill-content-wrap">
<div class="row align-items-center">
<div class="col-lg-5">
<!-- Skill Content Left Start -->
<div class="skill-content-left">
<div class="experience">
<h2 class="number">{{ pimcore_input('no_of_years', {'placeholder': '15+'}) }}</h2>
<span>{{ pimcore_input('Years_of_experience', {'placeholder': 'Years of experience'}) }}</span>
</div>
<h3 class="title">{{ pimcore_input('services_headline', {'placeholder': 'Services headline...'}) }}</h3>
{# <h3 class="title">We run all kinds of <span>IT services</span> that vow your success</h3> #}
</div>
<!-- Skill Content Left End -->
</div>
<div class="col-lg-7">
<!-- Skill Content Right Start -->
<div class="skill-content-right">
<h3 class="title">{{ pimcore_input('services_title', {'placeholder': 'Services title...'}) }}</h3>
<div class="skill-bar-wrap">
<!-- Skill Item Start -->
{% for i in pimcore_iterate_block(pimcore_block('skillBlock')) %}
<div class="skill-item">
<div class="skill-header">
<h5 class="skill-title">{{ pimcore_input('skill_title', {'placeholder': 'Skill title' , "width" : 400}) }}</h5>
<span class="skill-percentage">
{% set skill_percentage = 0 %}
{% if editmode %}
{{ pimcore_numeric('skill_percentage',{
"width" : 190,
"minValue" : 0,
"maxValue" : 100,
"decimalPrecision" : 0,
"placeholder": 'Skill percentage'
})
}}
{% else %}
{% set skill_percentage = pimcore_numeric('skill_percentage') %}
{% if skill_percentage > '100' %}
{% set skill_percentage = 100 %}
{% else %}
{% set skill_percentage = skill_percentage %}
{% endif %}
{% endif %}
<span class="counter">{{ skill_percentage }}</span>
%
</span>
</div>
<div class="skill-bar">
<div class="bar-inner">
<div class="progress-line" data-width="{{ skill_percentage }}"></div>
</div>
</div>
</div>
{% endfor %}
<!-- Skill Item End -->
</div>
</div>
<!-- Skill Content Right End -->
</div>
</div>
</div>
<!-- Skill Content Wrap End -->
<!-- Skill Image Wrap Start -->
<div class="skill-img-wrap">
<div class="row">
{% for t in 0..3 %}
{%
set select = pimcore_select('type_' ~ t, {
width: 110,
reload: true,
store: [
['direct','direct'],
['snippet','snippet'],
['services','services']
],
class: 'align-middle'
})
%}
{% if editmode %}
<div class="col-md-4">
<div class="mb-3">
<span class="editmode-label align-middle">Type:</span>
{{ select|raw }}
</div>
{% endif %}
{% set type = select.getData() %}
{% if type == "direct" %}
{{
include('snippets/services-teaser.html.twig', {
suffix: (t+1)
})
}}
{% elseif type == "services" %}
{{
pimcore_renderlet('servicesteaser_' ~ t, {
type: 'object',
editmode: editmode,
controller: 'App\\Controller\\ServiceController::serviceTeaserAction',
title: 'Drag a service object here',
height : 'auto',
width: '100%'
})
}}
{% else %}
{{ pimcore_snippet('teaser_' ~ t) }}
{% endif %}
{% if editmode %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
<!-- Skill Image Wrap End -->
</div>
</div>
</div>
<!-- Skill End -->