@extends('frontend.layouts.main')

@section('styles')
    <!-- AOS Animation CSS -->
    <link href="{{ asset('build/frontend/assets/css/aos.css') }}" rel="stylesheet" />
    <!-- Style CSS -->
    <link rel="stylesheet" href="{{ asset('build/frontend/assets/css/style.css') }}" />

    <!-- Swiper Slider -->
    <link rel="stylesheet" href="{{ asset('build/frontend/assets/css/swiper-bundle.min.css') }}" />
@endsection

@section('content')
    <div class="-mt-[82px] flex-grow overflow-x-hidden lg:-mt-[106px]">
        <div
            class="bg-[url(../build/frontend/assets/images/inner-page-hero-bg.png)] bg-cover bg-bottom bg-no-repeat pt-[82px] lg:pt-[106px]">
            <div class="relative">
                <div class="container">
                    <div class="relative w-full py-14 md:my-14 md:inline-block md:py-0 lg:my-[128px]">
                        <div class="heading relative mb-8 text-center lg:mb-0 lg:w-1/2 ltr:lg:text-left rtl:lg:text-right">
                            <h6>Predsednik Nadzornog odbora</h6>
                            <h4 class="!text-white">Borislav Strugarević</h4>
                            <ul class="items-center justify-center pt-6 sm:flex lg:justify-start">
                                <li class="flex items-center justify-center">
                                </li>
                                <li>
                                </li>
                                <li>
                                </li>
                            </ul>
                        </div>
                        <div class="top-0 mt-6 ltr:right-0 rtl:left-0 md:mt-0 lg:absolute" data-aos="fade-left"
                            data-aos-duration="1000">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/borislav-strugarevic.jpg"
                                alt="blog-detail-hero"
                                class="mx-auto h-80 rounded-[32px] object-cover sm:h-[400px] sm:w-[445px]" />
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <section class="bg-gradient-to-t from-white to-transparent py-14 dark:bg-none md:py-[100px]">
            <div class="container">
                <div class="prose max-w-full dark:prose-invert">
                    <h2>&nbsp;</h2>

                    <p>Borislav Strugarević ima preko 20 godina iskustva na rukovodećim pozicijama u bankarskom sektoru, u okviru različitih organizacionih delova. Od 2008. godine bio je član izvršnog odbora Marfin banke ad Beograd, a od 2014. do 2023. godine obavljao je funkciju predsednika izvršnog odbora Marfin banke ad Beograd, odnosno Expobank ad Beograd.</p>
                    <p>Diplomirao je na Ekonomskom fakultetu u Beogradu. Pored studija, kontinuirano se stručno usavršavao u zemlji i inostranstvu, specijalizujući se za oblasti upravljanja rizicima, kao i u domenu efektivnog poslovnog upravljanja.</p>
                    <p>Poseduje široko iskustvo u strateškom vođenju finansijskih institucija, sa posebnim naglaskom na finansiranje privrede i stanovništva, uz adekvatno upravljanje rizicima, optimizaciju operativnih procesa i rast profitabilnosti. Njegova stručnost ogleda se u dubokom razumevanju regulatornih okvira, kao i sposobnosti navigiranja kroz kompleksne izazove bankarskog sektora uz postizanje održivih rezultata.</p>
                    <p>U Društvu za upravljanje Eclectica Capital ad. obavlja funkciju Predsednika Nadzornog odbora.</p>

                </div>
            </div>
        </section>

        @include('frontend.pages.rs.team-slider')

    </div>
@endsection

@section('scripts')
    <!-- AOS Animation JS -->
    <script src="{{ asset('build/frontend/assets/js/aos.js') }}"></script>
    <!-- Custom Js -->
    <script src="{{ asset('build/frontend/assets/js/custom.js') }}"></script>


    <!-- Swiper Slider JS -->
    <script src="{{ asset('build/frontend/assets/js/swiper-bundle.min.js') }}"></script>

    <script>
        // Logo Slider
        var logoSwiper = new Swiper('.logo-slider', {
            loop: true,
            slidesPerView: 'auto',
            spaceBetween: 10,
            speed: 4000,
            autoplay: {
                delay: 0,
                disableOnInteraction: false,
            },
            breakpoints: {
                320: {
                    slidesPerView: 1.7,
                },
                600: {
                    slidesPerView: 2,
                },
                1000: {
                    slidesPerView: 3,
                },
                1142: {
                    slidesPerView: 5,
                },
            },
        });
    </script>
@endsection