<div id="services">
    <div class="services-wrapper">
        <div class="shadow-stroke"></div>

        @if ($blocks->has("services_row"))

            <h2 class="block-title">{{ $blocks->get("services_row")->translation->name }}</h2>

            <div class="dienst-wrapper">
                <div class="dienst-outer">

                        {{--DIENT || ALGEMEEN--}}
                        <div class="dienst-block dienst-algemeen active">
                            @if ($blocks->has("dienst_algemeen"))
                                <h2 class="sub-title">{{ $blocks->get("dienst_algemeen")->translation->name }}</h2>
                                {{ $blocks->get("dienst_algemeen")->translation->description }}
                            @endif
                        </div>

                        {{--DIENT || NATIONALE INCASSO--}}
                        <div class="dienst-block dienst-nationale-incasso">
                            @if ($blocks->has("dienst_nationale_incasso"))
                                <h2 class="sub-title">{{ $blocks->get("dienst_nationale_incasso")->translation->name }}</h2>
                                {{ $blocks->get("dienst_nationale_incasso")->translation->description }}
                            @endif
                        </div>

                        {{--DIENT || INTERNATIONALE INCASSO--}}
                        <div class="dienst-block dienst-internationale-incasso">
                            @if ($blocks->has("dienst_internationale_incasso"))
                                <h2 class="sub-title">{{ $blocks->get("dienst_internationale_incasso")->translation->name }}</h2>
                                {{ $blocks->get("dienst_internationale_incasso")->translation->description }}
                            @endif
                        </div>

                        {{--DIENT || ADVIES DEBITEURENBEHEER--}}
                        <div class="dienst-block dienst-advies-debiteurenbeheer">
                            @if ($blocks->has("dienst_advies_debiteurenbeheer"))
                                <h2 class="sub-title">{{ $blocks->get("dienst_advies_debiteurenbeheer")->translation->name }}</h2>
                                {{ $blocks->get("dienst_advies_debiteurenbeheer")->translation->description }}
                            @endif
                        </div>

                        {{--DIENT || CREDIT MANAGEMENT--}}
                        <div class="dienst-block dienst-credit-management">
                            @if ($blocks->has("dienst_credit_management"))
                                <h2 class="sub-title">{{ $blocks->get("dienst_credit_management")->translation->name }}</h2>
                                {{ $blocks->get("dienst_credit_management")->translation->description }}
                            @endif
                        </div>

                </div>

                <div class="dienst-menu">
                    <ul>
                        @if ($blocks->has("dienst_algemeen"))
                            <li class="dienst-menu-item active">
                                <span class="icon">
                                    <img src="/img/icons/algemeen_icon.svg" />
                                </span>
                                {{ $blocks->get("dienst_algemeen")->translation->name }}
                            </li>
                        @endif

                        @if ($blocks->has("dienst_nationale_incasso"))
                            <li class="dienst-menu-item">
                                <span class="icon">
                                    <img src="/img/icons/nat_incasso_icon.svg" />
                                </span>
                                {{ $blocks->get("dienst_nationale_incasso")->translation->name }}
                            </li>
                        @endif

                        @if ($blocks->has("dienst_internationale_incasso"))
                            <li class="dienst-menu-item">
                                <span class="icon">
                                    <img src="/img/icons/globe_icon.svg" />
                                </span>
                                {{ $blocks->get("dienst_internationale_incasso")->translation->name }}
                            </li>
                        @endif

                        @if ($blocks->has("dienst_advies_debiteurenbeheer"))
                            <li class="dienst-menu-item">
                                <span class="icon">
                                    <img src="/img/icons/advies_icon.svg" />
                                </span>
                                {{ $blocks->get("dienst_advies_debiteurenbeheer")->translation->name }}
                            </li>
                        @endif

                        @if ($blocks->has("dienst_credit_management"))
                            <li class="dienst-menu-item">
                                <span class="icon">
                                    <img src="/img/icons/credit_icon.svg" />
                                </span>
                                {{ $blocks->get("dienst_credit_management")->translation->name }}
                            </li>
                        @endif

                    </ul>
                </div>
            </div>

        @endif

    </div>
</div>