@extends('admin.layout.layout')

@section('content')
    <main id="main" class="main">

        <!-- Müşteri Rapor Ekranı -->
        <section class="section dashboard">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <!-- Merkez Nakit Kasa TL -->
                        <div class="col-xxl-6 col-md-6">
                            <div class="card info-card sales-card">
                                <div class="card-body">
                                    <h5 class="card-title text-danger fw-bold"></h5>
                                    <div class="d-flex align-items-center">
                                        <div
                                            class="card-icon rounded-circle d-flex align-items-center justify-content-center text-success">
                                            <i class="bi bi-currency-dollar"></i>
                                        </div>
                                        <div class="ps-3">
                                            <h6 class="text-dark">Merkez Nakit Kasa TL</h6>
                                            <span class="text-success small pt-1 fw-bold">145.000,00 TL</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Merkez Nakit Kasa TL -->
                    </div>
                </div>
            </div>
        </section>
        <!-- Müşteri Rapor Ekranı -->

        <!-- Butonlar -->
        <div class="pagetitle">

            <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#hesapguncelle">
                <i class="bi bi-pen-fill"></i> Güncelle
            </button>

            <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal"
                data-bs-target="#hesapparagirisiyap">
                <i class="bi bi-arrow-down"></i> Hesaba Para Girişi Yap
            </button>

            <button type="button" class="btn btn-danger btn-sm" data-bs-toggle="modal"
                data-bs-target="#hesaptanparacikisyap">
                <i class="bi bi-arrow-up"></i> Hesaptan Para Çıkışı Yap
            </button>

            <button class="btn btn-warning btn-sm dropdown-toggle" type="button" id="dropdownMenuButton"
                data-bs-toggle="dropdown" aria-expanded="false">
                <i class="bi bi-arrow-right"></i> Hesaplar Arası Transfer
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <li><button class="dropdown-item" data-bs-toggle="modal" data-bs-target="#buradanbaskahesapatransfer"><i
                            class="bi bi-arrow-up"></i> Buradan Başka Hesaba
                        Transfer Yap</button>
                </li>
                <li><button class="dropdown-item" data-bs-toggle="modal" data-bs-target="#baskahesaptanburayatransfer"><i
                            class="bi bi-arrow-down"></i> Başka Hesaptan Buraya
                        Transfer Yap</button></li>
            </ul>

            <button type="button" class="btn btn-dark btn-sm" data-bs-toggle="modal" data-bs-target="#posblokecoz">
                <i class="bi bi-globe"></i> Pos Bloke Çöz
            </button>

            <a href="{{ route('kasadokumanlar') }}" class="btn btn-info btn-sm"><i class="bi bi-files"></i>
                Dökümanlar</a>

            <!-- Kasa Güncelle Modal-->
            <div class="modal fade" id="hesapguncelle" tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form action="" method="POST">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title text-primary fw-bold">Kasa Güncelle</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">Adı</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">Hesap No</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">Güncel Bakiye</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">Açıklama</label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3"></textarea>
                                    </div>
                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i
                                        class="bi bi-reply"></i>
                                    Kapat</button>
                                <button type="submit" class="btn btn-primary"><i class="bi bi-check-all"></i>
                                    Güncelle</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Kasa Güncelle Modal-->

            <!-- Hesaba Para Girişi Yap Modal-->
            <div class="modal fade" id="hesapparagirisiyap" tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form action="" method="POST">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title text-success fw-bold">Hesaba Para Girişi Yap</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">

                                <!-- Notlar -->
                                <div class="accordion mb-3" id="accordionExample">
                                    <div class="accordion-item">
                                        <div id="collapseOne" class="accordion-collapse collapse show"
                                            aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>
                                                    <span><strong style="color: rgb(255, 0, 0);">Dikkat! </strong> Fatura
                                                        ya da
                                                        masraf karşılığı olmayan para hareketlerini buradan yapın.
                                                        Buradan yapacağınız işlem, müşterileri ya da tedarikçi
                                                        bakiyelerini etkilemeyecektir.</span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Notlar -->

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">Açıklama</label>
                                    <div class="col-sm-9">
                                        <textarea class="form-control" rows="3"></textarea>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">İşlem Tarihi</label>
                                    <div class="col-sm-9">
                                        <input type="date" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">Tutar</label>
                                    <div class="col-sm-9">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i
                                        class="bi bi-reply"></i>
                                    Kapat</button>
                                <button type="submit" class="btn btn-success"><i class="bi bi-check-all"></i>
                                    Kaydet</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Hesaba Para Girişi Yap Modal-->

            <!-- Hesaba Para Girişi Yap Modal-->
            <div class="modal fade" id="hesaptanparacikisyap" tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form action="" method="POST">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title text-danger fw-bold">Hesaptan Para Çıkışı Yap</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">

                                <!-- Notlar -->
                                <div class="accordion mb-3" id="accordionExample">
                                    <div class="accordion-item">
                                        <div id="collapseOne" class="accordion-collapse collapse show"
                                            aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>
                                                    <span><strong style="color: rgb(255, 0, 0);">Dikkat! </strong>Fatura ya
                                                        da
                                                        masraf karşılığı olmayan para hareketlerini buradan yapın.
                                                        Buradan yapacağınız işlem, müşterileri ya da tedarikçi
                                                        bakiyelerini etkilemeyecektir.</span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Notlar -->

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">Açıklama</label>
                                    <div class="col-sm-9">
                                        <textarea class="form-control" rows="3"></textarea>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">İşlem Tarihi</label>
                                    <div class="col-sm-9">
                                        <input type="date" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">Tutar</label>
                                    <div class="col-sm-9">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i
                                        class="bi bi-reply"></i>
                                    Kapat</button>
                                <button type="submit" class="btn btn-success"><i class="bi bi-check-all"></i>
                                    Kaydet</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Hesaba Para Girişi Yap Modal-->

            <!-- Buradan Başka Hesaba Transfer Yap Modal-->
            <div class="modal fade" id="buradanbaskahesapatransfer" tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form action="" method="POST">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title text-success fw-bold">Buradan Başka Hesaba
                                    Transfer Yap</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">Açıklama</label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3"></textarea>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">İşlem Tarihi</label>
                                    <div class="col-sm-8">
                                        <input type="date" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">Hesap Seç</label>
                                    <div class="col-sm-8">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="" selected>Gönderilecek Hesabı Seçiniz</option>
                                            <option value="">Nakit TL Kasa</option>
                                            <option value="Kiralık">Kredi Kartı</option>
                                            <option value="Özmal">Banka Hesabı</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">Tutar</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i
                                        class="bi bi-reply"></i>
                                    Kapat</button>
                                <button type="submit" class="btn btn-success"><i class="bi bi-check-all"></i>
                                    Kaydet</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Buradan Başka Hesaba Transfer Yap Modal-->

            <!-- Başka Hesaptan Buraya Transfer Yap Modal-->
            <div class="modal fade" id="baskahesaptanburayatransfer" tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form action="" method="POST">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title text-success fw-bold">Başka Hesaptan Buraya
                                    Transfer Yap</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">Açıklama</label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3"></textarea>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">İşlem Tarihi</label>
                                    <div class="col-sm-8">
                                        <input type="date" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">Hesap Seç</label>
                                    <div class="col-sm-8">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="" selected>Gönderen Hesabı Seçiniz</option>
                                            <option value="">Nakit TL Kasa</option>
                                            <option value="Kiralık">Kredi Kartı</option>
                                            <option value="Özmal">Banka Hesabı</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-4 col-form-label fw-bold">Tutar</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i
                                        class="bi bi-reply"></i>
                                    Kapat</button>
                                <button type="submit" class="btn btn-success"><i class="bi bi-check-all"></i>
                                    Kaydet</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Başka Hesaptan Buraya Transfer Yap Modal-->

            <!-- Pos Bloke Çöz -->
            <div class="modal fade" id="posblokecoz" tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form action="" method="POST">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title text-danger fw-bold">Pos Bloke Çöz</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-5 col-form-label fw-bold">İşlem Tarihi</label>
                                    <div class="col-sm-7">
                                        <input type="date" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-5 col-form-label fw-bold">Aktarılacak
                                        Hesap</label>
                                    <div class="col-sm-7">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="" selected>Banka Hesabını Seçin</option>
                                            <option value="">Nakit TL Kasa</option>
                                            <option value="Kiralık">Kredi Kartı</option>
                                            <option value="Özmal">Banka Hesabı</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-5 col-form-label fw-bold">Çözülen Tutar</label>
                                    <div class="col-sm-7">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-5 col-form-label fw-bold">Hesaba Geçecek
                                        Tutar</label>
                                    <div class="col-sm-7">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-5 col-form-label fw-bold">Komisyon Masrafı</label>
                                    <div class="col-sm-7">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="" selected>Masraf Kalemini Seçin</option>
                                            <option value="">Kredi Kartı Komisyon</option>
                                            <option value="Kiralık">Kredi Komisyon</option>
                                            <option value="Özmal">Banka Komisyon</option>
                                        </select>
                                    </div>
                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i
                                        class="bi bi-reply"></i>
                                    Kapat</button>
                                <button type="submit" class="btn btn-success"><i class="bi bi-check-all"></i>
                                    Kaydet</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Pos Bloke Çöz -->

        </div>
        <!-- Butonlar -->

        <!-- Bilgilendirme Tablo -->
        <section class="section dashboard">
            <div class="row">

                <!-- Left side columns -->
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title fw-bold"></h5>

                            <!-- Table with stripped rows -->
                            <div class="table-responsive small">
                                <table class="table table-striped" id="dataTables">
                                    <thead>
                                        <tr>
                                            <th scope="col" style="vertical-align: middle;">
                                                Tarih</th>
                                            <th scope="col" style="vertical-align: middle;">
                                                İşlem</th>
                                            <th scope="col" style="vertical-align: middle;">
                                                Kullanıcı</th>
                                            <th scope="col" style="vertical-align: middle;">
                                                Hesap</th>
                                            <th scope="col" style="vertical-align: middle;">
                                                Açıklama</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-end">
                                                Borç</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-end">
                                                Alacak</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-end">
                                                Bakiye</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-center">
                                                İşlem</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="vertical-align: middle;" class="fw-bold">
                                                31.10.2024
                                            </td>
                                            <td style="vertical-align: middle;">
                                                Ödeme
                                            </td>
                                            <td style="vertical-align: middle;">
                                                Murat GÜÇLÜ
                                            </td>
                                            <td style="vertical-align: middle;">
                                                Araç Giderleri-Yakıt
                                            </td>
                                            <td style="vertical-align: middle;" class="text-danger">
                                                34 dgj 603 yakıt alımı
                                            </td>
                                            <td style="vertical-align: middle;" class="text-end">

                                            </td>
                                            <td style="vertical-align: middle;" class="text-end">
                                                1.000,00
                                            </td>
                                            <td style="vertical-align: middle;" class="text-end">
                                                -1.000,00
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center">
                                                <button type="button" class="btn btn-success btn-sm"
                                                    data-bs-toggle="modal" data-bs-target="#belgegoster"
                                                    title="Belge Göster"><i class="bi bi-printer"></i></button>
                                                <button type="button" class="btn btn-primary btn-sm"
                                                    data-bs-toggle="modal" data-bs-target="#hareketguncelle"
                                                    title="Belge Güncelle"><i class="bi bi-pencil"></i></button>
                                                <button type="button" class="btn btn-danger btn-sm"
                                                    title="Etkinlik İptal"><i class="bi bi-trash"></i></button>
                                            </td>

                                            <!-- Hareket Güncelleme Modal-->
                                            <div class="modal fade" id="hareketguncelle" tabindex="-1">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <form action="" method="POST">
                                                            @csrf
                                                            <div class="modal-header">
                                                                <h5 class="modal-title text-primary fw-bold">Kasa/Hesap
                                                                    Hareket Güncelle</h5>
                                                                <button type="button" class="btn-close"
                                                                    data-bs-dismiss="modal" aria-label="Close"></button>
                                                            </div>
                                                            <div class="modal-body">

                                                                <!-- Notlar -->
                                                                <div class="accordion mb-3" id="accordionExample">
                                                                    <div class="accordion-item">
                                                                        <div id="collapseOne"
                                                                            class="accordion-collapse collapse show"
                                                                            aria-labelledby="headingOne"
                                                                            data-bs-parent="#accordionExample">
                                                                            <div class="accordion-body">
                                                                                <p>
                                                                                    <span><strong
                                                                                            style="color: rgb(255, 0, 0);">Dikkat!
                                                                                        </strong> Önceden kaydettiğiniz bir
                                                                                        hareketin tarih, açıklama ve tutar
                                                                                        bilgilerini değiştirebilirsiniz.
                                                                                        Bunların dışında bir bilgi
                                                                                        değiştirmek için (kasa hesabı,
                                                                                        masraf hesabı vs) işlemi iptal edip
                                                                                        tekrar girin.</span>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- Notlar -->

                                                                <div class="row mb-3">
                                                                    <label for="it"
                                                                        class="col-sm-3 col-form-label fw-bold">Açıklama</label>
                                                                    <div class="col-sm-9">
                                                                        <textarea class="form-control" rows="3"></textarea>
                                                                    </div>
                                                                </div>

                                                                <div class="row mb-3">
                                                                    <label for="it"
                                                                        class="col-sm-3 col-form-label fw-bold">İşlem
                                                                        Tarihi</label>
                                                                    <div class="col-sm-9">
                                                                        <input type="date" name="it"
                                                                            class="form-control" required>
                                                                    </div>
                                                                </div>

                                                                <div class="row mb-3">
                                                                    <label for="it"
                                                                        class="col-sm-3 col-form-label fw-bold">Tutar</label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" name="it"
                                                                            class="form-control" required>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary"
                                                                    data-bs-dismiss="modal"><i class="bi bi-reply"></i>
                                                                    Kapat</button>
                                                                <button type="submit" class="btn btn-primary"><i
                                                                        class="bi bi-check-all"></i>
                                                                    Güncelle</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- Hareket Güncelleme Modal-->

                                        </tr>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- End Left side columns -->

        </section>
        <!-- Bilgilendirme Tablo -->

    </main>
@endsection