{% extends 'main_base.html.twig' %}
{% block styles %}
    <style>
        #profile {
            padding: 10vh 0;
        }

        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }

        .swiper {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #1bc5bd;
            /*display: flex;*/
            justify-content: center;
            align-items: center;
        }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            /*object-fit: cover;*/
        }

        #sliderGecis {
            margin-top: 22px;
            position: relative;
        }
    </style>
{% endblock %}
{% block scripts %}
    <script>
        $(document).ready(function () {

                var element = document.getElementById('kt_apexcharts_3');

                var height = parseInt(KTUtil.css(element, 'height'));
                var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');
                var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');
                var baseColor = KTUtil.getCssVariableValue('--bs-info');
                var lightColor = KTUtil.getCssVariableValue('--bs-light-info');


                var options = {
                    series: [{
                        name: 'Net Profit',
                        data: [30, 40, 40, 90, 90, 70, 70]
                    }],
                    chart: {
                        fontFamily: 'inherit',
                        type: 'area',
                        height: height,
                        toolbar: {
                            show: false
                        }
                    },
                    plotOptions: {},
                    legend: {
                        show: false
                    },
                    dataLabels: {
                        enabled: false
                    },
                    fill: {
                        type: 'solid',
                        opacity: 1
                    },
                    stroke: {
                        curve: 'smooth',
                        show: true,
                        width: 3,
                        colors: [baseColor]
                    },
                    xaxis: {
                        categories: ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz'],
                        axisBorder: {
                            show: false,
                        },
                        axisTicks: {
                            show: false
                        },
                        labels: {
                            style: {
                                colors: labelColor,
                                fontSize: '12px'
                            }
                        },
                        crosshairs: {
                            position: 'front',
                            stroke: {
                                color: baseColor,
                                width: 1,
                                dashArray: 3
                            }
                        },
                        tooltip: {
                            enabled: true,
                            formatter: undefined,
                            offsetY: 0,
                            style: {
                                fontSize: '12px'
                            }
                        }
                    },
                    yaxis: {
                        labels: {
                            style: {
                                colors: labelColor,
                                fontSize: '12px'
                            }
                        }
                    },
                    states: {
                        normal: {
                            filter: {
                                type: 'none',
                                value: 0
                            }
                        },
                        hover: {
                            filter: {
                                type: 'none',
                                value: 0
                            }
                        },
                        active: {
                            allowMultipleDataPointsSelection: false,
                            filter: {
                                type: 'none',
                                value: 0
                            }
                        }
                    },
                    tooltip: {
                        style: {
                            fontSize: '12px'
                        },
                        y: {
                            formatter: function (val) {
                                return '₺' + val + ' '
                            }
                        }
                    },
                    colors: [lightColor],
                    grid: {
                        borderColor: borderColor,
                        strokeDashArray: 4,
                        yaxis: {
                            lines: {
                                show: true
                            }
                        }
                    },
                    markers: {
                        strokeColor: baseColor,
                        strokeWidth: 3
                    }
                };

                var chart = new ApexCharts(element, options);
                chart.render();
            }
        );
        $(document).ready(function () {
            var swiper = new Swiper(".mySwiper", {
                slidesPerView: 3,
                spaceBetween: 5,
                // centeredSlides: true,
                pagination: {
                    el: ".swiper-pagination",
                    clickable: true,
                },
            });
        });
    </script>
{% endblock %}
{% block css %}
    <style>

    </style>
{% endblock %}

