@extends("merchant.app")

@section("title",panel_setting_title("Destek Talepleri"))

@section("content")

<main class="mt-120  " id="main">
    <h6 class="my-lg-4 my-0 mb-lg-0 ">Destek Talepleri</h6>
    @include("merchant.Components.statistics")
    <div class="row mt-4 ">
        <div class="col-12 ">
            <!--=============== CARD ===============-->
            <div class="card__container-all-page p-3  border-color-custom">
                <div class="my-lg-4 my-0 d-flex justify-content-between align-items-center">
                    <h6 class=" mb-lg-0">Destek Talepleri</h6>
                    <button class="btn text-color fw-500 border-0" type="button"
                        data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
                        aria-controls="offcanvasRight">Filtrele <i
                            class="ri-equalizer-2-line"></i></button>
                </div>

                <div class="row mt-3 align-items-center justify-content-start">
                    <div class="offcanvas offcanvas-end " tabindex="-1" id="offcanvasRight"
                        aria-labelledby="offcanvasRightLabel">
                        <div class="offcanvas-header">
                            <h5 class="offcanvas-title" id="offcanvasRightLabel">Filtrele
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="offcanvas"
                                aria-label="Close"></button>
                        </div>
                        <div class="offcanvas-body">
                            <div class="row">
                                <div class="col-lg-12 ">
                                    <div class="form-floating mb-3">
                                        <input type="date" class="form-control border-color-custom" id="date"
                                           >
                                        <label for="date">Tarih</label>
                                    </div>
                                </div>
                                <div class="col-lg-12 ">
                                    <div class="form-floating mb-3">
                                        <input type="text" class="form-control border-color-custom" id="destek-talep-no"
                                         >
                                        <label for="destek-talep-no">Destek Talebi Numarası</label>
                                    </div>
                                </div>
                                <div class="col-lg-12  mb-3">
                                    <div class="form-floating">
                                        <select class="form-select border-color-custom" id="floatingSelect"
                                            aria-label="Floating label select example">
                                            <option selected>1</option>
                                            <option value="1">2</option>
                                            <option value="2">3</option>
                                        </select>
                                        <label for="floatingSelect">Kategori</label>
                                    </div>
                                </div>
                                <div class="col-lg-12  mb-3">
                                    <div class="form-floating">
                                        <select class="form-select border-color-custom" id="floatingSelect"
                                            aria-label="Floating label select example">
                                            <option selected>1</option>
                                            <option value="1">2</option>
                                            <option value="2">3</option>
                                        </select>
                                        <label for="floatingSelect">Durum</label>
                                    </div>
                                </div>

                                <div class="col-lg-12 mb-3">
                                    <div class="form-floating ">
                                        <input type="text" class="form-control border-color-custom" id="text"
                                      >
                                        <label for="text">Ara</label>
                                    </div>
                                </div>
                                <div class=" col-6 mb-2">
                                    <button class="btn btn-primary px-4 py-3 w-100 fw-500">Ara</button>
                                </div>

                                <div class=" col-6 mb-2 ">
                                    <button
                                        class="btn btn-outline-primary px-4 py-3 w-100 fw-500">Temizle</button>
                                </div>
                            </div>
                        </div>
                    </div>


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

</main>
@endsection