@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>Član Nadzornog odbora</h6>
                            <h4 class="!text-white">Milovan Popović</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/milovan-popovic.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>Milovan Popović ima 30 godina iskustva u finansijskom i revizorskom sektoru, od čega 20 godina na rukovodećim pozicijama. Bio je član upravnog odbora i odbora za reviziju više finansijskih institucija. Od 2004. godine, na poziciji je rukovodećeg partnera revizorske kuće BDO za Srbiju, Crnu goru i Republiku Srpsku.</p>
                    <p>Diplomirao je i magistrirao na Ekonomskom fakultetu u Beogradu. Pored akademskih studija, kontinuirano se stručno usavršavao, pohađajući veliki broj seminara i obuka u zemlji i inostranstva. Poseduje međunarodno priznat sertifikat ovlašćenog računovođe – CPA, izdat od strane Američkog Instituta ovlašćenih javnih računovođa.</p>
                    <p>Njegova stručnost takođe uključuje identifikaciju i procenu rizika, analizu finansijskih izveštaja, kao i pružanje saveta za poboljšanje poslovnih procesa i finansijskog upravljanja.</p>
                    <p>U Društvu za upravljanje Eclectica Capital a.d. obavlja funkciju člana 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