{% block content %}
    <section id="profile">
        <div class="d-flex flex-column flex-root">
            <!--begin::Wrapper-->
            <div class="wrapper d-flex flex-column flex-row-fluid" id="kt_wrapper">
                <!--begin::Container-->
                <div id="kt_content_container" class="d-flex row m-10 m-sm-20">
                    <!--begin::Post-->
                    <div class="content flex-row-fluid" id="kt_content">
                        <!--begin::Social - Activity -->
                        <div class="bg-white card mb-10 shadow ">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 col-xl d-flex flex-column flex-md-row my-auto text-center">
                                        <div class="my-auto">
                                            <img src="/fonuniq/public/assets/main/img/mowea.png">
                                        </div>
                                        <div class="fs-lg-7 fs-md-7 fs-xl-4 mx-xl-5">

                                            <div class="fw-bolder text-dark">
                                                Metropol Elektrik Elektronik San. ve Tic. Ltd. Şti.
                                            </div>
                                            <div class="fw-semibold mb-2">MİKROSUB, dalış sporunu sevdirmeyi hedefleyen,
                                                dalış
                                                ekonomisini ve
                                                sürdürülebilir avcılığı destekleyen ve denize karşı duyarlılığı
                                                arttırmayı
                                                hedefleyen Türkiye’nin ilk ve tek dalış bilgisayarıdır.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-xl-auto mx-lg-auto my-auto text-center">
                                        <img src="/fonuniq/public/assets/main/img/login1.png"
                                             class="h-lg-90px h-md-70px h-sm-70px me-3 w-100 w-lg-375px w-md-250px w-sm-250px">
                                        <a href="/fonuniq/public/index.php/tr/yatirim-yap" class="">
                                            <img src="/fonuniq/public/assets/main/img/login2.png"
                                                 class="h-60px h-lg-90px h-md-70px h-sm-70px m-sm-0 mt-3 w-lg-90px w-md-70px w-sm-70px">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="">
                            <div class="row">
                                <div class="col-auto w-lg-175px  d-none d-md-block" data-animate="animate__fadeInLeft">
                                    <div id="leftMenu" class="mb-5 mb-xl-8">
                                        <!--begin::Body-->
                                        <div class="card overflow-hidden sistem-about">
                                            <div class="card-body p-0">
                                                <!--begin::Navs-->
                                                <ul class="nav row-cols-2 row-cols-lg-1 row-cols-md-3" id="sideMenu">
                                                    <!--begin::Nav item-->
                                                    <li class="nav-item col">
                                                        <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                                           href="{{ path('app_proje_hakkinda') }}">
                                                            <!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
                                                            <img src="{{ asset('assets/main/img/proje-hakkinda.png') }}"
                                                                 class="mt-10 mb-5">
                                                            <span class="d-block mb-2 fw-bolder fs-7 text-white">Proje Hakkında</span>
                                                            <span class="d-block mx-10 border-bottom"></span>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item col">
                                                        <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                                           href="{{ path('app_proje_hakkinda') }}">
                                                            <!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
                                                            <img src="{{ asset('assets/main/img/proje-ekibi.png') }}"
                                                                 class="mt-10 mb-5">
                                                            <span class="d-block mb-5 fw-bolder fs-7 text-white">Proje Ekibi</span>
                                                            <span class="d-block mx-10 border-bottom"></span>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item col">
                                                        <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                                           href="{{ path('app_proje_hakkinda') }}">
                                                            <!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
                                                            <img src="{{ asset('assets/main/img/resmi-belgeler.png') }}"
                                                                 class="mt-10 mb-5">
                                                            <span class="d-block mb-2 fw-bolder fs-7 text-white">Resmi Belgeler</span>
                                                            <span class="d-block mx-10 border-bottom"></span>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item col">
                                                        <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                                           href="{{ path('app_proje_hakkinda') }}">
                                                            <!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
                                                            <img src="{{ asset('assets/main/img/uretim-surecleri.png') }}"
                                                                 class="mt-10 mb-5">
                                                            <span class="d-block mb-2 fw-bolder fs-7 text-white">Üretim Süreçleri</span>
                                                            <span class="d-block mx-10 border-bottom"></span>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item col">
                                                        <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                                           href="{{ path('app_proje_hakkinda') }}">
                                                            <!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
                                                            <img src="{{ asset('assets/main/img/hedef-kitle.png') }}"
                                                                 class="mt-10 mb-5">
                                                            <span class="d-block mb-2 fw-bolder fs-7 text-white">Pazar/Hedef Kitle</span>
                                                            <span class="d-block mx-10 border-bottom"></span>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item col">
                                                        <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                                           href="{{ path('app_proje_hakkinda') }}">
                                                            <!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
                                                            <img src="{{ asset('assets/main/img/hissedarlar.png') }}"
                                                                 class="mt-10 mb-5">
                                                            <span class="d-block mb-2 fw-bolder fs-7 text-white">Hissedarlar</span>
                                                            <span class="d-block mx-10 border-bottom"></span>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item col">
                                                        <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                                           href="{{ path('app_proje_hakkinda') }}">
                                                            <!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
                                                            <img src="{{ asset('assets/main/img/finansal-veriler.png') }}"
                                                                 class="mt-10 mb-5">
                                                            <span class="d-block mb-2 fw-bolder fs-7 text-white">Finansal Veriler</span>
                                                            <span class="d-block mx-10 border-bottom"></span>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item col">
                                                        <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                                           href="{{ path('app_proje_hakkinda') }}">
                                                            <!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
                                                            <img src="{{ asset('assets/main/img/is-plani.png') }}"
                                                                 class="mt-10 mb-5">
                                                            <span class="d-block mb-2 fw-bolder fs-7 text-white">İş Planı ve Araziler</span>
                                                            <span class="d-block mx-10 border-bottom"></span>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <!--begin::Navs-->
                                                <!--end::Navbar-->
                                            </div>
                                        </div>
                                        <!--end::Body-->
                                    </div>
                                </div>
                                <div class="swiper mySwiper d-block d-md-none">
                                    <div class="swiper-wrapper">
                                        <div class="h-100px rounded swiper-slide">
                                            <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                               href="{{ path('app_proje_hakkinda') }}">
                                                <div class="w-40px h-40px mx-auto">
                                                    <img src="{{ asset('assets/main/img/proje-hakkinda.png') }}"
                                                         class="mt-10 mb-5">
                                                </div>
                                                <span class="d-block mb-2 fw-bolder fs-7 text-white">Proje Hakkında</span>
                                            </a>
                                        </div>
                                        <div class="h-100px rounded swiper-slide">
                                            <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                               href="/fonuniq/public/index.php/tr/proje-hakkinda">
                                                <div class="w-40px h-40px mx-auto"><img
                                                            src="/fonuniq/public/assets/main/img/proje-ekibi.png"
                                                            class="mt-10 mb-5">
                                                </div>
                                                <span class="d-block mb-5 fw-bolder fs-7 text-white">Proje Ekibi</span>
                                            </a>
                                        </div>
                                        <div class="h-100px rounded swiper-slide">
                                            <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                               href="/fonuniq/public/index.php/tr/proje-hakkinda">
                                                <div class="w-40px h-40px mx-auto"><img
                                                            src="/fonuniq/public/assets/main/img/resmi-belgeler.png"
                                                            class="mt-10 mb-5">
                                                </div>
                                                <span class="d-block mb-2 fw-bolder fs-7 text-white">Resmi Belgeler</span>
                                            </a>
                                        </div>
                                        <div class="h-100px rounded swiper-slide">
                                            <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                               href="/fonuniq/public/index.php/tr/proje-hakkinda">
                                                <div class="w-40px h-40px mx-auto"><img
                                                            src="/fonuniq/public/assets/main/img/uretim-surecleri.png"
                                                            class="mt-10 mb-5">
                                                </div>
                                                <span class="d-block mb-2 fw-bolder fs-7 text-white">Üretim Süreçleri</span>
                                            </a>
                                        </div>
                                        <div class="h-100px rounded swiper-slide">
                                            <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                               href="/fonuniq/public/index.php/tr/proje-hakkinda">
                                                <div class="w-40px h-40px mx-auto"><img
                                                            src="/fonuniq/public/assets/main/img/hedef-kitle.png"
                                                            class="mt-10 mb-5">
                                                </div>
                                                <span class="d-block mb-2 fw-bolder fs-7 text-white">Pazar/Hedef Kitle</span>
                                            </a>
                                        </div>
                                        <div class="h-100px rounded swiper-slide">
                                            <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                               href="/fonuniq/public/index.php/tr/proje-hakkinda">
                                                <div class="w-40px h-40px mx-auto"><img
                                                            src="/fonuniq/public/assets/main/img/hissedarlar.png"
                                                            class="mt-10 mb-5">
                                                </div>
                                                <span class="d-block mb-2 fw-bolder fs-7 text-white">Hissedarlar</span>
                                            </a></div>
                                        <div class="h-100px rounded swiper-slide">
                                            <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                               href="/fonuniq/public/index.php/tr/proje-hakkinda">
                                                <div class="w-50px h-50px mx-auto">
                                                    <img src="/fonuniq/public/assets/main/img/finansal-veriler.png"
                                                         class="mt-10 mb-5">
                                                </div>
                                                <span class="d-block mb-2 fw-bolder fs-7 text-white">Finansal Veriler</span>
                                            </a></div>
                                        <div class="h-100px rounded swiper-slide">
                                            <a class="nav-link btn btn-active-dark p-0 rounded-0"
                                               href="/fonuniq/public/index.php/tr/proje-hakkinda">
                                                <div class="w-40px h-40px mx-auto"><img
                                                            src="/fonuniq/public/assets/main/img/is-plani.png"
                                                            class="mt-10 mb-5">
                                                </div>
                                                <span class="d-block mb-2 fw-bolder fs-7 text-white">İş Planı ve Araziler</span>
                                            </a></div>
                                    </div>
                                    <div class="swiper-pagination" id="sliderGecis">

                                    </div>
                                </div>

                                <div class="col mt-15 mt-md-0">
                                    <div class="border-bottom row-cols-sm-4
                                     mb-5 row ms-9 me-2">
                                        <div class="col-lg-3 d-lg-block d-md-grid">
                                            <span class="text-gray-400 mt-1 fw-semibold fs-xl-6">DURUMU:</span>
                                            <span class="card-label fw-bold fs-xl-6 text-dark">FONLAMAYA SUNULDU </span>
                                        </div>
                                        <div class="col-lg-3 d-lg-block d-md-grid">
                                            <span class="text-gray-400 mt-1 fw-semibold fs-xl-6">YATIRIMCI SAYISI: </span>
                                            <span class="card-label fw-bold text-dark fs-xl-6">165</span>
                                        </div>
                                        <div class="col-lg-3 d-lg-block d-md-grid">
                                            <span class="text-gray-400 mt-1 fw-semibold fs-xl-6">FONLANAN MİKTAR:</span>
                                            <span class="card-label fw-bold text-dark fs-xl-6">₺4.567.890</span>
                                        </div>
                                        <div class="col-lg-3 d-lg-block d-md-grid">
                                            <span class="text-gray-400 mt-1 fw-semibold fs-xl-6">HEDEF FON MİKTARI:</span>
                                            <span class="card-label fw-bold text-dark fs-xl-6">₺6.000.000</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-7">
                                            <div class="row mb-5">
                                                <!--begin::Col-->
                                                <div class="col-6 col-sm-6 col-xl-3 mb-xl-0 mb-sm-5 animate__animated"
                                                     data-animate="animate__fadeInUp">
                                                    <!--begin::Card widget 2-->
                                                    <div id="hisseSatisPlanlamalari"
                                                         class="card bg-warning bg-hover-white text-dark text-hover-dark h-lg-150px">
                                                        <!--begin::Body-->
                                                        <div class="card-body d-flex flex-column p-5">
                                                            <div>
                                                                <img src="{{ asset('assets/main/img/hisse-satis-planlamalari.png') }}">
                                                            </div>
                                                            <div class="mt-auto">
                                                                <span id="hisseSatisPlanlamalariText"
                                                                      class="d-block overflow-hidden fw-bold fs-6 text-nowrap text-truncate">Pay/Hisse Satış Planlamaları</span>
                                                            </div>
                                                        </div>
                                                        <!--end::Body-->
                                                    </div>
                                                    <!--end::Card widget 2-->
                                                </div>
                                                <!--end::Col-->
                                                <!--begin::Col-->
                                                <div class="col-6 col-sm-6 col-xl-3 mb-xl-0 mb-sm-5 animate__animated"
                                                     data-animate="animate__fadeInUp">
                                                    <!--begin::Card widget 2-->
                                                    <div id="aktifYatirimcilar"
                                                         class="card bg-warning bg-hover-white text-dark text-hover-dark h-lg-150px">
                                                        <!--begin::Body-->
                                                        <div class="card-body d-flex flex-column p-5">
                                                            <div>
                                                                <img src="{{ asset('assets/main/img/aktif-yatirimcilar.png') }}">
                                                            </div>
                                                            <div class="mt-auto">
                                                                <span id="aktifYatirimcilarText"
                                                                      class="d-block overflow-hidden fw-bold fs-6 text-nowrap text-truncate">Aktif  Yatırımcılar</span>
                                                            </div>
                                                        </div>
                                                        <!--end::Body-->
                                                    </div>
                                                    <!--end::Card widget 2-->
                                                </div>
                                                <!--end::Col-->
                                                <!--begin::Col-->
                                                <div class="col-6 col-sm-6 col-xl-3 animate__animated"
                                                     data-animate="animate__fadeInUp">
                                                    <!--begin::Card widget 2-->
                                                    <div id="projeGuncellemeleri"
                                                         class="card bg-warning bg-hover-white text-dark text-hover-dark h-lg-150px">
                                                        <!--begin::Body-->
                                                        <div class="card-body d-flex flex-column p-5">
                                                            <div>
                                                                <img src="{{ asset('assets/main/img/proje-guncellemeleri.png') }}">
                                                            </div>
                                                            <div class="mt-auto">
                                                                <span id="projeGuncellemeleriText"
                                                                      class="d-block overflow-hidden fw-bold fs-6 text-nowrap text-truncate">Proje Güncellemeleri</span>
                                                            </div>
                                                        </div>
                                                        <!--end::Body-->
                                                    </div>
                                                    <!--end::Card widget 2-->
                                                </div>
                                                <!--end::Col-->
                                                <!--begin::Col-->
                                                <div class="col-6 col-sm-6 col-xl-3 animate__animated"
                                                     data-animate="animate__fadeInUp">
                                                    <!--begin::Card widget 2-->
                                                    <div id="merakEdilen"
                                                         class="card bg-warning bg-hover-white text-dark text-hover-dark h-lg-150px">
                                                        <!--begin::Body-->
                                                        <div class="card-body d-flex flex-column p-5">
                                                            <div>
                                                                <img src="{{ asset('assets/main/img/merak-edilen-konu.png') }}">
                                                            </div>
                                                            <div class="mt-auto">
                                                                <span id="merakEdilenText"
                                                                      class="d-block overflow-hidden fw-bold fs-6 text-nowrap text-truncate">Merak Edilen Konular</span>
                                                            </div>
                                                        </div>
                                                        <!--end::Body-->
                                                    </div>
                                                    <!--end::Card widget 2-->
                                                </div>
                                                <!--end::Col-->
                                            </div>
                                            <div class="card card-flush mb-xl-0 mb-sm-5 animate__animated"
                                                 data-animate="animate__fadeInUp">
                                                <!--begin::Header-->
                                                <div class="card-header py-5">
                                                    <!--begin::Title-->
                                                    <h3 class="card-title fw-bold text-gray-800">Yatırımcı Ziyaret ve
                                                        Takip Durumu</h3>
                                                    <!--end::Title-->

                                                    <!--begin::Toolbar-->
                                                    <div class="card-toolbar">
                                                        <!--begin::Daterangepicker(defined in src/js/layout/app.js)-->
                                                        <div data-kt-daterangepicker="true"
                                                             data-kt-daterangepicker-opens="left"
                                                             class="btn btn-sm btn-light d-flex align-items-center px-4"
                                                             data-kt-initialized="1">
                                                            <!--begin::Display range-->
                                                            <div class="text-gray-600 fw-bold">22 Ara 2022 - 20 Oca
                                                                2023
                                                            </div>
                                                            <!--end::Display range-->

                                                            <!--begin::Svg Icon | path: icons/duotune/general/gen014.svg-->
                                                            <span class="svg-icon svg-icon-1 ms-2 me-0"><svg width="24"
                                                                                                             height="24"
                                                                                                             viewBox="0 0 24 24"
                                                                                                             fill="none"
                                                                                                             xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M21 22H3C2.4 22 2 21.6 2 21V5C2 4.4 2.4 4 3 4H21C21.6 4 22 4.4 22 5V21C22 21.6 21.6 22 21 22Z"
      fill="currentColor"></path>
