@extends('merchant.app')

@section('title', panel_setting_title("Manuel Pos Sıradaki"))

@section('content')

<main class="mt-120 " id="main">
    <h6 class="my-lg-4 my-0 mb-lg-0 ">Manuel Pos</h6>


    <div class="row mt-4">
        @include("merchant.Components.statistics")

        <div class="col-12 p-0">
            <!--=============== CARD ===============-->
            <div class="card__container-all-page p-3  border-color-custom">
                <div class="row">
                    <div class="col-lg-6 col-12">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="kart-sahip-no">
                            <label for="kart-sahip-no">Kart Sahibi Adı</label>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="kart-numarasi">
                            <label for="kart-numarasi">Kart Numarası</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <p class="m-0 p-0 fs-14 mb-2 fw-500 ">Son Kullanma Tarihi</p>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="row">
                            <div class="col-lg-6">
                                <select class="form-select form-select mb-3 p-3"
                                    aria-label="Large select example">
                                    <option selected>01</option>
                                    <option value="1">One</option>
                                    <option value="2">Two</option>
                                    <option value="3">Three</option>
                                </select>
                            </div>
                            <div class="col-lg-6">
                                <select class="form-select form-select mb-3 p-3"
                                    aria-label="Large select example">
                                    <option selected>2025</option>
                                    <option value="1">One</option>
                                    <option value="2">Two</option>
                                    <option value="3">Three</option>
                                </select>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="guvenlik-no">
                            <label for="guvenlik-no">Güvenlik Numarası</label>
                        </div>
                    </div>
                    <div class="col-12 mt-2">
                        <p class="danger d-inline p-2">Bu kart için POS tanımlı değil</p>
                    </div>
                    <div class="col-12 mt-4">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value=""
                                id="flexCheckDefault">
                            <label class="form-check-label" for="flexCheckDefault">
                                Okudum ve kabul ediyorum <a href="#" class="fw-500 text-color"
                                    data-bs-toggle="modal" data-bs-target="#kullanimSozlesme">Kullanım
                                    Sözleşmesi </a> & <a href="" class="fw-500 text-color"
                                    data-bs-toggle="modal" data-bs-target="#gizlilikSozlesmesi">Gizlilik
                                    Sözleşmesi</a>
                                <div class="modal fade" id="gizlilikSozlesmesi" tabindex="-1"
                                    aria-labelledby="gizlilikSozlesmesiLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h1 class="modal-title fs-5" id="gizlilikSozlesmesiLabel">
                                                    Yasal Koşullar</h1>
                                                <button type="button" class="btn-close"
                                                    data-bs-dismiss="modal" aria-label="Close"></button>
                                            </div>
                                            <div class="modal-body">
                                                <div class="accordion" id="accordionExample">
                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header">
                                                            <button class="accordion-button fs-14 py-4 px-2"
                                                                type="button" data-bs-toggle="collapse"
                                                                data-bs-target="#collapseOne"
                                                                aria-expanded="true"
                                                                aria-controls="collapseOne">
                                                                Güvenliğiniz İçin
                                                            </button>
                                                        </h2>
                                                        <div id="collapseOne"
                                                            class="accordion-collapse collapse "
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                Lorem ipsum dolor sit amet consectetur
                                                                adipisicing elit. Id voluptate blanditiis
                                                                doloremque dolorum animi provident!
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header">
                                                            <button
                                                                class="accordion-button fs-14 py-4 px-2 collapsed"
                                                                type="button" data-bs-toggle="collapse"
                                                                data-bs-target="#collapseTwo"
                                                                aria-expanded="false"
                                                                aria-controls="collapseTwo">
                                                                Accordion Item #2
                                                            </button>
                                                        </h2>
                                                        <div id="collapseTwo"
                                                            class="accordion-collapse collapse"
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                Lorem ipsum dolor sit amet consectetur,
                                                                adipisicing elit. Placeat, repellat quasi!
                                                                Sed quod delectus perferendis.
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header">
                                                            <button
                                                                class="accordion-button fs-14 py-4 px-2 collapsed"
                                                                type="button" data-bs-toggle="collapse"
                                                                data-bs-target="#collapseThree"
                                                                aria-expanded="false"
                                                                aria-controls="collapseThree">
                                                                Kişisel Verilerin Korunması
                                                            </button>
                                                        </h2>
                                                        <div id="collapseThree"
                                                            class="accordion-collapse collapse"
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                Lorem ipsum dolor sit amet consectetur,
                                                                adipisicing elit. Ea, reiciendis culpa ab
                                                                iure fugit iste.
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header">
                                                            <button
                                                                class="accordion-button fs-14 py-4 px-2 collapsed"
                                                                type="button" data-bs-toggle="collapse"
                                                                data-bs-target="#collapseFour"
                                                                aria-expanded="false"
                                                                aria-controls="collapseFour">
                                                                Çerez Politikası
                                                            </button>
                                                        </h2>
                                                        <div id="collapseFour"
                                                            class="accordion-collapse collapse"
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                Lorem ipsum dolor sit amet consectetur,
                                                                adipisicing elit. Ea, reiciendis culpa ab
                                                                iure fugit iste.
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-primary fw-500">Kapat
                                                    </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </label>
                            <div class="modal fade modal-xl" id="kullanimSozlesme" tabindex="-1"
                                aria-labelledby="kullanimSozlesmeLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h1 class="modal-title fs-5" id="kullanimSozlesmeLabel">
                                                Yasal Koşullar</h1>
                                            <button type="button" class="btn-close"
                                                data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="accordion" id="accordionExample">
                                                <div class="accordion-item">
                                                    <h2 class="accordion-header">
                                                        <button class="accordion-button fs-14 py-4 px-2"
                                                            type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#collapseOne"
                                                            aria-expanded="true"
                                                            aria-controls="collapseOne">
                                                            Güvenliğiniz İçin
                                                        </button>
                                                    </h2>
                                                    <div id="collapseOne"
                                                        class="accordion-collapse collapse "
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            Lorem ipsum dolor sit amet consectetur
                                                            adipisicing elit. Id voluptate blanditiis
                                                            doloremque dolorum animi provident!
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accordion-item">
                                                    <h2 class="accordion-header">
                                                        <button
                                                            class="accordion-button fs-14 py-4 px-2 collapsed"
                                                            type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#collapseTwo"
                                                            aria-expanded="false"
                                                            aria-controls="collapseTwo">
                                                            Accordion Item #2
                                                        </button>
                                                    </h2>
                                                    <div id="collapseTwo"
                                                        class="accordion-collapse collapse"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            Lorem ipsum dolor sit amet consectetur,
                                                            adipisicing elit. Placeat, repellat quasi!
                                                            Sed quod delectus perferendis.
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accordion-item">
                                                    <h2 class="accordion-header">
                                                        <button
                                                            class="accordion-button fs-14 py-4 px-2 collapsed"
                                                            type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#collapseThree"
                                                            aria-expanded="false"
                                                            aria-controls="collapseThree">
                                                            Kişisel Verilerin Korunması
                                                        </button>
                                                    </h2>
                                                    <div id="collapseThree"
                                                        class="accordion-collapse collapse"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            Lorem ipsum dolor sit amet consectetur,
                                                            adipisicing elit. Ea, reiciendis culpa ab
                                                            iure fugit iste.
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accordion-item">
                                                    <h2 class="accordion-header">
                                                        <button
                                                            class="accordion-button fs-14 py-4 px-2 collapsed"
                                                            type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#collapseFour"
                                                            aria-expanded="false"
                                                            aria-controls="collapseFour">
                                                            Çerez Politikası
                                                        </button>
                                                    </h2>
                                                    <div id="collapseFour"
                                                        class="accordion-collapse collapse"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            Lorem ipsum dolor sit amet consectetur,
                                                            adipisicing elit. Ea, reiciendis culpa ab
                                                            iure fugit iste.
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary fe-500">Kapat</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div
                    class="row align-items-end justify-content-lg-end justify-content-center  m-0 p-0 mt-lg-5 mt-3">
                    <div class="col-lg-2 col-12 mb-2  ">
                        <a href="manuel-pos.html"
                            class="btn btn-secondary py-3 w-100 w-md-auto fw-500">Geri</a>
                    </div>
                    <div class="col-lg-2 col-12 mb-2  ">
                        <a href="#"
                            class="btn btn-primary py-3 w-100 w-md-auto fw-500">Sonraki</a>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection