@extends('merchant.app')

@section('title', panel_setting_title("Ödeme Link Ayarları"))

@section('content')
    <main class="mt-120 " id="main">
        <h6 class="my-lg-4 my-0 mb-lg-0 ">Ödeme Link Ayarları</h6>
        <div class="row mt-4">
            @include("merchant.Components.statistics")
        </div>
        <div class="row mt-4">
            <div class="col-12 px-0">
                <!--=============== CARD ===============-->
                <div class="card__container-all-page p-3 border-color-custom ">
                    <div class="form-check form-switch mt-lg-4 mt-2">
                        <input class="form-check-input  me-3  border-color-custom  " type="checkbox" role="switch"
                            id="flexSwitchCheckDefault1" onchange="toggleLabelShow()">
                        <label class="form-check-label " for="flexSwitchCheckDefault1" id="switchLabel1">Taksit Tablosunu
                            Göster</label>
                    </div>
                    <div>
                        <nav class="mt-4">
                            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                <button class="nav-link active tab-custom  me-lg-2 me-0 fw-500" id="nav-home-tab"
                                    data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab"
                                    aria-controls="nav-home" aria-selected="true">Statik Alanlar</button>
                                <button class="nav-link tab-custom fw-500" id="nav-profile-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
                                    aria-selected="false">Dinamik
                                    Alanlar</button>
                            </div>
                        </nav>


                        <div class="tab-content" id="nav-tabContent">
                            <div class="tab-pane fade show active" id="nav-home" role="tabpanel"
                                aria-labelledby="nav-home-tab" tabindex="0">
                                <h6 class="my-4  mb-lg-0 ">Son Kullanıcı Ödeme Linki Bilgi Ayarları</h6>

                                <p class="mt-3">Tablo Gelecek</p>

                                <div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab"
                                tabindex="0">...</div>
                        </div>

                        <div class="mt-4">
                            <div class="form-check form-switch">
                                <input class="form-check-input border-color-custom" type="checkbox" role="switch"
                                    id="flexSwitchCheckDefault">
                                <label class="form-check-label" for="flexSwitchCheckDefault">Marka
                                    Logosu</label>
                            </div>
                            <div>
                                <div class="row mt-4">
                                    <div class="col-lg-4 col-12 mb-2">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control border-color-custom"
                                                id="alt-bilgi-sozlesme">
                                            <label for="alt-bilgi-sozlesme">1. Altbilgi Sözleşmesini
                                                Göster</label>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-12 mb-2">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control border-color-custom"
                                                id="alt-bilgi-sozlesme">
                                            <label for="alt-bilgi-sozlesme">2. Altbilgi Sözleşmesini
                                                Göster</label>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-12 mb-2">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control border-color-custom"
                                                id="alt-bilgi-sozlesme">
                                            <label for="alt-bilgi-sozlesme">3. Altbilgi Sözleşmesini
                                                Göster</label>
                                        </div>
                                    </div>
                                    <div class="col-12 mb-2">
                                        <div class="form-check form-switch mb-4">
                                            <input class="form-check-input  me-3  border-color-custom" type="checkbox"
                                                role="switch" id="flexSwitchCheckDefault2"
                                                onchange="toggleLabelShow2()">
                                            <label class="form-check-label" for="flexSwitchCheckDefault2"
                                                id="switchLabel2">Taksit Tablosunu Göster</label>
                                        </div>
                                        <div class="form-floating">
                                            <textarea class="form-control border-color-custom" id="floatingTextarea2" style="height: 100px"></textarea>
                                            <label for="floatingTextarea2">Mesafeli Satış Sözleşmesi</label>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-12 ">

                                        <div class="form-floating mt-3">
                                            <textarea class="form-control border-color-custom" id="floatingTextarea2" style="height: 100px"></textarea>
                                            <label for="floatingTextarea2">Sözleşme İçeriği</label>
                                        </div>
                                        <div class="form-check form-switch my-3 ">
                                            <input class="form-check-input  me-3  border-color-custom" type="checkbox"
                                                role="switch" id="flexSwitchCheckDefault3"
                                                onchange="toggleLabelShow1()">
                                            <label class="form-check-label" for="flexSwitchCheckDefault3"
                                                id="switchLabel3">Sözleşme İçeriğini Göster</label>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-12 ">
                                        <div class="form-floating mt-3">
                                            <textarea class="form-control border-color-custom" id="floatingTextarea2" style="height: 100px"></textarea>
                                            <label for="floatingTextarea2">Sözleşme İçeriği</label>
                                        </div>
                                        <div class="form-check form-switch my-3 ">
                                            <input class="form-check-input  me-3  border-color-custom" type="checkbox"
                                                role="switch" id="flexSwitchCheckDefault4"
                                                onchange="toggleLabelShow2()">
                                            <label class="form-check-label" for="flexSwitchCheckDefault4"
                                                id="switchLabel4">Sözleşme İçeriğini Göster</label>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-12 ">
                                        <div class="form-floating mt-3">
                                            <textarea class="form-control border-color-custom" id="floatingTextarea2" style="height: 100px"></textarea>
                                            <label for="floatingTextarea2">Sözleşme İçeriği</label>
                                        </div>
                                        <div class="form-check form-switch my-3 ">
                                            <input class="form-check-input  me-3  border-color-custom" type="checkbox"
                                                role="switch" id="flexSwitchCheckDefault5"
                                                onchange="toggleLabelShow3()">
                                            <label class="form-check-label" for="flexSwitchCheckDefault5"
                                                id="switchLabel5">Sözleşme İçeriğini Göster</label>
                                        </div>

                                    </div>
                                    <div
                                        class="row align-items-end justify-content-lg-end justify-content-center  m-0 p-0 mt-3">
                                        <div class="col-lg-2 col-12 mb-2  ">
                                            <button class="btn btn-primary py-3 w-100 w-md-auto fw-500">Kaydet</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>

            </div>


        </div>

    </main>

@endsection