<path d="M6 6C5.4 6 5 5.6 5 5V3C5 2.4 5.4 2 6 2C6.6 2 7 2.4 7 3V5C7 5.6 6.6 6 6 6ZM11 5V3C11 2.4 10.6 2 10 2C9.4 2 9 2.4 9 3V5C9 5.6 9.4 6 10 6C10.6 6 11 5.6 11 5ZM15 5V3C15 2.4 14.6 2 14 2C13.4 2 13 2.4 13 3V5C13 5.6 13.4 6 14 6C14.6 6 15 5.6 15 5ZM19 5V3C19 2.4 18.6 2 18 2C17.4 2 17 2.4 17 3V5C17 5.6 17.4 6 18 6C18.6 6 19 5.6 19 5Z"
      fill="currentColor"></path>
<path d="M8.8 13.1C9.2 13.1 9.5 13 9.7 12.8C9.9 12.6 10.1 12.3 10.1 11.9C10.1 11.6 10 11.3 9.8 11.1C9.6 10.9 9.3 10.8 9 10.8C8.8 10.8 8.59999 10.8 8.39999 10.9C8.19999 11 8.1 11.1 8 11.2C7.9 11.3 7.8 11.4 7.7 11.6C7.6 11.8 7.5 11.9 7.5 12.1C7.5 12.2 7.4 12.2 7.3 12.3C7.2 12.4 7.09999 12.4 6.89999 12.4C6.69999 12.4 6.6 12.3 6.5 12.2C6.4 12.1 6.3 11.9 6.3 11.7C6.3 11.5 6.4 11.3 6.5 11.1C6.6 10.9 6.8 10.7 7 10.5C7.2 10.3 7.49999 10.1 7.89999 10C8.29999 9.90003 8.60001 9.80003 9.10001 9.80003C9.50001 9.80003 9.80001 9.90003 10.1 10C10.4 10.1 10.7 10.3 10.9 10.4C11.1 10.5 11.3 10.8 11.4 11.1C11.5 11.4 11.6 11.6 11.6 11.9C11.6 12.3 11.5 12.6 11.3 12.9C11.1 13.2 10.9 13.5 10.6 13.7C10.9 13.9 11.2 14.1 11.4 14.3C11.6 14.5 11.8 14.7 11.9 15C12 15.3 12.1 15.5 12.1 15.8C12.1 16.2 12 16.5 11.9 16.8C11.8 17.1 11.5 17.4 11.3 17.7C11.1 18 10.7 18.2 10.3 18.3C9.9 18.4 9.5 18.5 9 18.5C8.5 18.5 8.1 18.4 7.7 18.2C7.3 18 7 17.8 6.8 17.6C6.6 17.4 6.4 17.1 6.3 16.8C6.2 16.5 6.10001 16.3 6.10001 16.1C6.10001 15.9 6.2 15.7 6.3 15.6C6.4 15.5 6.6 15.4 6.8 15.4C6.9 15.4 7.00001 15.4 7.10001 15.5C7.20001 15.6 7.3 15.6 7.3 15.7C7.5 16.2 7.7 16.6 8 16.9C8.3 17.2 8.6 17.3 9 17.3C9.2 17.3 9.5 17.2 9.7 17.1C9.9 17 10.1 16.8 10.3 16.6C10.5 16.4 10.5 16.1 10.5 15.8C10.5 15.3 10.4 15 10.1 14.7C9.80001 14.4 9.50001 14.3 9.10001 14.3C9.00001 14.3 8.9 14.3 8.7 14.3C8.5 14.3 8.39999 14.3 8.39999 14.3C8.19999 14.3 7.99999 14.2 7.89999 14.1C7.79999 14 7.7 13.8 7.7 13.7C7.7 13.5 7.79999 13.4 7.89999 13.2C7.99999 13 8.2 13 8.5 13H8.8V13.1ZM15.3 17.5V12.2C14.3 13 13.6 13.3 13.3 13.3C13.1 13.3 13 13.2 12.9 13.1C12.8 13 12.7 12.8 12.7 12.6C12.7 12.4 12.8 12.3 12.9 12.2C13 12.1 13.2 12 13.6 11.8C14.1 11.6 14.5 11.3 14.7 11.1C14.9 10.9 15.2 10.6 15.5 10.3C15.8 10 15.9 9.80003 15.9 9.70003C15.9 9.60003 16.1 9.60004 16.3 9.60004C16.5 9.60004 16.7 9.70003 16.8 9.80003C16.9 9.90003 17 10.2 17 10.5V17.2C17 18 16.7 18.4 16.2 18.4C16 18.4 15.8 18.3 15.6 18.2C15.4 18.1 15.3 17.8 15.3 17.5Z"
      fill="currentColor"></path>
