{% extends 'main_base.html.twig' %}
{% block styles %}
    <style>
        #profile {
            padding: 10vh 0;
        }
    </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-20">
                    <!--begin::Post-->
                    <div class="content flex-row-fluid" id="kt_content">
                        <!--begin::Social - Activity -->
                        <div class="card bg-white shadow content d-flex flex-row justify-content-around w-1600px h-150px mb-10">
                            <div>
                                <img src="{{ asset('assets/main/img/mowea.png') }}">
                            </div>
                            <div class="w-800px">
                                <div class="fs-5 text-dark fw-bold">Metropol Elektrik Elektronik San. ve Tic. Ltd. Şti.
                                </div>
                                <div class="fs-5 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 class="d-flex flex-row">
                                <img src="{{ asset('assets/main/img/login1.png') }}" class="me-3">
                                <a href="{{ path('app_yatirim_yap') }}">
                                    <img src="{{ asset('assets/main/img/login2.png') }}" class="h-100">
                                </a>
                            </div>
                        </div>
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-lg-2 animate__animated" data-animate="animate__fadeInLeft">
                                    <div id="leftMenu" class="mb-5 mb-xl-8">
                                        <!--begin::Body-->
                                        <div class="card overflow-hidden bg-success">
                                            <div class="card-body p-0">
                                                <!--begin::Navs-->
                                                <ul class="nav" id="sideMenu">
                                                    <!--begin::Nav item-->
                                                    <li class="nav-item w-100">
                                                        <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-5 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 w-100">
                                                        <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 w-100">
                                                        <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-5 fw-bolder fs-7 text-white">Resmi Belgeler</span>
                                                            <span class="d-block mx-10 border-bottom"></span>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item w-100">
                                                        <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-5 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 w-100">
                                                        <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-5 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 w-100">
                                                        <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-5 fw-bolder fs-7 text-white">Hissedarlar</span>
                                                            <span class="d-block mx-10 border-bottom"></span>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item w-100">
                                                        <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-5 fw-bolder fs-7 text-white">Finansal Veriler</span>
                                                            <span class="d-block mx-10 border-bottom"></span>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item w-100">
                                                        <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-5 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="col-lg-10">
                                    <div class="border-bottom d-flex flex-row justify-content-around mb-10 ms-9 me-2">
                                        <div>
                                            <span class="text-gray-400 mt-1 fw-semibold fs-6">DURUMU:</span>
                                            <span class="card-label fw-bold text-dark">FONLAMAYA SUNULDU </span>
                                        </div>
                                        <div>
                                            <span class="text-gray-400 mt-1 fw-semibold fs-6">YATIRIMCI SAYISI:</span>
                                            <span class="card-label fw-bold text-dark">165</span>
                                        </div>
                                        <div>
                                            <span class="text-gray-400 mt-1 fw-semibold fs-6">FONLANAN MİKTAR:</span>
                                            <span class="card-label fw-bold text-dark">₺4.567.890</span>
                                        </div>
                                        <div>
                                            <span class="text-gray-400 mt-1 fw-semibold fs-6">HEDEF FON MİKTARI:</span>
                                            <span class="card-label fw-bold text-dark">₺6.000.000</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-7">
                                            <div class="card mb-5 me-5 mb-xl-10 animate__animated" data-animate="animate__fadeInUp" id="kt_profile_details_view">
                                                <!--begin::Card header-->
                                                <div class="card-header cursor-pointer">
                                                    <!--begin::Card title-->
                                                    <div class="card-title m-0">
                                                        <span class="fw-bold text-gray-800 m-0">Fon Pay Satış Ekranı</span>
                                                    </div>
                                                    <!--end::Card title-->

                                                </div>
                                                <!--begin::Card header-->
                                                <!--begin::Card body-->
                                                <div class="p-9">
                                                    <div class="row">
                                                        <div class="col-6 px-5">
                                                            <!--begin::Row-->
                                                            <div class="row mb-7 border-bottom">
                                                                <!--begin::Label-->
                                                                <label class="col-lg-4 fw-semibold text-muted">Ek
                                                                    Fonlama</label>
                                                                <!--end::Label-->
                                                                <!--begin::Col-->
                                                                <div class="col-lg-8">
                                                                    <span class="fw-semibold fs-6 text-gray-800">₺1.350.000</span>
                                                                </div>
                                                                <!--end::Col-->
                                                            </div>
                                                            <!--end::Row-->
                                                            <!--begin::Input group-->
                                                            <div class="row mb-7 border-bottom">
                                                                <!--begin::Label-->
                                                                <label class="col-lg-4 fw-semibold text-muted">Fonlama
                                                                    Sınır</label>
                                                                <!--end::Label-->
                                                                <!--begin::Col-->
                                                                <div class="col-lg-8 fv-row">
                                                                    <span class="fw-semibold text-gray-800 fs-6">Yok</span>
                                                                </div>
                                                                <!--end::Col-->
                                                            </div>
                                                            <!--end::Input group-->
                                                            <!--begin::Input group-->
                                                            <div class="row mb-7 border-bottom">
                                                                <!--begin::Label-->
                                                                <label class="col-lg-4 fw-semibold text-muted">Yatırımcı Sayısı
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Col-->
                                                                <div class="col-lg-8 d-flex align-items-center">
                                                                    <span class="fw-semibold fs-6 text-gray-800 me-2">435</span>
                                                                </div>
                                                                <!--end::Col-->
                                                            </div>
                                                            <!--end::Input group-->
                                                            <!--begin::Input group-->
                                                            <div class="row mb-7 border-bottom">
                                                                <!--begin::Label-->
                                                                <label class="col-lg-4 fw-semibold text-muted">Pay Az
                                                                    Oranı</label>
                                                                <!--end::Label-->
                                                                <!--begin::Col-->
                                                                <div class="col-lg-8">
                                                                    <a href="#"
                                                                       class="fw-semibold fs-6 text-gray-800 text-hover-primary">%12,50</a>
                                                                </div>
                                                                <!--end::Col-->
                                                            </div>
                                                            <!--end::Input group-->
                                                            <!--begin::Input group-->
                                                            <div class="row mb-7 border-bottom">
                                                                <!--begin::Label-->
                                                                <label class="col-lg-4 fw-semibold text-muted">Ortalama Yatırım
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Col-->
                                                                <div class="col-lg-8">
                                                                    <span class="fw-semibold fs-6 text-gray-800">₺3.372</span>
                                                                </div>
                                                                <!--end::Col-->
                                                            </div>
                                                            <!--end::Input group-->
                                                        </div>
                                                        <div class="col-6 px-5">
                                                            <!--begin::Row-->
                                                            <div class="row mb-7 border-bottom">
                                                                <!--begin::Label-->
                                                                <label class="col-lg-4 fw-semibold text-muted">Ek
                                                                    Fonlama</label>
                                                                <!--end::Label-->
                                                                <!--begin::Col-->
                                                                <div class="col-lg-8">
                                                                    <span class="fw-semibold fs-6 text-gray-800">₺1.350.000</span>
                                                                </div>
                                                                <!--end::Col-->
                                                            </div>
                                                            <!--end::Row-->
                                                            <!--begin::Input group-->
                                                            <div class="row mb-7 border-bottom">
                                                                <!--begin::Label-->
                                                                <label class="col-lg-4 fw-semibold text-muted">Fonlama
                                                                    Sınır</label>
                                                                <!--end::Label-->
                                                                <!--begin::Col-->
                                                                <div class="col-lg-8 fv-row">
                                                                    <span class="fw-semibold text-gray-800 fs-6">Yok</span>
                                                                </div>
                                                                <!--end::Col-->
                                                            </div>
                                                            <!--end::Input group-->
                                                            <!--begin::Input group-->
                                                            <div class="row mb-7 border-bottom">
                                                                <!--begin::Label-->
                                                                <label class="col-lg-4 fw-semibold text-muted">Yatırımcı Sayısı
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Col-->
                                                                <div class="col-lg-8 d-flex align-items-center">
                                                                    <span class="fw-semibold fs-6 text-gray-800 me-2">435</span>
                                                                </div>
                                                                <!--end::Col-->
                                                            </div>
                                                            <!--end::Input group-->
                                                            <!--begin::Input group-->
                                                            <div class="row mb-7 border-bottom">
                                                                <!--begin::Label-->
                                                                <label class="col-lg-4 fw-semibold text-muted">Pay Az
                                                                    Oranı</label>
                                                                <!--end::Label-->
                                                                <!--begin::Col-->
                                                                <div class="col-lg-8">
                                                                    <a href="#"
                                                                       class="fw-semibold fs-6 text-gray-800 text-hover-primary">%12,50</a>
                                                                </div>
                                                                <!--end::Col-->
                                                            </div>
                                                            <!--end::Input group-->
                                                            <!--begin::Input group-->
                                                            <div class="row mb-7 border-bottom">
                                                                <!--begin::Label-->
                                                                <label class="col-lg-4 fw-semibold text-muted">Ortalama Yatırım
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Col-->
                                                                <div class="col-lg-8">
                                                                    <span class="fw-semibold fs-6 text-gray-800">₺3.372</span>
                                                                </div>
                                                                <!--end::Col-->
                                                            </div>
                                                            <!--end::Input group-->
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-6">
                                                            <div>
                                                                <label class="col-lg-4 fw-semibold text-muted mb-5">YATIRIM
                                                                    YAP
                                                                </label>
                                                            </div>
                                                            <div class="d-flex justify-content-between">
                                                                <div class="d-flex flex-column mb-5">
                                                                    <div class="form-check form-check-custom form-check-solid mb-5">
                                                                        <input class="form-check-input" type="checkbox" value="" id="bintl">
                                                                        <label class="form-check-label fw-boldest text-gray-600" for="bintl">₺1.000</label>
                                                                    </div>
                                                                    <div class="form-check form-check-custom form-check-solid">
                                                                        <input class="form-check-input" type="checkbox" value="" id="beşbintl">
                                                                        <label class="form-check-label fw-boldest text-gray-600" for="beşbintl">₺5.000</label>
                                                                    </div>

                                                                </div>
                                                                <div class="d-flex flex-column justify-content-between mb-5">
                                                                    <div class="form-check form-check-custom form-check-solid mb-5">
                                                                        <input class="form-check-input" type="checkbox" value="" id="onbintl">
                                                                        <label class="form-check-label fw-boldest text-gray-600" for="onbintl">₺10.000</label>
                                                                    </div>
                                                                    <div class="form-check form-check-custom form-check-solid">
                                                                        <input class="form-check-input" type="checkbox" value="" id="yirmibintl">
                                                                        <label class="form-check-label fw-boldest text-gray-600" for="yirmibintl">₺20.000</label>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex flex-column justify-content-between mb-5">
                                                                    <div class="form-check form-check-custom form-check-solid mb-5">
                                                                        <input class="form-check-input" type="checkbox" value="" id="ellibintl">
                                                                        <label class="form-check-label fw-boldest text-gray-600" for="ellibintl">₺50.000</label>
                                                                    </div>

                                                                    <div class="form-check form-check-custom form-check-solid me-9">
                                                                        <input class="form-check-input" type="checkbox" value="" id="yuzbintl">
                                                                        <label class="form-check-label fw-boldest text-gray-600" for="yuzbintl">₺100.000</label>
                                                                    </div>
                                                                </div>
                                                            </div>                                                        </div>
                                                        <div class="col-6">
                                                            <label class="fw-semibold text-muted mb-5">
                                                                TUTARI GİRİN
                                                            </label>
                                                            <div class="input-group input-group-solid mb-5">
                                                                <span class="input-group-text">₺</span>
                                                                <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)"/>
                                                                <span class="input-group-text">.00</span>
                                                            </div>
                                                            <div class="d-flex justify-content-end">
                                                                <a href="#" class="btn btn-bg-secondary ">Ödemeye Geçin</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--end::Card body-->
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <div class="card animate__animated" data-animate="animate__fadeInUp">
                                                <!--begin::Modal header-->
                                                <div class="card-header align-items-center">
                                                    <!--begin::Modal title-->
                                                    <h2 class="mb-0">Ödeme Şekli</h2>
                                                    <!--end::Modal title-->
                                                    <!--begin::Close-->
                                                    <button type="button" class="btn btn-sm btn-light">
                                                        <span class="fs-9">Yeni Yöntem Ekle</span>
                                                    </button>
                                                    <!--end::Close-->
                                                </div>
                                                <!--end::Modal header-->
                                                <!--begin::Modal body-->
                                                <div class="card-body">
                                                    <!--begin::Form-->
                                                    <div class="d-flex mb-3">
                                                        <img src="{{ asset('assets/system/media/svg/card-logos/mastercard.svg') }}" width="48" height="30">
                                                        <div class="d-flex flex-column ms-3">
                                                            <label class="fs-8 fw-semibold form-label">MasterCard</label>
                                                            <div class="fs-8 fw-semibold text-muted mt-n3">Aralık 2024'te sona eriyor</div>
                                                        </div>
                                                    </div>
                                                    <form id="kt_modal_new_card_form" class="form fv-plugins-bootstrap5 fv-plugins-framework" action="#">
                                                        <!--begin::Input group-->
                                                        <div class="d-flex flex-column mb-7 fv-row fv-plugins-icon-container">
                                                            <!--begin::Label-->
                                                            <label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
                                                                <span class="required">Kartın Üzerindeki İsim</span>
                                                                <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" aria-label="Specify a card holder's name" data-bs-original-title="Specify a card holder's name" data-kt-initialized="1"></i>
                                                            </label>
                                                            <!--end::Label-->
                                                            <input type="text" class="form-control form-control-solid" placeholder="" name="card_name" value="">
                                                            <div class="fv-plugins-message-container invalid-feedback"></div></div>
                                                        <!--end::Input group-->
                                                        <!--begin::Input group-->
                                                        <div class="d-flex flex-column mb-7 fv-row fv-plugins-icon-container">
                                                            <!--begin::Label-->
                                                            <label class="required fs-6 fw-semibold form-label mb-2">Kart Numarası</label>
                                                            <!--end::Label-->
                                                            <!--begin::Input wrapper-->
                                                            <div class="position-relative">
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control form-control-solid" placeholder="Kart numarasını giriniz..." name="card_number" value="">
                                                                <!--end::Input-->
                                                            </div>
                                                            <!--end::Input wrapper-->
                                                            <div class="fv-plugins-message-container invalid-feedback"></div></div>
                                                        <!--end::Input group-->
                                                        <!--begin::Input group-->
                                                        <div class="row mb-10">
                                                            <!--begin::Col-->
                                                            <div class="col-md-8 fv-row">
                                                                <!--begin::Label-->
                                                                <label class="required fs-6 fw-semibold form-label mb-2">Son Kullanma Tarihi</label>
                                                                <!--end::Label-->
                                                                <!--begin::Row-->
                                                                <div class="row fv-row fv-plugins-icon-container">
                                                                    <!--begin::Col-->
                                                                    <div class="col-6">
                                                                        <select name="card_expiry_month" class="form-select form-select-solid select2-hidden-accessible" data-control="select2" data-hide-search="true" data-placeholder="Ay" data-select2-id="select2-data-88-hred" tabindex="-1" aria-hidden="true" data-kt-initialized="1">
                                                                            <option data-select2-id="select2-data-90-v9jh"></option>
                                                                            <option value="1">1</option>
                                                                            <option value="2">2</option>
                                                                            <option value="3">3</option>
                                                                            <option value="4">4</option>
                                                                            <option value="5">5</option>
                                                                            <option value="6">6</option>
                                                                            <option value="7">7</option>
                                                                            <option value="8">8</option>
                                                                            <option value="9">9</option>
                                                                            <option value="10">10</option>
                                                                            <option value="11">11</option>
                                                                            <option value="12">12</option>
                                                                        </select>

                                                                        <div class="fv-plugins-message-container invalid-feedback"></div></div>
                                                                    <!--end::Col-->
                                                                    <!--begin::Col-->
                                                                    <div class="col-6">
                                                                        <select name="card_expiry_year" class="form-select form-select-solid select2-hidden-accessible" data-control="select2" data-hide-search="true" data-placeholder="Yıl" data-select2-id="select2-data-91-jhbr" tabindex="-1" aria-hidden="true" data-kt-initialized="1">
                                                                            <option data-select2-id="select2-data-93-vog0"></option>
                                                                            <option value="2023">2023</option>
                                                                            <option value="2024">2024</option>
                                                                            <option value="2025">2025</option>
                                                                            <option value="2026">2026</option>
                                                                            <option value="2027">2027</option>
                                                                            <option value="2028">2028</option>
                                                                            <option value="2029">2029</option>
                                                                            <option value="2030">2030</option>
                                                                            <option value="2031">2031</option>
                                                                            <option value="2032">2032</option>
                                                                            <option value="2033">2033</option>
                                                                        </select>
                                                                        <span class="select2 select2-container select2-container--bootstrap5" dir="ltr" data-select2-id="select2-data-92-nq8b" style="width: 100%;"><span class="selection">

                                                                </span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                                                        <div class="fv-plugins-message-container invalid-feedback"></div></div>
                                                                    <!--end::Col-->
                                                                </div>
                                                                <!--end::Row-->
                                                            </div>
                                                            <!--end::Col-->
                                                            <!--begin::Col-->
                                                            <div class="col-md-4 fv-row fv-plugins-icon-container">
                                                                <!--begin::Label-->
                                                                <label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
                                                                    <span class="required">CVV</span>
                                                                    <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" aria-label="Enter a card CVV code" data-bs-original-title="Enter a card CVV code" data-kt-initialized="1"></i>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input wrapper-->
                                                                <div class="position-relative">
                                                                    <!--begin::Input-->
                                                                    <input type="text" class="form-control form-control-solid" minlength="3" maxlength="4" placeholder="CVV" name="card_cvv">
                                                                    <!--end::Input-->
                                                                    <!--begin::CVV icon-->
                                                                    <div class="position-absolute translate-middle-y top-50 end-0 me-3">
                                                                        <!--begin::Svg Icon | path: icons/duotune/finance/fin002.svg-->
                                                                        <span class="svg-icon svg-icon-2hx">
												<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M22 7H2V11H22V7Z" fill="currentColor"></path>
													<path opacity="0.3" d="M21 19H3C2.4 19 2 18.6 2 18V6C2 5.4 2.4 5 3 5H21C21.6 5 22 5.4 22 6V18C22 18.6 21.6 19 21 19ZM14 14C14 13.4 13.6 13 13 13H5C4.4 13 4 13.4 4 14C4 14.6 4.4 15 5 15H13C13.6 15 14 14.6 14 14ZM16 15.5C16 16.3 16.7 17 17.5 17H18.5C19.3 17 20 16.3 20 15.5C20 14.7 19.3 14 18.5 14H17.5C16.7 14 16 14.7 16 15.5Z" fill="currentColor"></path>
												</svg>
											</span>
                                                                        <!--end::Svg Icon-->
                                                                    </div>
                                                                    <!--end::CVV icon-->
                                                                </div>
                                                                <!--end::Input wrapper-->
                                                                <div class="fv-plugins-message-container invalid-feedback"></div></div>
                                                            <!--end::Col-->
                                                        </div>
                                                        <!--end::Input group-->
                                                        <!--begin::Input group-->
                                                        <div class="d-flex flex-stack">
                                                            <!--begin::Label-->
                                                            <div class="me-5">
                                                                <label class="fs-6 fw-semibold form-label">Daha fazla fatura için kart kaydedilsin mi?</label>
                                                                <div class="fs-7 fw-semibold text-muted">Daha fazla bilgiye ihtiyacınız varsa, lütfen bütçe planlamasını kontrol edin</div>
                                                            </div>
                                                            <!--end::Label-->
                                                            <!--begin::Switch-->
                                                            <label class="form-check form-switch form-check-custom form-check-solid">
                                                                <input class="form-check-input" type="checkbox" value="1" checked="checked">
                                                                <span class="form-check-label fw-semibold text-muted">Kartı Gönder</span>
                                                            </label>
                                                            <!--end::Switch-->
                                                        </div>
                                                        <!--end::Input group-->
                                                        <!--begin::Actions-->
                                                        <div class="text-center pt-15">
                                                            <button type="reset" id="kt_modal_new_card_cancel" class="btn btn-light me-3">Resetle</button>
                                                            <button type="submit" id="kt_modal_new_card_submit" class="btn btn-primary">
                                                                <span class="indicator-label">Gönder</span>
                                                                <span class="indicator-progress">Please wait...
									<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                                            </button>
                                                        </div>
                                                        <!--end::Actions-->
                                                    </form>
                                                    <!--end::Form-->
                                                </div>
                                                <!--end::Modal body-->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-20">
                                        <div class="col-lg-4">
                                            <div class="card bg-white bg-hover-light animate__animated" data-animate="animate__fadeInUp">
                                                <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">
                                            <div class="card bg-white bg-hover-light animate__animated" data-animate="animate__fadeInUp">
                                                <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">
                                            <div class="card bg-white bg-hover-light animate__animated" data-animate="animate__fadeInUp">
                                                <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 %}