{% extends 'main_base.html.twig' %}
{% block styles %}
    <style>
        #profile {
            padding: 10vh 0;
        }
    </style>
{% endblock %}
{% block content %}
    <section id="profile">
        <div class="d-flex row m-20">
            <div class="col-xl-3">
                <div class="row">
                    <div class="col-lg-12 col-md-4 col-sm-4 col-xl-12">
                        <div class="card h-100 h-lg-auto h-md-75 mb-10 shadow-sm animate__animated" data-animate="animate__fadeInLeft">
                            <div class="card-body p-0">
                                <ul class="list-unstyled mb-0 p-4" id="tabProfil" role="tablist">
                                    <li class="col-12 col-lg mb-5 mb-lg-0 nav-item" role="presentation">
                                        <a class="active btn btn-active-dark btn-color-muted btn-flex d-flex flex-center flex-column h-lg-175px my-lg-0 nav-link" href="#tab_Profil" data-bs-toggle="tab" aria-selected="true" role="tab">
                                            <img src="/fonuniq/public/assets/main/img/profile.png" class="my-auto" height="100" width="100">
                                            <span class="fs-7 fw-light my-auto">Hoş Geldin!</span>
                                            <span class="fs-6 fw-bold my-auto">Kullanıcı Adı</span>
                                            <img src="/fonuniq/public/assets/main/img/edit.png" class="my-auto" width="20" height="20">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12 col-md-4 col-sm-4 mt-3 mt-sm-0">
                        <div class="card h-100 h-lg-auto h-md-75 mb-5 shadow-sm animate__animated" data-animate="animate__fadeInLeft">
                            <div class="card-body d-flex flex-center flex-column">
                                <img src="/fonuniq/public/assets/main/img/yatirim-miktari.png" class="h-lg-70px h-md-50px mt-lg-10 mt-md-2 mx-auto w-lg-85px w-md w-md-30px w-md-55px">
                                <span id="miktarakam" class="fs-lg-1 fw-boldest mt-lg-10 mt-md-0">₺6.000.000</span>
                                <span class="text-gray-400 text-center pt-1 fw-semibold fs-lg-3 fs-md-7 fs-sm-6">TOPLAM YATIRIM MİKTARI</span><div class="border-gray-400 border-top d-flex justify-content-between w-100">
                                    <div class="fs-6 fw-bold text-gray-500">Lorem</div>
                                    <div class="fs-6 fw-bold text-gray-500">Impsum</div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-12 col-md-4 col-sm-4 mt-3 mt-sm-0">
                        <div class="card h-lg-100 h-md-75 h-sm-100 mb-lg-0 mb-lg-10 shadow-sm animate__animated" data-animate="animate__fadeInLeft">
                            <div class="card-body d-flex flex-column text-center">
                                <img src="/fonuniq/public/assets/main/img/canli-destek.png" class="h-lg-70px h-md-50px mt-lg-10 mt-md-2 mx-auto w-lg-85px w-md w-md-30px w-md-55px">
                                <h3 class="card-title">Bize Sorun !</h3>
                                <span class="fs-5 fs-lg-5 fs-md-7">Yardıma mı ihtiyacınız var?</span>
                                <div class="mt-sm-5 mt-md-1 text-center">
                                    <a href="{{ path('app_destek_hatti', {'_locale': 'x'}) }}" id="butondestek" type="button" class="button w-75 btn btn-sm text-white sistem-onayi rounded-0">Canlı Destek
                                    </a>
                                </div>

                            </div>
                            <!--end::Card body-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-9 mt-10 mt-md-0">
                <!--begin::General Widget 1-->
                <div class="mb-10">
                    <div class="card shadow mb-10 animate__animated" data-animate="animate__fadeInRight">
                        <!--begin::Tabs-->
                        <ul id="ustkartlar" class="d-flex nav p-4 row" role="tablist">
                            <li class="col-12 col-lg col-md-4 col-sm-6 mb-5 mb-lg-0 nav-item" role="presentation">
                                <a class="nav-link btn btn-flex btn-color-muted btn-outline btn-outline-default btn-active-dark d-flex flex-grow-1 flex-column flex-center py-5 h-1250px h-lg-175px" href="#tab_Yatirimlar" data-bs-toggle="tab" aria-selected="false" role="tab">
                                    <!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
                                    <img src="/fonuniq/public/assets/main/img/tab-yatirimlar.png" class="my-auto">
                                    <span class="fs-6 fw-bold">Yatırımlar</span>
                                </a>
                            </li>
                            <li class="col-12 col-lg col-md-4 col-sm-6 mb-5 mb-lg-0 nav-item" role="presentation">
                                <a class="nav-link btn btn-flex btn-color-muted btn-outline btn-outline-default btn-active-dark d-flex flex-grow-1 flex-column flex-center py-5 h-1250px h-lg-175px" href="#tab_Favoriler" data-bs-toggle="tab" aria-selected="false" role="tab">
                                    <img src="/fonuniq/public/assets/main/img/tab-favoriler.png" class="my-auto">
                                    <span class="fs-6 fw-bold">Favoriler</span>
                                </a>
                            </li>
                            <li class="col-12 col-lg col-md-4 col-sm-6 mb-5 mb-lg-0 nav-item" role="presentation">
                                <a class="nav-link btn btn-flex btn-color-muted btn-outline btn-outline-default btn-active-dark d-flex flex-grow-1 flex-column flex-center py-5 h-1250px h-lg-175px" href="#tab_Islemler" data-bs-toggle="tab" aria-selected="false" role="tab">
                                    <img src="/fonuniq/public/assets/main/img/tab-hareketler.png" class="my-auto">
                                    <span class="fs-6 fw-bold">İşlem Hareketleri</span>
                                </a>
                            </li>
                            <li class="col-12 col-lg col-md-4 col-sm-6 mb-5 mb-lg-0 nav-item" role="presentation">
                                <a class="nav-link btn btn-flex btn-color-muted btn-outline btn-outline-default btn-active-dark d-flex flex-grow-1 flex-column flex-center py-5 h-1250px h-lg-175px" href="#tab_Bildirimler" data-bs-toggle="tab" aria-selected="false" role="tab">
                                    <img src="/fonuniq/public/assets/main/img/tab-bildirimler.png" class="my-auto">
                                    <span class="fs-6 fw-bold">Bildirimler</span>
                                </a>
                            </li>
                            <li class="col-12 col-lg col-md-4 col-sm-6 mb-5 mb-lg-0 nav-item" role="presentation">
                                <a class="nav-link btn btn-flex btn-color-muted btn-outline btn-outline-default btn-active-dark d-flex flex-grow-1 flex-column flex-center py-5 h-1250px h-lg-175px" href="#tab_Guvenlik" data-bs-toggle="tab" aria-selected="false" role="tab">
                                    <img src="/fonuniq/public/assets/main/img/tab-guvenlik.png" class="my-auto">
                                    <span class="fs-6 fw-bold">Güvenlik</span>
                                </a>
                            </li>
                            <li class="col-12 col-lg col-md-4 col-sm-6 mb-5 mb-lg-0 nav-item">
                                <a class="btn btn-color-muted btn-flex btn-outline btn-outline-default d-flex flex-center flex-column flex-grow-1 h-1250px h-lg-175px nav-link py-5" href="#">
                                    <img src="/fonuniq/public/assets/main/img/tab-klavuz.png" class="h-60px my-auto">
                                    <span class="fs-6 fw-bold">Kullanıcı Kılavuzu</span>
                                </a>
                            </li>
                        </ul>                    </div>
                    <!--begin::Tab content-->
                    <div class="tab-content">
                        <div class="tab-pane fade active show" id="tab_Profil" role="tabpanel">
                            <div class="card mt-5 animate__animated" data-animate="animate__fadeInUp">
                                <!--begin::Card header-->
                                <div class="card-header">
                                    <!--begin::Card title-->
                                    <div class="card-title fs-3 fw-bold">Profil Detayları</div>
                                    <!--end::Card title-->
                                </div>
                                <!--end::Card header-->
                                <!--begin::Form-->
                                <form id="kt_project_settings_form" class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate">
                                    <!--begin::Card body-->
                                    <div class="card-body p-9">

                                        <!--begin::Row-->
                                        <div class="row mb-8">
                                            <!--begin::Col-->
                                            <div class="col-xl-3">
                                                <div class="fs-6 fw-semibold mt-2 mb-3">Ad Soyad*</div>
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->
                                            <div class="col-xl-4 fv-row fv-plugins-icon-container">
                                                <input type="text" class="form-control form-control-solid" name="name" value="" placeholder="Adınız">
                                                <div class="fv-plugins-message-container invalid-feedback"></div>
                                            </div>
                                            <div class="col-xl-4 fv-row fv-plugins-icon-container">
                                                <input type="text" class="form-control form-control-solid" name="name" value="" placeholder="Soyadınız">
                                                <div class="fv-plugins-message-container invalid-feedback"></div>
                                            </div>
                                        </div>
                                        <!--end::Row-->
                                        <!--begin::Row-->
                                        <div class="row mb-8">
                                            <!--begin::Col-->
                                            <div class="col-xl-3">
                                                <div class="fs-6 fw-semibold mt-2 mb-3">Mail Adresi</div>
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->
                                            <div class="col-xl-4 fv-row fv-plugins-icon-container">
                                                <input type="text" class="form-control form-control-solid" name="type" placeholder="Mail Adresiniz" value="">
                                                <div class="fv-plugins-message-container invalid-feedback"></div>
                                            </div>
                                            <div class="col-xl-4 fv-row fv-plugins-icon-container">
                                                <input type="text" class="form-control form-control-solid" name="type" placeholder="Mail Adresinizi Doğrulayın" value="">
                                                <div class="fv-plugins-message-container invalid-feedback"></div>
                                            </div>
                                        </div>

                                        <!--end::Row-->
                                        <div class="row mb-8">
                                            <!--begin::Col-->
                                            <div class="col-xl-3">
                                                <div class="fs-6 fw-semibold mt-2 mb-3">İletişim Bilgileriniz</div>
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->
                                            <div class="col-xl-4 fv-row fv-plugins-icon-container">
                                                <input type="text" class="form-control form-control-solid" name="type" placeholder="Telefon Numarası" value="">
                                                <div class="fv-plugins-message-container invalid-feedback"></div>
                                            </div>
                                            <div class="col-xl-4 fv-row fv-plugins-icon-container">
                                                <input type="text" class="form-control form-control-solid" name="type" placeholder="Telefon Numarası" value="">
                                                <div class="fv-plugins-message-container invalid-feedback"></div>
                                            </div>
                                        </div>

                                        <!--begin::Row-->
                                        <div id="profilInput" class="row mb-8">
                                            <!--begin::Col-->
                                            <div class="col-xl-3">
                                                <div class="fs-6 fw-semibold mt-2 mb-3">Bilgilendirmelere izin ver</div>
                                                <div class="form-check form-switch form-check-custom form-check-solid">
                                                    <input class="izin-ver form-check-input h-20px w-40px" type="checkbox" value="" id="status" name="status" checked="checked">
                                                </div>
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->
                                            <div class="col-xl-9">
                                                <div class="d-flex fw-semibold h-100">
                                                    <div class="form-check form-check-custom form-check-solid me-9">
                                                        <input class="form-check-input" type="checkbox" value="" id="iletisim">
                                                        <label class="form-check-label ms-3" for="iletisim">İletişim</label>
                                                    </div>
                                                    <div class="form-check form-check-custom form-check-solid">
                                                        <input class="form-check-input" type="checkbox" value="" id="mail" checked="checked">
                                                        <label class="form-check-label ms-3" for="mail">E-Posta</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Row-->

                                    </div>
                                    <!--end::Card body-->
                                    <!--begin::Card footer-->
                                    <div class="card-footer d-flex justify-content-end py-6 px-9">
                                        <button type="submit" class="sistem-onayi btn text-white" id="kt_project_settings_submit">
                                            Değişiklikleri kaydet
                                        </button>
                                    </div>
                                    <!--end::Card footer-->
                                    <input type="hidden"></form>
                                <!--end:Form-->
                            </div>
                            <div class="card mt-5 animate__animated" data-animate="animate__fadeInUp">
                                <!--begin::Card header-->
                                <div class="card-header">
                                    <!--begin::Card title-->
                                    <div class="card-title fs-3 fw-bold">Oturum Açma Yöntemleri</div>
                                    <!--end::Card title-->
                                </div>
                                <!--end::Card header-->
                                <!--begin::Form-->
                                <form id="kt_project_settings_form" class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate">
                                    <!--begin::Card body-->
                                    <div class="card-body p-9">

                                        <!--begin::Row-->
                                        <div class="row mb-8 justify-content-between">
                                            <!--begin::Col-->
                                            <div class="col-xl-3">
                                                <div class="fs-6 fw-semibold mt-2">E-Posta Adresi</div>
                                                <div class="text-muted fs-7">deneme@gmail.com</div>
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->

                                            <div class="col-xl-4 fv-row fv-plugins-icon-container d-flex justify-content-end">
                                                <button type="button" class="btn btn-light w-50"><span class="fs-6 fw-normal">E-Posta Değiştir</span>
                                                </button>

                                            </div>
                                        </div>
                                        <!--end::Row-->
                                        <!--begin::Row-->
                                        <div class="row mb-8 justify-content-between">
                                            <!--begin::Col-->
                                            <div class="col-xl-3">
                                                <div class="fs-6 fw-semibold mt-2">Kullanıcı Şifreniz</div>
                                                <div class="text-muted fs-7">********</div>
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->

                                            <div class="col-xl-4 fv-row fv-plugins-icon-container d-flex justify-content-end">
                                                <button type="button" class="btn btn-light w-50"><span class="fs-6 fw-normal">Şifreyi değiştir</span>
                                                </button>

                                            </div>
                                        </div>
                                        <!--end::Row-->
                                        <div class="row">
                                            <!--begin::Notice-->
                                            <div class="notice d-flex bg-light-primary rounded border-primary border border-dashed flex-stack h-xl-100 mb-10 p-6">
                                                <!--begin::Wrapper-->
                                                <div class="d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap">
                                                    <div class="col-xl-1 ms-10">
                                                        <img src="/fonuniq/public/assets/main/img/guvence.png">
                                                    </div>
                                                    <!--begin::Content-->
                                                    <div class="col-xl-8 mb-3 mb-md-0 fw-semibold">
                                                        <h4 class="text-gray-900 fw-bold">Hesabını güvence altına
                                                            al!</h4>
                                                        <div class="fs-6 text-gray-700">İki faktörlü kimlik doğrulama,
                                                            hesabınıza ekstra bir güvenlik katmanı ekler. Giriş yapmak
                                                            için ek
                                                            olarak 6 haneli kod sağlamanız gerekir.
                                                        </div>
                                                    </div>
                                                    <!--end::Content-->
                                                    <!--begin::Action-->
                                                    <div class="col-xl-2">
                                                        <a href="#" class="btn btn-success px-6 align-self-center text-nowrap" data-bs-toggle="modal" data-bs-target="#kt_modal_new_address">Olanak
                                                            vermek</a>
                                                    </div>
                                                    <!--end::Action-->
                                                </div>
                                                <!--end::Wrapper-->
                                            </div>
                                            <!--end::Notice-->
                                        </div>

                                    </div>
                                    <!--end::Card body-->
                                    <!--end:Form-->
                                </form>
                            </div>
                            <div class="card mt-5 animate__animated" data-animate="animate__fadeInUp">
                                <!--begin::Card header-->
                                <div class="card-header">
                                    <!--begin::Card title-->
                                    <div class="card-title fs-3 fw-bold">E-Devlet Doğrulaması</div>
                                    <!--end::Card title-->
                                </div>
                                <!--end::Card header-->
                                <!--begin::Form-->
                                <form id="kt_project_settings_form" class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate">
                                    <!--begin::Card body-->
                                    <div class="card-body p-9">

                                        <!--begin::Row-->
                                        <div class="row mb-8 justify-content-between">
                                            <!--begin::Col-->
                                            <div class="col-lg-3 col-md-4">
                                                <div class="d-flex flex-center flex-column">
                                                    <img src="/fonuniq/public/assets/main/img/e-devlet.png">
                                                    <span class="d-flex flex-center text-muted fs-7">Kimlik doğrulama türü
                                                </span>
                                                </div>

                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->

                                            <div class="col-md-8 col-xl-9 d-flex flex-row">
                                                <div class="col-4 col-md-4 col-xl-3">
                                                    <div class="d-flex flex-center fs-8 fw-semibold mt-2 mb-3">TCKN
                                                    </div>
                                                    <div class="d-flex flex-center form-check form-switch form-check-custom form-check-solid">
                                                        <input class="form-check-input h-20px w-40px" type="checkbox" value="" id="status" name="status" checked="checked">
                                                    </div>
                                                </div>
                                                <div class="col-4 col-md-4 col-xl-3">
                                                    <div class="d-flex flex-center fs-8 fw-semibold mt-2 mb-3">YKN</div>
                                                    <div class="d-flex flex-center form-check form-switch form-check-custom form-check-solid">
                                                        <input class="form-check-input h-20px w-40px" type="checkbox" value="" id="status" name="status" checked="checked">
                                                    </div>
                                                </div>
                                                <div class="col-4 col-md-4 col-xl-3">
                                                    <div class="d-flex flex-center fs-8 fw-semibold mt-2 mb-3">MKK Sicil
                                                        No
                                                    </div>
                                                    <div class="d-flex flex-center form-check form-switch form-check-custom form-check-solid">
                                                        <input class="form-check-input h-20px w-40px" type="checkbox" value="" id="status" name="status" checked="checked">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Row-->
                                        <!--begin::Row-->
                                        <div class="row mb-8 justify-content-between"></div>
                                        <!--end::Row-->
                                        <div class="row">
                                            <!--begin::Notice-->
                                            <div class="notice d-flex bg-light-primary rounded border-primary border border-dashed flex-stack h-xl-100 mb-10 p-6">
                                                <!--begin::Wrapper-->
                                                <div class="d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap">
                                                    <div class="col-xl-1">
                                                        <img src="/fonuniq/public/assets/main/img/gorsel.png">
                                                    </div>
                                                    <!--begin::Content-->
                                                    <div class="col-xl-11 mb-3 mb-md-0 fw-semibold">
                                                        <div class="fs-6 text-gray-700">Yatırımcı veya girişimci
                                                            olabilmeniz için öncelik olarak hesabınızı E-Devlet
                                                            sistemine entegre olarak kimlik doğrulama işlemi
                                                            yapmalısınız...
                                                            <a href="https://www.kodkampusu.com" target="_blank">Daha
                                                                fazla bilgi edin</a>
                                                        </div>
                                                    </div>
                                                    <!--end::Content-->
                                                </div>
                                                <!--end::Wrapper-->
                                            </div>
                                            <!--end::Notice-->
                                        </div>
                                    </div>
                                    <!--end::Card body-->
                                    <!--end:Form-->
                                </form>                            </div>
                        </div>
                    </div>
                    <div class="tab-content" id="ustKartTabs">
                        <div class="tab-pane fade" id="tab_Yatirimlar" role="tabpanel">
                            <!--begin::Tables Widget 2-->
                            <div class="card">
                                <div class="card-header pt-5">
                                    <h3 class="card-title align-items-start flex-column">
                                        <span class="card-label fw-bold text-gray-600">Yatırımlar</span>
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        {% for in in 1..6 %}
                                            <div class="col-lg-4 col-md-4 col-sm-6 col-s animate__animated" data-animate="animate__fadeInUp">
                                                <div class="card mb-10 bg-white text-dark">
                                                    <div class="card-body text-center">
                                                        <div class="mb-5">
                                                            <img src="/fonuniq/public/assets/main/img/spotify.png" class="me-2">
                                                            <span class="align-middle fs-lg-5 fs-md-7">Card Subtitle</span>
                                                        </div>
                                                        <div class="fw-bolder fs-lg-1 fs-md-5 fs-sm-7">₺234.000.000</div>
                                                    </div>
                                                    <div class="card-footer d-flex flex-column flex-md-row justify-content-between text-center">
                                                        <span class="badge badge-light-success fs-base">%1.03</span>
                                                        <span class="float-end fs-lg-5 fs-md-7">1 Kasım 2021</span>
                                                    </div>
                                                </div>
                                            </div>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                            <!--end::Tables Widget 2-->
                        </div>
                        <div class="tab-pane fade" id="tab_Favoriler" role="tabpanel">
                            <!--begin::Tables Widget 3-->
                            <div class="card">
                                <div class="card-header pt-5">
                                    <h3 class="card-title align-items-start flex-column">
                                        <span class="card-label fw-bold text-gray-600">Favoriler</span>
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        {% for i in 1..6 %}
                                            <div class="col-lg-4 col-md-4 col-sm-6 animate__animated" data-animate="animate__fadeInUp">
                                                <div class="card mb-10 bg-white text-dark">
                                                    <div class="card-content">
                                                        <div class="card-header pt-5">
                                                            <img src="/fonuniq/public/assets/main/img/alert.png" width="20" height="25">
                                                            <img class="mt-5 mb-10" src="/fonuniq/public/assets/main/img/spotify.png">
                                                            <span class="text-danger">%91.59</span>
                                                        </div>
                                                        <div class="card-py text-center">
                                                            <h6 class="text-reset">Card Title</h6>
                                                            <p>Card Subtitle</p>
                                                            <div class="d-flex flex-column flex-xl-row justify-content-between mb-10 px-5">
                                                                <div class="text-lg-center text-xl-start">
                                                                    BİRİKEN
                                                                    <b class="d-block fs-lg-5 fs-md-8">₺234.000.000</b>
                                                                </div>
                                                                <div class="text-lg-center text-xl-end">
                                                                    HEDEFLENEN
                                                                    <b class="d-block fs-lg-5 fs-md-8">₺234.000.000</b>
                                                                </div>
                                                            </div>
                                                            <div class="text-center">
                                                                <button type="button" class="btn sistem-onayi text-white">Takibi
                                                                    Bırak
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                            <!--end::Tables Widget 3-->
                        </div>
                        <div class="tab-pane fade" id="tab_Islemler" role="tabpanel">
                            <!--begin::Tables Widget 5-->
                            <div class="card shadow card-flush h-xl-100">
                                <!--begin::Header-->
                                <div class="card-header pt-5">
                                    <!--begin::Title-->
                                    <h3 class="card-title align-items-start flex-column">
                                        <span class="card-label fw-bold text-gray-600">Son Hesap Hareketleri</span>
                                    </h3>
                                    <!--end::Title-->
                                    <!--begin::Toolbar-->
                                    <div class="card-toolbar">
                                        <div class="me-20"><span class="fw-bolder text-gray-600 me-3">Lorem Ipsum</span><input type="checkbox" class="btn btn-sm btn-light"></div>
                                        <div class="me-20"><span class="fw-bolder text-gray-600 me-3">Lorem Ipsum</span><input type="checkbox" class="btn btn-sm btn-light"></div>
                                    </div>
                                    <!--end::Toolbar-->
                                </div>
                                <!--end::Header-->
                                <!--begin::Body-->
                                <div class="card-body py-3">
                                    <!--begin::Table container-->
                                    <div class="table-responsive">
                                        <!--begin::Table-->
                                        <table class="table table-row-dashed align-middle gs-0 gy-4">
                                            <!--begin::Table head-->
                                            <thead>
                                            <tr class="bg-dark p-3 bg-gray-200  fw-bold border-0 text-gray-400">
                                                <th class=" min-w-150px px-3">Tarih</th>
                                                <th class=" min-w-150px">Açıklama</th>
                                                <th class="min-w-150px text-end">Durum</th>
                                                <th class="text-end min-w-150px px-3">Miktar</th>
                                            </tr>
                                            </thead>
                                            <!--end::Table head-->
                                            <!--begin::Table body-->
                                            <tbody>
                                            <tr>
                                                <td class="">
                                                    <a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">28
                                                        MAYIS</a>
                                                </td>
                                                <td class="pe-0">
                                                    <span class="text-gray-800 fw-bold fs-6 me-1">Para Transferi</span><br>
                                                    <span class="text-muted fw-semibold d-block">Online Gıda Pazaryeri Projesine yatırım bedeli…</span>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <img src="/fonuniq/public/assets/main/img/off.png" class="me-3">
                                                    </div>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <span class="text-dark fw-normal fs-6 me-3">+ 345.999 ₺</span>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="">
                                                    <a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">28
                                                        MAYIS</a>
                                                </td>
                                                <td class="pe-0">
                                                    <span class="text-gray-800 fw-bold fs-6 me-1">Para İade </span><br>
                                                    <span class="text-muted fw-semibold d-block">TAKAS BANK İADE Projesine yatırım bedeli…</span>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <img src="/fonuniq/public/assets/main/img/turn.png" class="me-3">
                                                    </div>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <span class="text-dark fw-normal fs-6 me-3">+ 345.999 ₺</span>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="">
                                                    <a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">28
                                                        MAYIS</a>
                                                </td>
                                                <td class="pe-0">
                                                    <span class="text-gray-800 fw-bold fs-6 me-1">Başarısız İşlem</span><br>
                                                    <span class="text-muted fw-semibold d-block">Abc Projesine Yatırım Bedeli...</span>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <img src="/fonuniq/public/assets/main/img/close.png" class="me-3">
                                                    </div>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <span class="text-dark fw-normal fs-6 me-3">+ 345.999 ₺</span>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                            <!--end::Table body-->
                                        </table>
                                        <!--end::Table-->
                                    </div>
                                    <!--end::Table container-->
                                </div>
                                <!--end::Body-->
                            </div>
                            <!--end::Tables Widget 5-->
                        </div>
                        <div class="tab-pane fade" id="tab_Bildirimler" role="tabpanel">
                            <!--begin::Tables Widget 4-->
                            <!--begin::Header-->
                            <div class="card shadow card-flush h-xl-100">
                                <!--begin::Header-->
                                <div class="card-header pt-5">
                                    <h3 class="card-title align-items-start flex-column">
                                        <span class="card-label fw-bold text-gray-600">Bildirimler</span>
                                    </h3>
                                </div>                            <!--end::Header-->
                                <!--begin::Body-->
                                <div class="card-body py-3">
                                    <!--begin::Table container-->
                                    <div class="table-responsive">
                                        <!--begin::Table-->
                                        <table class="table table-row-dashed align-middle gs-0 gy-4">
                                            <!--begin::Table head-->
                                            <thead>
                                            <tr class="bg-dark p-3 bg-gray-200  fw-bold border-0 text-gray-400">
                                                <th class="px-3">Bilgilendirme Detayı</th>
                                                <th class="min-w-50px">E-Posta</th>
                                                <th class="min-w-50px text-end">Telefon</th>
                                                <th class="text-end min-w-50px px-3">Sms</th>
                                            </tr>
                                            </thead>
                                            <!--end::Table head-->
                                            <!--begin::Table body-->
                                            <tbody>
                                            <tr>
                                                <td class="">
                                                    <a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Faturalandırma
                                                        Güncellemeleri</a>
                                                </td>
                                                <td class="pe-0">
                                                    <input type="checkbox" class="btn btn-sm btn-light ms-3">
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end me-3">
                                                        <input type="checkbox" class="btn btn-sm btn-light">
                                                    </div>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <input type="checkbox" class="btn btn-sm btn-light me-3">
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="">
                                                    <a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Yeni
                                                        Girişim/Yatırım Projeleri</a>
                                                </td>
                                                <td class="pe-0">
                                                    <input type="checkbox" class="btn btn-sm btn-light ms-3">
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end me-3">
                                                        <input type="checkbox" class="btn btn-sm btn-light">
                                                    </div>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <input type="checkbox" class="btn btn-sm btn-light me-3">
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="">
                                                    <a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Tamamlanmış
                                                        Projeler</a>
                                                </td>
                                                <td class="pe-0">
                                                    <input type="checkbox" class="btn btn-sm btn-light ms-3">
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end me-3">
                                                        <input type="checkbox" class="btn btn-sm btn-light">
                                                    </div>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <input type="checkbox" class="btn btn-sm btn-light me-3">
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="">
                                                    <a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Bültenler</a>
                                                </td>
                                                <td class="pe-0">
                                                    <input type="checkbox" class="btn btn-sm btn-light ms-3">
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end me-3">
                                                        <input type="checkbox" class="btn btn-sm btn-light">
                                                    </div>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <input type="checkbox" class="btn btn-sm btn-light me-3">
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                            <!--end::Table body-->
                                        </table>
                                        <!--end::Table-->
                                    </div>
                                    <!--end::Table container-->
                                </div>
                                <!--end::Body-->
                                <div class="card-footer text-end">
                                    <button id="degisiklikSave" class="btn sistem-onayi text-white" type="button">Takibi Bırak
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="tab_Guvenlik" role="tabpanel">
                            <!--begin::Tables Widget 4-->
                            <!--begin::Header-->
                            <div class="card shadow card-flush h-xl-100">
                                <!--begin::Header-->
                                <div class="card-header pt-5">
                                    <h3 class="card-title align-items-start flex-column">
                                        <span class="card-label fw-bold text-gray-600">Güvenlik</span>
                                    </h3>
                                </div>                            <!--end::Header-->
                                <!--begin::Body-->
                                <div class="card-body py-3">
                                    <!--begin::Table container-->
                                    <div class="table-responsive">
                                        <!--begin::Table-->
                                        <table class="table table-row-dashed align-middle gs-0 gy-4">
                                            <!--begin::Table head-->
                                            <thead>
                                            <tr class="bg-dark p-3 bg-gray-200  fw-bold border-0 text-gray-400">
                                                <th class=" min-w-150px px-3">Tarih</th>
                                                <th class=" min-w-150px">Ip Adresleri</th>
                                                <th class="min-w-150px text-end">Tarayıcı/Browser</th>
                                                <th class="text-end min-w-150px px-3">Durum</th>
                                            </tr>
                                            </thead>
                                            <!--end::Table head-->
                                            <!--begin::Table body-->
                                            <tbody>
                                            <tr>
                                                <td class="">
                                                    <a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">21.09.2022
                                                        15:45</a>
                                                </td>
                                                <td class="pe-0">
                                                    <span class="text-gray-800 fw-bold fs-6">78.124.455.190</span><br>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <span class="text-gray-800 fw-bold fs-6 me-1">OS X / CROME</span><br>
                                                    </div>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <img src="/fonuniq/public/assets/main/img/close.png" class="me-3">
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="">
                                                    <a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">21.09.2022
                                                        15:45</a>
                                                </td>
                                                <td class="pe-0">
                                                    <span class="text-gray-800 fw-bold fs-6">78.124.455.190</span><br>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <span class="text-gray-800 fw-bold fs-6 me-1">OS X / CROME</span><br>
                                                    </div>
                                                </td>
                                                <td class="">
                                                    <div class="d-flex justify-content-end">
                                                        <img src="/fonuniq/public/assets/main/img/safe-icon.png" class="me-3">
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                            <!--end::Table body-->
                                        </table>
                                        <!--end::Table-->
                                    </div>
                                    <!--end::Table container-->
                                </div>
                                <!--end::Body-->
                                <div class="card-footer text-end">
                                    <button id="guvenlikButton" class="btn istem-onayi text-white" type="button">Değişiklikleri
                                        Kaydet
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>        </div>
    </section>
{% endblock %}

{% block scripts %}
    <script>
        $(document).ready(function () {
            let $tabProfil = $('#tabProfil .nav-link[data-bs-toggle="tab"]');
            let $ustKartLinks = $('#ustkartlar .nav-link[data-bs-toggle="tab"]');
            $ustKartLinks.on('show.bs.tab', function () {
                $tabProfil.removeClass("active");
                $("#tab_Profil").removeClass("active show");
            });
            $tabProfil.on('show.bs.tab', function () {
                $ustKartLinks.removeClass("active");
                $("#ustKartTabs .tab-pane").removeClass("active show");
            });
        });
    </script>
{% endblock %}