</svg>
</span>
                                                            <!--end::Svg Icon-->
                                                        </div>
                                                        <!--end::Daterangepicker-->
                                                    </div>
                                                    <!--end::Toolbar-->
                                                </div>
                                                <!--end::Header-->

                                                <!--begin::Card body-->
                                                <div class="card card-bordered">
                                                    <div class="card-body">
                                                        <div id="kt_apexcharts_3" style="height: 350px;"></div>
                                                    </div>
                                                </div>
                                                <!--end::Card body-->
                                            </div>
                                        </div>
                                        <div class="col-lg-5 animate__animated" data-animate="animate__fadeInRight">
                                            <div id="finansalDegerler" class=" card mb-5 mb-xl-8">
                                                <!--begin::Header-->
                                                <div class="border-0 pt-5 d-flex flex-row ms-8 my-auto">
                                                    <h3 class="card-title align-items-start d-flex flex-column">
                                                        <span class="card-label fw-bold text-white text-gray-400">Finansal Değerler</span>
                                                    </h3>
                                                </div>
                                                <div class="py-1 flex-row-fluid">
                                                    <!--begin::Card header-->
                                                    <div class="ms-8">
                                                        <div class="card-title mt-10">
                                                            <h2 class="text-white fw-light text-gray-600 fs-6">
                                                                Kategoriler</h2>
                                                        </div>
                                                    </div>
                                                    <!--end::Card header-->
                                                    <!--begin::Card body-->
                                                    <div class="card-body pt-0">
                                                        <div class="table-responsive">
                                                            <!--begin::Table-->
                                                            <table class="table align-middle table-row-bordered mb-0 fs-6 gy-5">
                                                                <!--begin::Table body-->
                                                                <tbody class="fw-semibold text-gray-600">
                                                                <!--begin::Date-->
                                                                <tr>
                                                                    <td class="text-muted">
                                                                        <div class="d-flex align-items-center">
                                                                            KAZANÇ BEKLENTİSİ
                                                                        </div>
                                                                    </td>
                                                                    <td class="fw-bold text-end">
                                                                        <img src="{{ asset('assets/main/img/finansal-degerler.png') }}"
                                                                             class="w-30px ms-2 me-2">
                                                                    </td>
                                                                </tr>
                                                                <!--end::Date-->
                                                                <!--begin::Payment method-->
                                                                <tr>
                                                                    <td class="text-muted">
                                                                        <div class="d-flex align-items-center">
                                                                            İŞLETMENİN
                                                                            BÜTÇESİ
                                                                        </div>
                                                                    </td>
                                                                    <td class="fw-bold text-end">
                                                                        <img src="{{ asset('assets/main/img/finansal-degerler.png') }}"
                                                                             class="w-30px ms-2 me-2">
                                                                    </td>
                                                                </tr>
                                                                <!--end::Payment method-->
                                                                <!--begin::Date-->
                                                                <tr>
                                                                    <td class="text-muted">
                                                                        <div class="d-flex align-items-center">YATIRIM
                                                                            BÜTÇESİ
                                                                        </div>
                                                                    </td>
                                                                    <td class="fw-bold text-end">
                                                                        <img src="{{ asset('assets/main/img/finansal-degerler.png') }}"
                                                                             class="w-30px ms-2 me-2">
                                                                    </td>
                                                                </tr>
                                                                <!--end::Date-->
                                                                <!--begin::Date-->
                                                                <tr>
                                                                    <td class="text-muted">
                                                                        <div class="d-flex align-items-center">
                                                                            GELİR/GİDER
                                                                            DURUMLARI
                                                                        </div>
                                                                    </td>
                                                                    <td class="fw-bold text-end">
                                                                        <img src="{{ asset('assets/main/img/finansal-degerler.png') }}"
                                                                             class="w-30px ms-2 me-2">
                                                                    </td>
                                                                </tr>
                                                                <!--end::Date-->
                                                                <!--begin::Date-->
                                                                <tr>
                                                                    <td class="text-muted">
                                                                        <div class="d-flex align-items-center">SATIŞ
                                                                            HEDEF
                                                                            BEKLENTİSİ
                                                                        </div>
                                                                    </td>
                                                                    <td class="fw-bold text-end">
                                                                        <img src="{{ asset('assets/main/img/finansal-degerler.png') }}"
                                                                             class="w-30px ms-2 me-2">
                                                                    </td>
                                                                </tr>
                                                                <!--end::Date-->
                                                                <!--begin::Date-->
                                                                <tr>
                                                                    <td class="text-muted">
                                                                        <div class="d-flex align-items-center">NAKİT
                                                                            DURUM
                                                                            ÇİZELGELERİ
                                                                        </div>
                                                                    </td>
                                                                    <td class="fw-bold text-end">
                                                                        <img src="{{ asset('assets/main/img/finansal-degerler.png') }}"
                                                                             class="w-30px ms-2 me-2">
                                                                    </td>
                                                                </tr>
                                                                <!--end::Date-->
                                                                </tbody>
                                                                <!--end::Table body-->
                                                            </table>
                                                            <!--end::Table-->
                                                        </div>
                                                        <div class="dataTables_paginate paging_simple_numbers"
                                                             id="kt_file_manager_list_paginate">
                                                            <ul class="pagination">
                                                                <li class="paginate_button page-item"
                                                                    id="kt_file_manager_list_previous">
                                                                    <a href="#" aria-controls="kt_file_manager_list"
                                                                       data-dt-idx="0"
                                                                       tabindex="0" class="page-link"><i
                                                                                class="previous">
                                                                        </i>
                                                                    </a>
                                                                </li>
                                                                <li class="paginate_button page-item active">
                                                                    <a href="#" aria-controls="kt_file_manager_list"
                                                                       data-dt-idx="1"
                                                                       tabindex="0" class="page-link">1</a>
                                                                </li>
                                                                <li class="paginate_button page-item ">
                                                                    <a href="#" aria-controls="kt_file_manager_list"
                                                                       data-dt-idx="2" tabindex="0" class="page-link">2
                                                                    </a>
                                                                </li>
                                                                <li class="paginate_button page-item ">
                                                                    <a href="#" aria-controls="kt_file_manager_list"
                                                                       data-dt-idx="3" tabindex="0" class="page-link">3
                                                                    </a>
                                                                </li>
                                                                <li class="paginate_button page-item"
                                                                    id="kt_file_manager_list_next">
                                                                    <a href="#" aria-controls="kt_file_manager_list"
                                                                       data-dt-idx="4" tabindex="0" class="page-link">
                                                                        <i class="next"></i>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <!--end::Card body-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-20">
                                        <div class="col-lg-4 col-sm-6 mb-sm-5 animate__animated"
                                             data-animate="animate__fadeInUp">
                                            <div class="card bg-white bg-hover-light">
                                                <div class="card-body">
                                                    <img class="mb-5"
                                                         src="{{ asset('assets/main/img/nutzentech-card.png') }}">
                                                    <h5>
                                                        Metropol Elektrik Elektronik San. ve Tic. Ltd. Şti.
                                                    </h5>
                                                    <p class="fs-6 text-gray-400">
                                                        A: Dudullu OSB Mah
                                                        DES 2. Caddesi No:D:8, 34776
                                                        <br>
                                                        Ümraniye/İstanbul
                                                        <br>
                                                        M: info@nutzentech.com
                                                        <br>
                                                        T: +90 539 547 69 99
                                                    </p>
                                                    <p class="fs-5 text-gray-600">www. metropol.com.tr</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-sm-6 mb-sm-5 animate__animated"
                                             data-animate="animate__fadeInUp">
                                            <div class="card bg-white bg-hover-light">
                                                <div class="card-body">
                                                    <img class="mb-5"
                                                         src="{{ asset('assets/main/img/nutzentech-card.png') }}">
                                                    <h5>
                                                        Metropol Elektrik Elektronik San. ve Tic. Ltd. Şti.
                                                    </h5>
                                                    <p class="fs-6 text-gray-400">
                                                        A: Dudullu OSB Mah
                                                        DES 2. Caddesi No:D:8, 34776
                                                        <br>
                                                        Ümraniye/İstanbul
                                                        <br>
                                                        M: info@nutzentech.com
                                                        <br>
                                                        T: +90 539 547 69 99
                                                    </p>
                                                    <p class="fs-5 text-gray-600">www. metropol.com.tr</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-sm-6 animate__animated"
                                             data-animate="animate__fadeInUp">
                                            <div class="card bg-white bg-hover-light">
                                                <div class="card-body">
                                                    <img class="mb-5"
                                                         src="{{ asset('assets/main/img/nutzentech-card.png') }}">
                                                    <h5>
                                                        Metropol Elektrik Elektronik San. ve Tic. Ltd. Şti.
                                                    </h5>
                                                    <p class="fs-6 text-gray-400">
                                                        A: Dudullu OSB Mah
                                                        DES 2. Caddesi No:D:8, 34776
                                                        <br>
                                                        Ümraniye/İstanbul
                                                        <br>
                                                        M: info@nutzentech.com
                                                        <br>
                                                        T: +90 539 547 69 99
                                                    </p>
                                                    <p class="fs-5 text-gray-600">www. metropol.com.tr</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--end::Social - Activity-->
                    </div>
                    <!--end::Post-->
                </div>
                <!--end::Container-->
                <!--end::Wrapper-->
            </div>
            <!--end::Page-->
        </div>
    </section>
{% endblock %}