@extends("merchant.app")

@section("title",panel_setting_title("Dashboard"))

@section("content")

<main class="mt-120 " id="main">
    <h6 class="my-lg-4 my-0 mb-lg-0 ">Üye İşyeri Özeti</h6>

    <div class="row mt-4">
        <div class="col-lg-12">
            <div class="card__container-all-page p-3 border-color-custom">
                <div class="row ">
                    <div class="col-lg-12">
                        <div
                            class="d-flex align-items-center justify-content-start gap-5 orange-border p-3 mb-2">
                            <p class="m-0 p-0 fw-600 ">Geçilen İşlem Sayısı (Günlük) </p>
                            <p class="m-0 p-0 fs-16 fw-600">0</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12 mb-lg-0 ">
                        <div class="  mb-2">
                            <div class="d-flex flex-column gap-5">
                                <div
                                    class="d-flex align-items-center justify-content-between gap-1 purple-border  p-3">
                                    <p class="m-0 p-0 fw-600  ">Toplam Bakiye</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 TRY</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 USD</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 EUR</p>
                                </div>
                            </div>
                        </div>
                        <div class="  mb-2">
                            <div class="d-flex flex-column gap-5">
                                <div
                                    class="d-flex align-items-center justify-content-between gap-1 pink-border  p-3">
                                    <p class="m-0 p-0 fw-600 ">Risk Kesintisi Bakiyesi</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 TRY</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 USD</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 EUR</p>
                                </div>
                            </div>
                        </div>
                        <div class="  mb-2">
                            <div class="d-flex flex-column gap-5">
                                <div
                                    class="d-flex align-items-center justify-content-between gap-1 cyan-border  p-3">
                                    <p class="m-0 p-0 fw-600 ">Kullanılabilir Bakiye</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 TRY</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 USD</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 EUR</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                        <div class="  mb-2">
                            <div class="d-flex flex-column gap-5">
                                <div
                                    class="d-flex align-items-center justify-content-between gap-1 purple-border  p-3">
                                    <p class="m-0 p-0 fw-600">Çekilen Tutar (Anlık)</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 TRY</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 USD</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 EUR</p>
                                </div>
                            </div>
                        </div>
                        <div class="  mb-2">
                            <div class="d-flex flex-column gap-5">
                                <div
                                    class="d-flex align-items-center justify-content-between gap-1 pink-border  p-3">
                                    <p class="m-0 p-0 fw-600">Komisyon Kesintisi </p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 TRY</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 USD</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 EUR</p>
                                </div>
                            </div>
                        </div>
                        <div class="  mb-2">
                            <div class="d-flex flex-column gap-5">
                                <div
                                    class="d-flex align-items-center justify-content-between gap-1 cyan-border  p-3">
                                    <p class="m-0 p-0 fw-600">Hakedişler </p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 TRY</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 USD</p>
                                    <p class="m-0 p-0 fw-500 fs-14">79.78 EUR</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="row mt-4">
        <div class="col-lg-8 col-12">
            <!--=============== CARD ===============-->
            <div class="card__container p-3 border-color-custom ">
                <div class="d-flex align-items-lg-center align-items-start justify-content-between">
                    <div class="d-felx flex-column">
                        <h5>En Son Aktiviteler</h5>
                        <span>Son İşlemler</span>
                    </div>
                    <a href="{{route("merchant.dashboard.all-movements")}}" class=" text-decoration-none btn btn-primary fw-500"
                        role="button">Tümünü Gör</a>
                </div>
                <hr>
                <div class="row gap-1 px-2">
                    <div class="col-lg-6 bg-secondary p-3 rounded  mb-2 border-color-custom">
                        <div class="d-flex align-items-center justify-content-between">
                            <div class="d-flex flex-column">
                                <p class="h6 mb-2 m-0 p-0">İade</p>
                                <div class="d-flex align-items-center gap-3">
                                    <p class="m-0 p-0 date-text">2023-07-07 13:14:14</p>
                                    <button type="button"
                                        class="text-decoration-underline text-color fs-14"
                                        data-bs-toggle="modal" data-bs-target="#exampleModal">
                                        Detay
                                    </button>
                                    <div class="modal fade" id="exampleModal" tabindex="-1"
                                        aria-labelledby="exampleModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h1 class="modal-title fs-5" id="exampleModalLabel">
                                                        İşlem</h1>
                                                    <button type="button" class="btn-close"
                                                        data-bs-dismiss="modal"
                                                        aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <table class="table">
                                                        <tbody>
                                                            <tr>
                                                                <td>İşlem ID
                                                                </td>
                                                                <td>SdTAH-DqYg-TC10-28343-190722
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>Durum</td>
                                                                <td class="success">Tamamlandı</td>

                                                            </tr>
                                                            <tr>
                                                                <td>Kullanıcı Id</td>
                                                                <td>2102</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Tutar</td>
                                                                <td>1</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Komisyon </td>
                                                                <td>0</td>
                                                            </tr>
                                                            <tr>
                                                                <td>İade Risk Kesintisi
                                                                </td>
                                                                <td>0</td>
                                                            </tr>
                                                            <tr>
                                                                <td>İşleme Alınma Tarih&Saat
                                                                </td>
                                                                <td>9 Ocak 2023 12.44</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Net İade Tutarı
                                                                </td>
                                                                <td>1</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary"
                                                        data-bs-dismiss="modal">Kapat</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <span class="info">1.000₺</span>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12 bg-secondary p-3 rounded  mb-2 border-color-custom">
                        <div class="d-flex align-items-center justify-content-between">
                            <div class="d-flex flex-column">
                                <p class="h6 mb-2 m-0 p-0">Para Yatırma</p>
                                <div class="d-flex align-items-center gap-3">
                                    <p class="m-0 p-0 date-text">2023-07-07 13:14:14</p>
                                    <button type="button"
                                        class="text-decoration-underline text-color fs-14"
                                        data-bs-toggle="modal" data-bs-target="#detay-2">
                                        Detay
                                    </button>
                                    <div class="modal fade" id="detay-2" tabindex="-1"
                                        aria-labelledby="detay-2Label" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h1 class="modal-title fs-5" id="detay-2Label">İşlem</h1>
                                                    <button type="button" class="btn-close"
                                                        data-bs-dismiss="modal"
                                                        aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <table class="table">
                                                        <tbody>
                                                            <tr>
                                                                <td>İşlem ID
                                                                </td>
                                                                <td>SdTAH-DqYg-TC10-28343-190722
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>Durum</td>
                                                                <td class="success">Tamamlandı</td>

                                                            </tr>
                                                            <tr>
                                                                <td>Kullanıcı Id</td>
                                                                <td>2102</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Tutar</td>
                                                                <td>1</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Komisyon </td>
                                                                <td>0</td>
                                                            </tr>
                                                            <tr>
                                                                <td>İade Risk Kesintisi
                                                                </td>
                                                                <td>0</td>
                                                            </tr>
                                                            <tr>
                                                                <td>İşleme Alınma Tarih&Saat
                                                                </td>
                                                                <td>9 Ocak 2023 12.44</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Net İade Tutarı
                                                                </td>
                                                                <td>1</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary"
                                                        data-bs-dismiss="modal">Kaydet</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <span class="success">1.000₺</span>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12 bg-secondary p-3 rounded  mb-2 border-color-custom">
                        <div class="d-flex align-items-center justify-content-between">
                            <div class="d-flex flex-column">
                                <p class="h6 mb-2 m-0 p-0">Para Çekme</p>
                                <div class="d-flex align-items-center gap-3">
                                    <p class="m-0 p-0 date-text">2023-07-07 13:14:14</p>
                                    <button type="button"
                                        class="text-decoration-underline text-color fs-14"
                                        data-bs-toggle="modal" data-bs-target="#datay1">
                                        Detay
                                    </button>
                                    <div class="modal fade" id="datay1" tabindex="-1"
                                        aria-labelledby="datay1Label" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h1 class="modal-title fs-5" id="datay1Label">İşlem
                                                        </h1>
                                                    <button type="button" class="btn-close"
                                                        data-bs-dismiss="modal"
                                                        aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <table class="table">
                                                        <tbody>
                                                            <tr>
                                                                <td>İşlem ID
                                                                </td>
                                                                <td>SdTAH-DqYg-TC10-28343-190722
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>Durum</td>
                                                                <td class="success">Tamamlandı</td>

                                                            </tr>
                                                            <tr>
                                                                <td>Kullanıcı Id</td>
                                                                <td>2102</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Tutar</td>
                                                                <td>1</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Komisyon </td>
                                                                <td>0</td>
                                                            </tr>
                                                            <tr>
                                                                <td>İade Risk Kesintisi
                                                                </td>
                                                                <td>0</td>
                                                            </tr>
                                                            <tr>
                                                                <td>İşleme Alınma Tarih&Saat
                                                                </td>
                                                                <td>9 Ocak 2023 12.44</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Net İade Tutarı
                                                                </td>
                                                                <td>1</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary"
                                                        data-bs-dismiss="modal">Kapat</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <span class="danger">1.000₺</span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="col-lg-4 col-12 mt-lg-0 mt-4">

            <div class="card__container p-3">
                <p class="p-0 m-0 h5 mb-3">Duyurular</p>

                <div class="col bg-secondary p-3 rounded  mb-2 border-color-custom">
                    <div class="d-flex align-items-center justify-content-between">
                        <div class="d-flex flex-column">
                            <div class="d-flex justify-content-between">
                                <p class="h6  m-0 p-0">Değerli Üye İşyerimiz,</p>
                                <span class="date fs-12">31.07.2023</span>
                            </div>
                            <div class="d-flex align-items-end gap-3 mt-3">
                                <p class="m-0 p-0 date-text">Lorem ipsum dolor sit amet consectetur
                                    adipisicing elit. Commodi exercitationem aspernatur, ullam optio
                                    porro earum?</p>
                                <button type="button"
                                    class="btn border-0 fs-12 text-nowrap p-0 m-0 text-color fw-500"
                                    data-bs-toggle="modal" data-bs-target="#moreModal">
                                    Daha Fazla
                                </button>
                                <div class="modal fade" id="moreModal" tabindex="-1"
                                    aria-labelledby="moreModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h1 class="modal-title fs-5" id="moreModalLabel">Akbank
                                                    Taksitli İşlemler Hakkında</h1>
                                                <button type="button" class="btn-close"
                                                    data-bs-dismiss="modal" aria-label="Close"></button>
                                            </div>
                                            <div class="modal-body">
                                                <span
                                                    class="bg-secondary fs-14 fw-500 ">15.11.2024</span>
                                                <p class="m-0 p-0 my-2">
                                                    Değerli Üye İşyerimiz,
                                                    Akbank Axess kartlar ile POS cihazlarımızda bir
                                                    süredir yaşanan entegrasyon güncellemesi nedeniyle
                                                    taksitli işlem alınamıyordu. Ancak bugün itibarıyla
                                                    bu sorun çözüme kavuşmuş ve POS cihazlarımız
                                                    üzerinden başarılı bir şekilde işlem almaya başlamış
                                                    bulunmaktayız.
                                                    Bundan böyle Akbank Axess işlemlerinizi {{panel_setting_item('brand_name')}} POS
                                                    cihazlarımız üzerinden rahatlıkla
                                                    gerçekleştirebilirsiniz.
                                                    İş birliğiniz ve anlayışınız için teşekkür ederiz.
                                                </p>
                                                <div class="d-flex flex-column">
                                                    <p class="m-0 p-0"> Saygılarımızla,
                                                    </p>
                                                    <p class="m-0 p-0 fw-500">{{panel_setting_item('brand_name')}}</p>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary"
                                                    data-bs-dismiss="modal">Kapat</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>

        <div class="p-2">
            <div class="card__container-all-page mt-4 p-3 border-color-custom">
                <div class="col-12 mt-lg-4 mt-3">
                    <h5 class="mb-4">İstatistik</h5>
                    <table id="myTable" class="display ">
                        <thead>
                            <tr>
                                <th>Bugün</th>
                                <th>Geçen Hafta</th>
                                <th>Geçen Ay</th>
                                <th>Geçen Yıl</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="bg-none">0</td>
                                <td class="bg-none">0</td>
                                <td class="bg-none">0</td>
                                <td class="bg-none">0</td>
                            </tr>
                            <tr>
                                <td class="bg-none">0</td>
                                <td class="bg-none">0</td>
                                <td class="bg-none">0</td>
                                <td class="bg-none">0</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>

</main>
@endsection