@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') }}" />



@endsection

@section('content')
    <div class="-mt-[82px] flex-grow overflow-x-hidden lg:-mt-[106px]" x-data="{ 'showModal': false }" @keydown.escape="showModal = false" x-cloak>
        <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="items-center justify-between py-10 md:flex md:h-[400px] md:py-0">
                        <div class="heading relative mb-0 text-center ltr:md:text-left rtl:md:text-right">
                            <h4 class="!text-white">Tim</h4>






                        </div>
                        <div class="relative mt-6 md:mt-0" data-aos="fade-left" data-aos-duration="1000">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">

                                <defs>
                                </defs>
                                <g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;"
                                    transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)">
                                    <path
                                        d="M 45.061 43.094 c 3.283 0 5.953 -2.67 5.953 -5.953 V 34.31 c 0 -3.282 -2.67 -5.953 -5.953 -5.953 c -3.282 0 -5.953 2.67 -5.953 5.953 v 2.831 C 39.108 40.423 41.779 43.094 45.061 43.094 z M 41.108 34.31 c 0 -2.18 1.773 -3.953 3.953 -3.953 c 2.179 0 3.953 1.773 3.953 3.953 v 2.831 c 0 2.18 -1.773 3.953 -3.953 3.953 c -2.18 0 -3.953 -1.773 -3.953 -3.953 V 34.31 z"
                                        style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #D1AC68; fill-rule: nonzero; opacity: 1;"
                                        transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                    <path
                                        d="M 66.862 37.141 V 34.31 c 0 -3.282 -2.67 -5.953 -5.952 -5.953 s -5.953 2.67 -5.953 5.953 v 2.831 c 0 3.282 2.671 5.953 5.953 5.953 S 66.862 40.423 66.862 37.141 z M 56.957 37.141 V 34.31 c 0 -2.18 1.773 -3.953 3.953 -3.953 s 3.952 1.773 3.952 3.953 v 2.831 c 0 2.18 -1.772 3.953 -3.952 3.953 S 56.957 39.321 56.957 37.141 z"
                                        style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #D1AC68; fill-rule: nonzero; opacity: 1;"
                                        transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                    <path
                                        d="M 23.259 34.31 v 2.831 c 0 3.282 2.67 5.953 5.953 5.953 s 5.953 -2.67 5.953 -5.953 V 34.31 c 0 -3.282 -2.67 -5.953 -5.953 -5.953 S 23.259 31.028 23.259 34.31 z M 33.165 34.31 v 2.831 c 0 2.18 -1.773 3.953 -3.953 3.953 s -3.953 -1.773 -3.953 -3.953 V 34.31 c 0 -2.18 1.773 -3.953 3.953 -3.953 S 33.165 32.13 33.165 34.31 z"
                                        style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #D1AC68; fill-rule: nonzero; opacity: 1;"
                                        transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                    <path
                                        d="M 55.305 61.693 v -9.475 c 0 -0.319 -0.025 -0.632 -0.063 -0.941 c -0.011 -0.088 -0.026 -0.175 -0.04 -0.262 c -0.037 -0.237 -0.084 -0.469 -0.142 -0.698 c -0.02 -0.078 -0.038 -0.156 -0.06 -0.233 c -0.178 -0.624 -0.432 -1.215 -0.752 -1.764 c -0.008 -0.014 -0.014 -0.03 -0.022 -0.044 c 1.093 -1.181 2.601 -1.846 4.229 -1.846 h 4.909 c 3.192 0 5.789 2.598 5.789 5.789 v 2.466 c 0 0.553 0.447 1 1 1 s 1 -0.447 1 -1 v -2.466 c 0 -4.295 -3.494 -7.789 -7.789 -7.789 h -4.909 c -2.05 0 -4.011 0.834 -5.459 2.262 c -1.408 -1.397 -3.345 -2.262 -5.481 -2.262 h -4.909 c -2.136 0 -4.072 0.865 -5.481 2.262 c -1.448 -1.427 -3.409 -2.262 -5.459 -2.262 h -4.909 c -4.295 0 -7.789 3.494 -7.789 7.789 v 2.466 c 0 0.553 0.448 1 1 1 s 1 -0.447 1 -1 v -2.466 c 0 -3.191 2.597 -5.789 5.789 -5.789 h 4.909 c 1.629 0 3.137 0.665 4.23 1.846 c -0.009 0.016 -0.016 0.033 -0.025 0.049 c -0.317 0.547 -0.57 1.134 -0.748 1.754 c -0.023 0.081 -0.043 0.163 -0.063 0.246 c -0.057 0.226 -0.103 0.455 -0.14 0.688 c -0.014 0.089 -0.03 0.177 -0.041 0.267 c -0.037 0.309 -0.063 0.621 -0.063 0.94 v 9.475 c 0 0.553 0.448 1 1 1 s 1 -0.447 1 -1 v -9.475 c 0 -0.276 0.026 -0.549 0.065 -0.819 c 0.008 -0.057 0.016 -0.114 0.026 -0.171 c 0.047 -0.268 0.108 -0.533 0.192 -0.791 c 0.005 -0.016 0.012 -0.031 0.017 -0.047 c 0.09 -0.268 0.199 -0.53 0.329 -0.784 c 0.005 -0.011 0.01 -0.021 0.015 -0.032 c 0.136 -0.262 0.294 -0.516 0.471 -0.759 c 1.054 -1.443 2.753 -2.387 4.673 -2.387 h 4.909 c 1.916 0 3.612 0.94 4.667 2.378 c 0.182 0.248 0.342 0.507 0.481 0.775 c 0.002 0.003 0.003 0.007 0.005 0.01 c 0.135 0.262 0.248 0.533 0.341 0.811 c 0.003 0.01 0.008 0.02 0.011 0.03 c 0.085 0.26 0.147 0.528 0.194 0.798 c 0.01 0.055 0.017 0.11 0.025 0.166 c 0.039 0.271 0.065 0.544 0.065 0.821 v 9.475 c 0 0.553 0.447 1 1 1 S 55.305 62.246 55.305 61.693 z"
                                        style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #D1AC68; fill-rule: nonzero; opacity: 1;"
                                        transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                    <path
                                        d="M 45 77.876 c -18.128 0 -32.876 -14.748 -32.876 -32.876 c 0 -7.662 2.667 -15.041 7.539 -20.931 l 2.354 4.063 c 0.179 0.309 0.509 0.499 0.865 0.499 c 0.351 -0.029 0.688 -0.191 0.867 -0.501 L 35.326 8.005 c 0.178 -0.31 0.178 -0.691 -0.001 -1 c -0.179 -0.309 -0.508 -0.499 -0.865 -0.499 c 0 0 -0.001 0 -0.001 0 L 11.24 6.54 c -0.357 0 -0.687 0.191 -0.865 0.501 c -0.178 0.31 -0.178 0.691 0.001 1 l 2.916 5.032 C 4.835 21.477 0 33.067 0 45 c 0 0.552 0.448 1 1 1 s 1 -0.448 1 -1 c 0 -11.653 4.826 -22.965 13.24 -31.033 c 0.333 -0.319 0.404 -0.824 0.173 -1.223 l -2.438 -4.207 l 19.753 -0.028 l -9.85 17.121 l -2.19 -3.779 c -0.16 -0.277 -0.443 -0.46 -0.762 -0.493 c -0.319 -0.029 -0.633 0.088 -0.847 0.326 C 13.305 28.101 10.124 36.382 10.124 45 c 0 19.23 15.646 34.876 34.876 34.876 c 0.552 0 1 -0.447 1 -1 S 45.552 77.876 45 77.876 z"
                                        style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #D1AC68; fill-rule: nonzero; opacity: 1;"
                                        transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                    <path
                                        d="M 76.708 76.927 C 85.164 68.523 90 56.934 90 45 c 0 -0.552 -0.447 -1 -1 -1 s -1 0.448 -1 1 c 0 11.654 -4.826 22.965 -13.24 31.033 c -0.332 0.319 -0.404 0.824 -0.173 1.223 l 2.438 4.207 l -19.754 0.028 l 9.85 -17.121 l 2.19 3.779 c 0.16 0.277 0.443 0.461 0.762 0.493 c 0.314 0.032 0.633 -0.088 0.847 -0.325 c 5.775 -6.418 8.956 -14.698 8.956 -23.317 c 0 -19.231 -15.646 -34.876 -34.876 -34.876 c -0.552 0 -1 0.448 -1 1 s 0.448 1 1 1 c 18.128 0 32.876 14.749 32.876 32.876 c 0 7.662 -2.667 15.042 -7.538 20.932 l -2.354 -4.063 c -0.179 -0.309 -0.509 -0.499 -0.865 -0.499 c -0.001 0 -0.001 0 -0.002 0 c -0.356 0.001 -0.687 0.191 -0.865 0.501 L 54.674 81.994 c -0.178 0.31 -0.177 0.691 0.002 1 s 0.509 0.499 0.865 0.499 h 0.001 l 23.218 -0.032 c 0.357 -0.001 0.688 -0.191 0.866 -0.501 c 0.178 -0.31 0.177 -0.691 -0.002 -1 L 76.708 76.927 z"
                                        style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #D1AC68; fill-rule: nonzero; opacity: 1;"
                                        transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                </g>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <section class="py-12 dark:bg-black lg:py-24">




            <div class="container">
                <div class="heading mb-10 text-center">
                    <h4 class="!font-black uppercase">Uprava <span class="text-secondary">Društva</span></h4>
                </div>
                <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">

                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/dusan-jovicic.jpg"
                                class="rtl:rotate-y-180" alt="">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Dušan Jovičić
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>

                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/ognjen-kapor.jpg"
                                class="rtl:rotate-y-180" alt="">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Ognjen Kapor
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>




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

        <section class="py-12 dark:bg-black lg:py-24">
            <div class="container">
                <div class="heading mb-10 text-center">
                    <h4 class="!font-black uppercase">Nadzorni <span class="text-secondary">odbor</span></h4>
                </div>
                <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/borislav-strugarevic.jpg"
                                class="rtl:rotate-y-180" alt="">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Borislav Strugarevic
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/milovan-popovic.jpg"
                                class="rtl:rotate-y-180" alt="">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Milovan Popovic
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/boris-korenak.jpg"
                                class="rtl:rotate-y-180" alt="">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Boris Korenak
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>




        <section class="py-12 dark:bg-black lg:py-24">
            <div class="container">
                <div class="heading mb-10 text-center">
                    <h4 class="!font-black uppercase">Investicioni <span class="text-secondary">komitet</span></h4>
                </div>
                <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">


                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/nikola-stakic.jpg"
                                class="rtl:rotate-y-180" alt="">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Nikola Stakić
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>


                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/milun-trivunac.jpg"
                                class="rtl:rotate-y-180" alt="">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 x-data="{ open: false }" x-init="$store.modal = $data" class="pt-[14px] text-lg font-extrabold text-black dark:text-white">


                            <button @click="$store.modal.open = true" type="button" >
                                Milun Trivunac
                            </button>


                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>


                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/dusan-jovicic.jpg"
                                class="rtl:rotate-y-180" alt="">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Dušan Jovičić
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>


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


        <section class="py-12 dark:bg-black lg:py-24">
            <div class="container">
                <div class="heading mb-10 text-center">
                    <h4 class="!font-black uppercase">Komitet <span class="text-secondary">za upravljenje rizicima</span>
                    </h4>
                </div>
                <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/boris-korenak.jpg"
                                class="rtl:rotate-y-180" alt="">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Boris Korenak
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/ognjen-kapor.jpg"
                                class="rtl:rotate-y-180" alt="">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Ognjen Kapor
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/uros-camilovic.jpg"
                                class="rtl:rotate-y-180" alt="">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Uroš Ćamilović
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="py-12 dark:bg-black lg:py-24">
            <div class="container">
                <div class="heading mb-10 text-center">
                    <h4 class="!font-black uppercase">Portfolio <span class="text-secondary">Menadžer</span></h4>
                </div>
                <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <div class="overflow-hidden rounded-t-xl">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Danica Pavlovic
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                title ...
                            </p>
                        </div>
                    </div>

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


        <section class="bg-gradient-to-t from-white/[55%] to-transparent py-14 dark:from-white/[0.02] md:py-20">
            <div class="container">
                <div class="mb-8 flex flex-col items-center gap-5 md:mb-0 md:flex-row md:items-start md:justify-between">
                    <div class="heading-gradiant mb-0 flex-1 md:mb-12">
                        <h4>Vlasnička strukutra</h4>
                        <p class="xl:w-2/3">Redosled prvih 13 akcionara po broju akcija.</p>
                    </div>
                </div>


                <table class="w-full my-0 align-middle text-dark border-neutral-200">
                    <tbody>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                #
                            </td>
                            <td class="p-3 pr-0 text-start">
                                <span class="font-semibold text-light-inverse text-md/normal">Akcionar</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="font-semibold text-light-inverse text-md/normal">Broj akcija</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span
                                    class="inline-flex py-1 items-center font-semibold text-base/none text-success bg-success-light rounded-lg">%
                                    od ukupne emisije</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        1
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Jovičić Dušan</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">7254</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">14.22018</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        2
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Jovanović Srđan</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">7020</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">13.76147</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        3
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Todorović Darko</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">7020</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">13.76147</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        4
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Vukašinović Miodrag</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">4680</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">9.17431</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        5
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Vukašinović Predrag</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">4680</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">9.17431</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        6
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Strugarević Borislav</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">3978</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">7.79817</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        7
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Korenak Boris</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">2340</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">4.58716</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        8
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Miletić Branislav</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">2340</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">4.58716</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        9
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Milić Vladimir</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">2340</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">4.58716</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        10
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Popović Milovan</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">2340</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">4.58716</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        11
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Stakić Nikola</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">2340</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">4.58716</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        12
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Zečević Milica</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">2340</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">4.58716</span>
                            </td>
                        </tr>
                        <tr class="border-b-2 border-gray/10 last:border-b-0">
                            <td class="p-3 pl-0">
                                <div class="flex items-center">
                                    <div class="flex flex-col justify-start text-black dark:text-white">
                                        13
                                    </div>
                                </div>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">Ćamilović Uroš</span>
                            </td>
                            <td class="p-3 pr-0 text-end">
                                <span class="text-black dark:text-white">2340</span>
                            </td>
                            <td class="p-3 pr-0 text-right"> <!-- Adjusted text alignment here -->
                                <span class="text-[#45B649] rounded-lg">4.58716</span>
                            </td>
                        </tr>
                    </tbody>
                </table>


            </div>
        </section>






    </div>



        <!-- Modal -->
    <div x-data="{ open: false }" x-init="$store.modal = $data" class="flex justify-center items-center w-screen h-screen">
        <div
            x-show="$store.modal.open"
            x-on:keydown.escape.prevent.stop="$store.modal.open = false"
            role="dialog"
            aria-modal="true"
            x-id="['modal-title']"
            :aria-labelledby="$id('modal-title')"
            class="overflow-y-auto fixed inset-0"
        >
            <div x-show="$store.modal.open" x-transition.opacity.duration.300 class="fixed inset-0 bg-black/10" ></div>
            <div
                x-show="$store.modal.open"
                x-transition:enter="ease-out duration-300"
                x-transition:enter-start="opacity-0 translate-y-4"
                x-transition:enter-end="opacity-100 translate-y-0"
                x-transition:leave="ease-in duration-300"
                x-transition:leave-start="opacity-100 translate-y-0"
                x-transition:leave-end="opacity-0 translate-y-4"
                x-on:click="$store.modal.open = false"
                class="flex relative justify-center items-center p-10  min-h-screen"
            >
                <div
                    x-on:click.stop
                    x-trap.noscroll.inert="$store.modal.open"
                    class="overflow-y-auto relative p-8 w-full max-w-2xl bg-black/90 border border-black rounded-md container"
                >
                    <h2 class="text-3xl font-medium text-sky-500" :id="$id('modal-title')">Milun Trivunac</h2>
                    <p class="mt-2 max-w-md text-white">Milun Trivunac ima preko 20 godina iskustva u oblasti korporativnih finansija.  Karijeru je započeo u Pragu, 2003. godine, kao finansijski analitičar u „GE Capital“, finansijskom ogranku „General Electric“ grupe. U „Deloitte & Touche” je radio na poslovima izrade due dilligence izveštaja, procene vrednosti kapitala, kao i reviziji finansijskih izveštaja za najveće firme u Srbiji, u periodu od 2003 do 2006. godine. U Erste banci bio je šef odeljenja korporativnih finansija u periodu od 2006. do sredine 2007. godine, a zatim se bavio poslovima portfolio menadžera, gde je do 2010. godine vodio dva otvorena investiciona fonda – „AC Fondovi“ i „Ilirika jugoistočna Evropa“.</p>
                    <p class="mt-2 max-w-md text-white">Od 2010. godine radio je u Ministarstvu ekonomije u svojstvu savetnika ministra, a od juna 2014. godine vršio je funkciju v.d. pomoćnika ministra privrede. Na funkciji državnog sekretara (zamenika ministra) u Ministarstvu privrede proveo je pun mandat, od 2016. do 2020. godine.</p>
                    <p class="mt-2 max-w-md text-white">Bio je jedan od ključnih članova tima za izradu novog zakona o privatizaciji i zakona o stečaju. U njegovom mandatu privatizovano je preko 85% ukupnog privatizacionog portfelja Republike Srbije. Od glavnih transakcija, istuču se Železara Smederevo, RTB BOR, Galenika, PKB i mnogi drugi. Aktivno se bavio i razvojnim finansiranjem – nadgledao je rad Fonda za razvoj Republike Srbije kao i AOFI (Agencija za osiguranje i finansiranje izvoza). Bio je i pregovarač – član tima za pridruživanje EU i to za poglavlje 7 (državna pomoć i konkurentnost).</p>
                    <p class="mt-2 max-w-md text-white">Trenutno vrši funkciju predsednika Skupštine Elektromreža Srbije a.d. (EMS a.d.), kao i člana Upravnog odbora AMSS Osiguranja. U višegodišnjoj karijeri bio je član više Upravnih odbora kao što su Air Serbia, FIAT Automobili Srbija d.o.o., Energoprojekt holding a.d., Tigar a.d. Pirot, Jugoslovensko rečno brodarstvo a.d.</p>
                    <p class="mt-2 max-w-md text-white">Trivunac je diplomirao ekonomiju na „Anglo American University “ u Pragu, a diplomu magistra ekonomije (MBA) stiče na „ Rochester Institute of Technology “ u SAD. Poseduje državnu licencu portfolio menadžera i položen državni ispit. Milun Trivunac je rođen 1976. godine u Beogradu. Tečno govori engleski jezik.</p>







                    <div class="flex mt-8">
                        <button type="button" x-on:click="$store.modal.open = false" class="bg-white text-black px-8 py-3 rounded-md font-semibold">
                            Close
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </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>
@endsection