@extends('admin.layout.layout')

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

        <!-- Müşteri Bilgileri Görüntüle -->
        <div class="col-xxl-8 col-md-6 mb-3">
            <h5 class="card-title fw-bold text-success">34 LB 3583</h5>

            <span class="small fw-bold"><i class="bi bi-chevron-double-right text-primary"></i>
                Fiat / Doblo 1.6 Mjet Maxi</span>
            <span class="small fw-bold"><i class="bi bi-chevron-double-right text-primary"></i>
                2014 Model</span>
            <span class="small fw-bold"><i class="bi bi-chevron-double-right text-primary"></i>
                10.05.2024 Tarihinde Satın Alındı</span>
        </div>
        <!-- Müşteri Bilgileri Görüntüle -->

        <!-- Müşteri Rapor Ekranı -->
        <section class="section dashboard">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <!-- Güncel KM -->
                        <div class="col-xxl-3 col-md-6">
                            <div class="card info-card sales-card">
                                <div class="card-body">
                                    <h5 class="card-title text-primary fw-bold">Güncel KM</h5>
                                    <div class="d-flex align-items-center">
                                        <div
                                            class="card-icon rounded-circle d-flex align-items-center justify-content-center text-primary">
                                            <i class="bi bi-currency-dollar"></i>
                                        </div>
                                        <div class="ps-3">
                                            <h6>148.956 KM</h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Güncel KM -->

                        <!-- Son Alınan Akaryakıt -->
                        <div class="col-xxl-3 col-md-6">
                            <div class="card info-card revenue-card">
                                <div class="card-body">
                                    <h5 class="card-title text-danger fw-bold">Son Alınan Akaryakıt</span></h5>
                                    <div class="d-flex align-items-center">
                                        <div
                                            class="card-icon rounded-circle d-flex align-items-center text-danger justify-content-center">
                                            <i class="bi bi-bank2"></i>
                                        </div>
                                        <div class="ps-3">
                                            <h6>2500,00 TL</h6>
                                            <span class="text-warning small pt-1 fw-bold">11.11.2024 : </span> <span
                                                class="text-muted small fw-bold pt-2 ps-1">148.000 KM</span><br>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Son Alınan Akaryakıt -->

                        <!-- Araç Bakım -->
                        <div class="col-xxl-3 col-xl-6">
                            <div class="card info-card customers-card">
                                <div class="card-body">
                                    <h5 class="card-title text-info fw-bold">Araç Bakım</h5>
                                    <div class="d-flex align-items-center">
                                        <div
                                            class="card-icon rounded-circle d-flex align-items-center justify-content-center text-info">
                                            <i class="bi bi-people"></i>
                                        </div>
                                        <div class="ps-3">
                                            <h6><span class="text-dark fw-bold">2000 </span> <span class="text-dark"> KM
                                                    Kaldı</span></h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Araç Bakım -->

                        <!-- Lastik Değiştirme Tarihi -->
                        <div class="col-xxl-3 col-xl-6">
                            <div class="card card info-card sales-card">
                                <div class="card-body">
                                    <h5 class="card-title text-warning fw-bold">Lastik Değiştirme Tarihi</span></h5>
                                    <div class="d-flex align-items-center">
                                        <div
                                            class="card-icon rounded-circle d-flex align-items-center justify-content-center text-warning">
                                            <i class="bi bi-people"></i>
                                        </div>
                                        <div class="ps-3">
                                            <h6>25.10.2024</h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Lastik Değiştirme Tarihi -->

                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <!-- Muayene Tarihi -->
                        <div class="col-xxl-3 col-md-6">
                            <div class="card info-card sales-card">
                                <div class="card-body">
                                    <h5 class="card-title text-secondary fw-bold">Muayene Tarihi</h5>
                                    <div class="d-flex align-items-center">
                                        <div
                                            class="card-icon rounded-circle d-flex align-items-center justify-content-center text-secondary">
                                            <i class="bi bi-currency-dollar"></i>
                                        </div>
                                        <div class="ps-3">
                                            <h6>30.12.2024</h6>
                                            <span class="text-secondary small pt-1 fw-bold">Muayene Gününe </span> <span
                                                class="text-danger small fw-bold pt-2 ps-1">53 Gün Kaldı</span><br>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Muayene Tarihi -->

                        <!-- Araç Zimmet Personel -->
                        <div class="col-xxl-3 col-md-6">
                            <div class="card info-card revenue-card">
                                <div class="card-body">
                                    <h5 class="card-title text-success fw-bold">Araç Zimmet Personel</span></h5>
                                    <div class="d-flex align-items-center">
                                        <div
                                            class="card-icon rounded-circle d-flex align-items-center justify-content-center">
                                            <i class="bi bi-bank2"></i>
                                        </div>
                                        <div class="ps-3">
                                            <h6>Dursun Ali GÜÇLÜ</h6>
                                            <span class="text-danger small pt-1 fw-bold">10.11.2024</span> <span
                                                class="text-muted small fw-bold pt-2 ps-1">Tarihinde Zimmetlendi</span><br>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Araç Zimmet Personel -->

                        <!-- Sigrota / Kasko Bilgisi -->
                        <div class="col-xxl-3 col-xl-6">
                            <div class="card info-card customers-card">
                                <div class="card-body">
                                    <h5 class="card-title text-dark fw-bold">Sigrota / Kasko Bilgisi</h5>
                                    <div class="d-flex align-items-center">
                                        <div
                                            class="card-icon rounded-circle d-flex align-items-center justify-content-center text-dark">
                                            <i class="bi bi-people"></i>
                                        </div>
                                        <div class="ps-3 text-end">

                                            <span class="text-danger small pt-1 fw-bold">Sigorta</span> <span
                                                class="text-dark small fw-bold pt-2 ps-1">35 Gün Kaldı |</span> <span
                                                class="text-success small pt-1 fw-bold"> 30.01.2025</span>
                                            <br>
                                            <span class="text-danger small pt-1 fw-bold">Kasko</span> <span
                                                class="text-dark small fw-bold pt-2 ps-1">135 Gün Kaldı |</span> <span
                                                class="text-success small pt-1 fw-bold"> 11.11.2024</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Sigrota / Kasko Bilgisi -->

                        <!-- Trafik Ceza Bilgisi -->
                        <div class="col-xxl-3 col-xl-6">
                            <div class="card card info-card sales-card">
                                <div class="card-body">
                                    <h5 class="card-title text-danger fw-bold">Trafik Ceza Bilgisi</span></h5>
                                    <div class="d-flex align-items-center">
                                        <div
                                            class="card-icon rounded-circle d-flex align-items-center justify-content-center text-danger">
                                            <i class="bi bi-people"></i>
                                        </div>
                                        <div class="ps-3">
                                            <h6>6439,00 TL</h6>
                                            <span class="text-danger small pt-1 fw-bold">Tebliğ Tarihi :</span> <span
                                                class="text-muted small fw-bold pt-2 ps-1">11.11.2024</span><br>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Trafik Ceza Bilgisi -->

                    </div>
                </div>
            </div>
        </section>
        <!-- Müşteri Rapor Ekranı -->

        <!-- Bilgilendirme Tablo -->
        <section class="section profile">
            <div class="row">
                <div class="col-xl-12">
                    <div class="card">
                        <div class="card-body pt-2">
                            <ul class="nav nav-tabs nav-tabs-bordered">

                                <li class="nav-item">
                                    <button class="nav-link active fw-bold" data-bs-toggle="tab"
                                        data-bs-target="#km-takip">KM Takip</button>
                                </li>

                                <li class="nav-item">
                                    <button class="nav-link fw-bold" data-bs-toggle="tab"
                                        data-bs-target="#akaryakit-takip">Akaryakıt Takip</button>
                                </li>

                                <li class="nav-item">
                                    <button class="nav-link fw-bold" data-bs-toggle="tab"
                                        data-bs-target="#bakim-takip">Bakım Takip</button>
                                </li>

                                <li class="nav-item">
                                    <button class="nav-link fw-bold" data-bs-toggle="tab"
                                        data-bs-target="#muayene-takip">Muayene Takip</button>
                                </li>

                                <li class="nav-item">
                                    <button class="nav-link fw-bold" data-bs-toggle="tab"
                                        data-bs-target="#kasko-takip">Kasko Sigorta Takip</button>
                                </li>

                                <li class="nav-item">
                                    <button class="nav-link fw-bold" data-bs-toggle="tab"
                                        data-bs-target="#ceza-takip">Trafik Ceza Takip</button>
                                </li>

                                <li class="nav-item">
                                    <button class="nav-link fw-bold" data-bs-toggle="tab" data-bs-target="#hgs-takip">HGS
                                        Takip</button>
                                </li>

                                <li class="nav-item">
                                    <button class="nav-link fw-bold" data-bs-toggle="tab"
                                        data-bs-target="#belge-takip">Belge Takip</button>
                                </li>

                            </ul>
                            <div class="tab-content pt-2">

                                <div class="tab-pane fade show active profile-overview" id="km-takip">

                                    <!-- Tablo Başlangıç -->
                                    <div class="pagetitle">
                                        <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#gunbasiyap">
                                            <i class="bi bi-layer-forward"></i> Gün Başı Yap
                                        </button>

                                        <!-- Gün Başı Yap Modal-->
                                        <div class="modal fade" id="gunbasiyap" 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">Gün Başı 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-3 col-form-label fw-bold">Tarih /
                                                                    Saat</label>
                                                                <div class="col-sm-5">
                                                                    <input type="date" name="it"
                                                                        class="form-control" required>
                                                                </div>
                                                                <div class="col-sm-4">
                                                                    <input type="time" 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">KM</label>
                                                                <div class="col-sm-9">
                                                                    <input type="text" 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">Personel</label>
                                                                <div class="col-sm-9">
                                                                    <select class="form-select"
                                                                        aria-label="Default select example">
                                                                        <option value="">Personel Seçiniz...</option>
                                                                        <option value="Kiralık">Murat GÜÇLÜ</option>
                                                                        <option value="Özmal">Dursun Ali GÜÇLÜ</option>
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="row mb-3">
                                                                <label for="it"
                                                                    class="col-sm-3 col-form-label fw-bold">Ekran
                                                                    Resmi</label>
                                                                <div class="col-sm-9">
                                                                    <input class="form-control" type="file"
                                                                        id="formFile"
                                                                        accept="image/jpeg, image/png, image/gif">
                                                                </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>
                                        <!-- Gün Başı Yap Modal-->

                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-striped" id="dataTables">
                                            <thead>
                                                <tr>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Tarih</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Saat</th>
                                                    <th scope="col" class="text-end" style="vertical-align: middle;">
                                                        Gün Başı KM</th>
                                                    <th scope="col" class="text-end" style="vertical-align: middle;">
                                                        Gün Sonu KM</th>
                                                    <th scope="col" class="text-end" style="vertical-align: middle;">
                                                        Yapılan KM</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        İşlem</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class=" text-center fw-bold" style="vertical-align: middle;">
                                                        12.11.2024
                                                    </td>
                                                    <td class="text-center fw-bold" style="vertical-align: middle;">
                                                        08:30
                                                    </td>
                                                    <td class="text-end fw-bold" style="vertical-align: middle;">
                                                        148.650 KM

                                                        <button type="button" class="btn btn-primary btn-sm"
                                                            data-bs-toggle="modal" data-bs-target="#gunbasiguncelle"
                                                            title="Gün Başı Güncelle">
                                                            <i class="bi bi-pencil"></i> </button>
                                                    </td>

                                                    <!-- Gün Başı Güncelleme Modal-->
                                                    <div class="modal fade" id="gunbasiguncelle" 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">
                                                                            Gün Başı 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-3 col-form-label fw-bold">Tarih
                                                                                /
                                                                                Saat</label>
                                                                            <div class="col-sm-5">
                                                                                <input type="date" name="it"
                                                                                    class="form-control" required>
                                                                            </div>
                                                                            <div class="col-sm-4">
                                                                                <input type="time" 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">KM</label>
                                                                            <div class="col-sm-9">
                                                                                <input type="text" 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">Personel</label>
                                                                            <div class="col-sm-9">
                                                                                <select class="form-select"
                                                                                    aria-label="Default select example">
                                                                                    <option value="">Personel
                                                                                        Seçiniz...</option>
                                                                                    <option value="Kiralık">Murat GÜÇLÜ
                                                                                    </option>
                                                                                    <option value="Özmal">Dursun Ali
                                                                                        GÜÇLÜ</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-3 col-form-label fw-bold">Ekran
                                                                                Resmi</label>
                                                                            <div class="col-sm-9">
                                                                                <input class="form-control" type="file"
                                                                                    id="formFile"
                                                                                    accept="image/jpeg, image/png, image/gif">
                                                                            </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>
                                                    <!-- Gün Başı Güncelleme Modal-->

                                                    <td class="text-end fw-bold" style="vertical-align: middle;">
                                                        148.748 KM

                                                        <button type="button" class="btn btn-primary btn-sm"
                                                            data-bs-toggle="modal" data-bs-target="#gunsonuguncelle"
                                                            title="Gün Başı Güncelle">
                                                            <i class="bi bi-pencil"></i> </button>
                                                    </td>

                                                    <!-- Gün Sonu Güncelleme Modal-->
                                                    <div class="modal fade" id="gunsonuguncelle" 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">
                                                                            Gün Sonu 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-3 col-form-label fw-bold">Tarih
                                                                                /
                                                                                Saat</label>
                                                                            <div class="col-sm-5">
                                                                                <input type="date" name="it"
                                                                                    class="form-control" required>
                                                                            </div>
                                                                            <div class="col-sm-4">
                                                                                <input type="time" 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">KM</label>
                                                                            <div class="col-sm-9">
                                                                                <input type="text" 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">Personel</label>
                                                                            <div class="col-sm-9">
                                                                                <select class="form-select"
                                                                                    aria-label="Default select example"
                                                                                    disabled>
                                                                                    <option value="">Personel
                                                                                        Seçiniz...</option>
                                                                                    <option value="Kiralık">Murat GÜÇLÜ
                                                                                    </option>
                                                                                    <option value="Özmal">Dursun Ali
                                                                                        GÜÇLÜ</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-3 col-form-label fw-bold">Ekran
                                                                                Resmi</label>
                                                                            <div class="col-sm-9">
                                                                                <input class="form-control" type="file"
                                                                                    id="formFile"
                                                                                    accept="image/jpeg, image/png, image/gif">
                                                                            </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>
                                                    <!-- Gün Sonu Güncelleme Modal-->

                                                    <td scope="row" class="text-end fw-bold text-success"
                                                        style="vertical-align: middle;">
                                                        98 KM
                                                    </td>
                                                    <td scope="row" class="text-center"
                                                        style="vertical-align: middle;" class="text-primary">

                                                        <button type="button" class="btn btn-warning btn-sm"
                                                            data-bs-toggle="modal" data-bs-target="#gunsonuyap"
                                                            title="Gün Sonu Yap"><i
                                                                class="bi bi-layer-backward"></i></button>
                                                        <button type="button" class="btn btn-danger btn-sm"
                                                            title="Etkinlik İptal"><i class="bi bi-trash"></i></button>
                                                    </td>

                                                    <!-- Gün Sonu Güncelleme Modal-->
                                                    <div class="modal fade" id="gunsonuyap" 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">
                                                                            Gün Sonu 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-3 col-form-label fw-bold">Tarih
                                                                                /
                                                                                Saat</label>
                                                                            <div class="col-sm-5">
                                                                                <input type="date" name="it"
                                                                                    class="form-control" required>
                                                                            </div>
                                                                            <div class="col-sm-4">
                                                                                <input type="time" 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">KM</label>
                                                                            <div class="col-sm-9">
                                                                                <input type="text" 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">Personel</label>
                                                                            <div class="col-sm-9">
                                                                                <select class="form-select"
                                                                                    aria-label="Default select example"
                                                                                    disabled>
                                                                                    <option value="">Personel
                                                                                        Seçiniz...</option>
                                                                                    <option value="Kiralık">Murat GÜÇLÜ
                                                                                    </option>
                                                                                    <option value="Özmal">Dursun Ali
                                                                                        GÜÇLÜ</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-3 col-form-label fw-bold">Ekran
                                                                                Resmi</label>
                                                                            <div class="col-sm-9">
                                                                                <input class="form-control" type="file"
                                                                                    id="formFile"
                                                                                    accept="image/jpeg, image/png, image/gif">
                                                                            </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>
                                                    <!-- Gün Sonu Güncelleme Modal-->

                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- Tablo Bitiş -->

                                </div>

                                <div class="tab-pane fade profile-edit" id="akaryakit-takip">

                                    <!-- Tablo Başlangıç -->
                                    <div class="pagetitle">
                                        <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#akaryakitgir">
                                            <i class="bi bi-layer-forward"></i> Akaryakıt Gir
                                        </button>

                                        <!-- Akaryakıt Gir Modal-->
                                        <div class="modal fade small" id="akaryakitgir" 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">Akaryakıt Girişi
                                                                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-3 col-form-label fw-bold">Tarih /
                                                                    Saat</label>
                                                                <div class="col-sm-5">
                                                                    <input type="date" name="it"
                                                                        class="form-control" required>
                                                                </div>
                                                                <div class="col-sm-4">
                                                                    <input type="time" 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">Fiş No</label>
                                                                <div class="col-sm-9">
                                                                    <input type="text" 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 class="row mb-3">
                                                                <label for="it"
                                                                    class="col-sm-3 col-form-label fw-bold">Güncel
                                                                    KM</label>
                                                                <div class="col-sm-9">
                                                                    <input type="text" 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">Ekran
                                                                    Resmi</label>
                                                                <div class="col-sm-9">
                                                                    <input class="form-control" type="file"
                                                                        id="formFile"
                                                                        accept="image/jpeg, image/png, image/gif">
                                                                </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>
                                        <!-- Akaryakıt Gir Modal-->

                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-striped" id="dataTables2">
                                            <thead>
                                                <tr>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Tarih</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Saat</th>
                                                    <th scope="col" class="text-end" style="vertical-align: middle;">
                                                        Fiş No</th>
                                                    <th scope="col" class="text-end" style="vertical-align: middle;">
                                                        Tutar</th>
                                                    <th scope="col" class="text-end" style="vertical-align: middle;">
                                                        KM</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        İşlem</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="text-center fw-bold" style="vertical-align: middle;">
                                                        12.11.2024
                                                    </td>
                                                    <td class="text-center fw-bold" style="vertical-align: middle;">
                                                        08:30
                                                    </td>
                                                    <td class="text-end fw-bold" style="vertical-align: middle;">
                                                        526854
                                                    </td>
                                                    <td class="text-end fw-bold" style="vertical-align: middle;">
                                                        2000,00 TL
                                                    </td>

                                                    <td scope="row" class="text-end fw-bold text-success"
                                                        style="vertical-align: middle;">
                                                        148750 KM
                                                    </td>
                                                    <td scope="row" class="text-center"
                                                        style="vertical-align: middle;" class="text-primary">

                                                        <button type="button" class="btn btn-primary btn-sm"
                                                            data-bs-toggle="modal" data-bs-target="#akaryakitguncelle"
                                                            title="Akaryakıt 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>

                                                    <!-- Akaryakıt Güncelle Modal-->
                                                    <div class="modal fade small" id="akaryakitguncelle" 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">
                                                                            Akaryakıt 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-3 col-form-label fw-bold">Tarih
                                                                                /
                                                                                Saat</label>
                                                                            <div class="col-sm-5">
                                                                                <input type="date" name="it"
                                                                                    class="form-control" required>
                                                                            </div>
                                                                            <div class="col-sm-4">
                                                                                <input type="time" 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">Fiş
                                                                                No</label>
                                                                            <div class="col-sm-9">
                                                                                <input type="text" 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 class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-3 col-form-label fw-bold">Güncel
                                                                                KM</label>
                                                                            <div class="col-sm-9">
                                                                                <input type="text" 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">Ekran
                                                                                Resmi</label>
                                                                            <div class="col-sm-9">
                                                                                <input class="form-control" type="file"
                                                                                    id="formFile"
                                                                                    accept="image/jpeg, image/png, image/gif">
                                                                            </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>
                                                    <!-- Akaryakıt Gir Modal-->

                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- Tablo Bitiş -->

                                </div>

                                <div class="tab-pane fade profile-edit" id="bakim-takip">

                                    <!-- Tablo Başlangıç -->
                                    <div class="pagetitle">
                                        <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#bakimgir">
                                            <i class="bi bi-layer-forward"></i> Bakım Giriş Yap
                                        </button>

                                        <!-- Bakım Giriş Yap Modal-->
                                        <div class="modal fade small" id="bakimgir" 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">Bakım Giriş 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-3 col-form-label fw-bold">Tarih</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">Yeni
                                                                    Bakım</label>
                                                                <div class="col-sm-9">
                                                                    <input type="text" name="it"
                                                                        class="form-control">
                                                                </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>
                                        <!-- Bakım Giriş Yap Modal-->

                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-striped" id="dataTables3">
                                            <thead>
                                                <tr>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Giriş Tarih</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Bakım KM</th>
                                                    <th scope="col" class="text-end" style="vertical-align: middle;">
                                                        Kalan KM</th>
                                                    <th scope="col" class="text-end" style="vertical-align: middle;">
                                                        Bakım Tarihi</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Durumu</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        İşlem</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="fw-bold text-center"
                                                        class="text-center"style="vertical-align: middle;">
                                                        10.10.2024
                                                    </td>
                                                    <td class="text-center fw-bold" style="vertical-align: middle;">
                                                        150.000 KM
                                                    </td>
                                                    <td class="text-end fw-bold" style="vertical-align: middle;">
                                                        2.480 KM
                                                    </td>
                                                    <td class="text-end fw-bold" style="vertical-align: middle;">
                                                        13.11.2024
                                                    </td>

                                                    <td scope="row" class="text-center fw-bold text-success"
                                                        style="vertical-align: middle;">
                                                        Tamamlandı
                                                    </td>
                                                    <td scope="row" class="text-center"
                                                        style="vertical-align: middle;" class="text-primary">

                                                        <button type="button" class="btn btn-primary btn-sm"
                                                            data-bs-toggle="modal" data-bs-target="#bakimguncelle"
                                                            title="Akaryakıt 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>

                                                    <!-- Bakım Güncelle Modal-->
                                                    <div class="modal fade small" id="bakimguncelle" 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">
                                                                            Bakım Güncelleme</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-3 col-form-label fw-bold">Giriş
                                                                                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">Bakım
                                                                                KM</label>
                                                                            <div class="col-sm-9">
                                                                                <input type="text" name="it"
                                                                                    class="form-control" disabled>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-3 col-form-label fw-bold">Bakım
                                                                                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">Durumu</label>
                                                                            <div class="col-sm-9">
                                                                                <select class="form-select"
                                                                                    aria-label="Default select example">
                                                                                    <option value="">Bekliyor
                                                                                    </option>
                                                                                    <option value="Kiralık">Tamamlandı
                                                                                    </option>
                                                                                </select>
                                                                            </div>
                                                                        </div>

                                                                        <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">Belge
                                                                                / Resmi</label>
                                                                            <div class="col-sm-9">
                                                                                <input class="form-control" type="file"
                                                                                    id="formFile"
                                                                                    accept="image/jpeg, image/png, image/gif">
                                                                            </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>
                                                    <!-- Bakım Güncelle Modal-->

                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- Tablo Bitiş -->

                                </div>

                                <div class="tab-pane fade profile-edit" id="muayene-takip">

                                    <!-- Tablo Başlangıç -->
                                    <div class="pagetitle">
                                        <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#muayenegir">
                                            <i class="bi bi-layer-forward"></i> Muayene Giriş Yap
                                        </button>

                                        <!-- Muayene Giriş Yap Modal-->
                                        <div class="modal fade small" id="muayenegir" 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">Muayene Giriş 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">Muayene
                                                                    Tarih</label>
                                                                <div class="col-sm-8">
                                                                    <input type="date" 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>
                                        <!-- Muayene Giriş Yap Modal-->

                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-striped" id="dataTables4">
                                            <thead>
                                                <tr>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Giriş Tarih</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Muayene Tarihi</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Kalan Gün</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Durumu</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        İşlem</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="fw-bold text-center"
                                                        class="text-center"style="vertical-align: middle;">
                                                        10.10.2024
                                                    </td>
                                                    <td class="text-center fw-bold" style="vertical-align: middle;">
                                                        16.11.2024
                                                    </td>
                                                    <td class="text-center fw-bold" style="vertical-align: middle;">
                                                        15 GÜN
                                                    </td>
                                                    <td scope="row" class="text-center fw-bold text-success"
                                                        style="vertical-align: middle;">
                                                        Bekliyor
                                                    </td>
                                                    <td scope="row" class="text-center"
                                                        style="vertical-align: middle;" class="text-primary">

                                                        <button type="button" class="btn btn-primary btn-sm"
                                                            data-bs-toggle="modal" data-bs-target="#muayeneguncelle"
                                                            title="Muayene Güncelle"><i class="bi bi-pencil"></i></button>
                                                        <button type="button" class="btn btn-danger btn-sm"
                                                            title="Muayene İptal"><i class="bi bi-trash"></i></button>
                                                    </td>

                                                    <!-- Bakım Güncelle Modal-->
                                                    <div class="modal fade small" id="muayeneguncelle" 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">
                                                                            Muayene Güncelleme</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-3 col-form-label fw-bold">Giriş
                                                                                Tarihi</label>
                                                                            <div class="col-sm-9">
                                                                                <input type="date" name="it"
                                                                                    class="form-control" disabled>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-3 col-form-label fw-bold">Bakım
                                                                                Tarihi</label>
                                                                            <div class="col-sm-9">
                                                                                <input type="text" name="it"
                                                                                    class="form-control" disabled>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-3 col-form-label fw-bold">
                                                                                Personel</label>
                                                                            <div class="col-sm-9">
                                                                                <select class="form-select"
                                                                                    aria-label="Default select example">
                                                                                    <option value="">Dursun Ali
                                                                                        GÜÇLÜ
                                                                                    </option>
                                                                                    <option value="Kiralık">Emine
                                                                                        Kalemci
                                                                                    </option>
                                                                                </select>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-3 col-form-label fw-bold">Biten
                                                                                Tarih</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">Durumu</label>
                                                                            <div class="col-sm-9">
                                                                                <select class="form-select"
                                                                                    aria-label="Default select example">
                                                                                    <option value="">Bekliyor
                                                                                    </option>
                                                                                    <option value="Kiralık">Tamamlandı
                                                                                    </option>
                                                                                </select>
                                                                            </div>
                                                                        </div>

                                                                        <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">Belge
                                                                                / Resmi</label>
                                                                            <div class="col-sm-9">
                                                                                <input class="form-control" type="file"
                                                                                    id="formFile"
                                                                                    accept="image/jpeg, image/png, image/gif">
                                                                            </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>
                                                    <!-- Bakım Güncelle Modal-->

                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- Tablo Bitiş -->

                                </div>

                                <div class="tab-pane fade profile-edit" id="kasko-takip">

                                    <!-- Tablo Başlangıç -->
                                    <div class="pagetitle">
                                        <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#kaskosigortagir">
                                            <i class="bi bi-layer-forward"></i> Kasko & Sigorta Giriş Yap
                                        </button>

                                        <!-- Kasko Sigorta Giriş Yap Modal-->
                                        <div class="modal fade small" id="kaskosigortagir" 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">Kasko & Sigorta
                                                                Girişi 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">Başlangıç
                                                                    Tarih</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">
                                                                    Türü</label>
                                                                <div class="col-sm-8">
                                                                    <select class="form-select"
                                                                        aria-label="Default select example">
                                                                        <option value="">Zorunlu Trafik Sigortası
                                                                        </option>
                                                                        <option value="Kiralık">Kasko
                                                                        </option>
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="row mb-3">
                                                                <label for="it"
                                                                    class="col-sm-4 col-form-label fw-bold">Sigorta
                                                                    Firması</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">
                                                                    Personel</label>
                                                                <div class="col-sm-8">
                                                                    <select class="form-select"
                                                                        aria-label="Default select example">
                                                                        <option value="">Dursun Ali
                                                                            GÜÇLÜ
                                                                        </option>
                                                                        <option value="Kiralık">Emine
                                                                            Kalemci
                                                                        </option>
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="row mb-3">
                                                                <label for="it"
                                                                    class="col-sm-4 col-form-label fw-bold">Sigorta
                                                                    Tutarı</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">Bitiş
                                                                    Tarih</label>
                                                                <div class="col-sm-8">
                                                                    <input type="date" 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>
                                        <!-- Kasko Sigorta Giriş Yap Modal-->

                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-striped" id="dataTables5">
                                            <thead>
                                                <tr>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Başlangıç Tarih</th>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Türü</th>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Bitiş Tarihi</th>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Kalan Gün</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Durumu</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        İşlem</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="fw-bold"
                                                        class="text-center"style="vertical-align: middle;">
                                                        10.10.2024
                                                    </td>
                                                    <td class=" fw-bold" style="vertical-align: middle;">
                                                        Zorunlu Trafik Sigortası
                                                    </td>
                                                    <td class="fw-bold" style="vertical-align: middle;">
                                                        10.10.2025
                                                    </td>
                                                    <td class="fw-bold" style="vertical-align: middle;">
                                                        365 GÜN
                                                    </td>
                                                    <td scope="row" class="text-center fw-bold text-success"
                                                        style="vertical-align: middle;">
                                                        Devam Ediyor.
                                                    </td>
                                                    <td scope="row" class="text-center"
                                                        style="vertical-align: middle;" class="text-primary">

                                                        <button type="button" class="btn btn-primary btn-sm"
                                                            data-bs-toggle="modal"
                                                            data-bs-target="#kaskosigortaguncelle"
                                                            title="Muayene Güncelle"><i
                                                                class="bi bi-pencil"></i></button>
                                                        <button type="button" class="btn btn-danger btn-sm"
                                                            title="Muayene İptal"><i class="bi bi-trash"></i></button>
                                                    </td>

                                                    <!-- Kasko Sigorta Güncelle Modal-->
                                                    <div class="modal fade small" id="kaskosigortaguncelle"
                                                        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">Kasko
                                                                            & Sigorta 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">Başlangıç
                                                                                Tarih</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">
                                                                                Türü</label>
                                                                            <div class="col-sm-8">
                                                                                <select class="form-select"
                                                                                    aria-label="Default select example">
                                                                                    <option value="">Zorunlu Trafik
                                                                                        Sigortası
                                                                                    </option>
                                                                                    <option value="Kiralık">Kasko
                                                                                    </option>
                                                                                </select>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-4 col-form-label fw-bold">Sigorta
                                                                                Firması</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">
                                                                                Personel</label>
                                                                            <div class="col-sm-8">
                                                                                <select class="form-select"
                                                                                    aria-label="Default select example">
                                                                                    <option value="">Dursun Ali
                                                                                        GÜÇLÜ
                                                                                    </option>
                                                                                    <option value="Kiralık">Emine
                                                                                        Kalemci
                                                                                    </option>
                                                                                </select>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-4 col-form-label fw-bold">Sigorta
                                                                                Tutarı</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">Bitiş
                                                                                Tarih</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">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>
                                                    <!-- Kasko Sigorta Güncelle Modal-->

                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- Tablo Bitiş -->

                                </div>

                                <div class="tab-pane fade profile-edit" id="ceza-takip">

                                    <!-- Tablo Başlangıç -->
                                    <div class="pagetitle">
                                        <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#cezagir">
                                            <i class="bi bi-layer-forward"></i> Trafik Ceza Girişi Yap
                                        </button>

                                        <!-- Trafik Ceza Girişi Yap Modal-->
                                        <div class="modal fade small" id="cezagir" 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">Trafik Ceza
                                                                Girişi 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">Ceza 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">Belge Seri
                                                                    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">Açıklama</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">Tutar</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">
                                                                    Personel</label>
                                                                <div class="col-sm-8">
                                                                    <select class="form-select"
                                                                        aria-label="Default select example">
                                                                        <option value="">Dursun Ali
                                                                            GÜÇLÜ
                                                                        </option>
                                                                        <option value="Kiralık">Emine
                                                                            Kalemci
                                                                        </option>
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="row mb-3">
                                                                <label for="it"
                                                                    class="col-sm-4 col-form-label fw-bold">Tebliğ 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">Ödeme Tarihi
                                                                </label>
                                                                <div class="col-sm-8">
                                                                    <input type="date" 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>
                                        <!-- Trafik Ceza Girişi Yap Modal-->

                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-striped" id="dataTables6">
                                            <thead>
                                                <tr>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Ceza Tarihi</th>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Seri No</th>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Açıklama</th>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Personel</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Tebliğ Tarihi</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Ödeme Tarihi</th>
                                                    <th scope="col" class="text-end"
                                                        style="vertical-align: middle;">
                                                        Tutar</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        Durumu</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        İşlem</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="fw-bold"
                                                        class="text-center"style="vertical-align: middle;">
                                                        10.10.2024
                                                    </td>
                                                    <td class=" fw-bold" style="vertical-align: middle;">
                                                        AB 215253
                                                    </td>
                                                    <td class="fw-bold" style="vertical-align: middle;">
                                                        Çayırova Akse Mah. Kırmızı Işıkta Geçmek
                                                    </td>
                                                    <td scope="row" class="fw-bold text-success"
                                                        style="vertical-align: middle;">
                                                        Murat GÜÇLÜ
                                                    </td>
                                                    <td class="fw-bold text-center" style="vertical-align: middle;">
                                                        10.10.2024
                                                    </td>
                                                    <td class="fw-bold text-center" style="vertical-align: middle;">
                                                        10.10.2024
                                                    </td>
                                                    <td class="text-end fw-bold" style="vertical-align: middle;">
                                                        659,00 TL
                                                    </td>
                                                    <td class="fw-bold text-center" style="vertical-align: middle;">
                                                        Bekliyor
                                                    </td>
                                                    <td scope="row" class="text-center"
                                                        style="vertical-align: middle;" class="text-primary">

                                                        <button type="button" class="btn btn-primary btn-sm"
                                                            data-bs-toggle="modal" data-bs-target="#cezaguncelle"
                                                            title="Muayene Güncelle"><i
                                                                class="bi bi-pencil"></i></button>
                                                        <button type="button" class="btn btn-danger btn-sm"
                                                            title="Muayene İptal"><i class="bi bi-trash"></i></button>
                                                    </td>

                                                    <!-- Trafik Ceza Güncelle Modal-->
                                                    <div class="modal fade small" id="cezaguncelle" 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">
                                                                            Trafik Ceza Girişi 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">Ceza
                                                                                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">Belge
                                                                                Seri 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">Açıklama</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">Tutar</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">
                                                                                Personel</label>
                                                                            <div class="col-sm-8">
                                                                                <select class="form-select"
                                                                                    aria-label="Default select example">
                                                                                    <option value="">Dursun Ali
                                                                                        GÜÇLÜ
                                                                                    </option>
                                                                                    <option value="Kiralık">Emine
                                                                                        Kalemci
                                                                                    </option>
                                                                                </select>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-4 col-form-label fw-bold">Tebliğ
                                                                                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">Ödeme
                                                                                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">
                                                                                Durumu</label>
                                                                            <div class="col-sm-8">
                                                                                <select class="form-select"
                                                                                    aria-label="Default select example">
                                                                                    <option value="">Bekliyor
                                                                                    </option>
                                                                                    <option value="Kiralık">Ödendi
                                                                                    </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-primary"><i
                                                                                class="bi bi-check-all"></i>
                                                                            Güncelle</button>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- Trafik Ceza Güncelle Modal-->

                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- Tablo Bitiş -->

                                </div>

                                <div class="tab-pane fade profile-edit" id="hgs-takip">

                                    <!-- Tablo Başlangıç -->
                                    <div class="pagetitle">
                                        <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#hgsodemegir">
                                            <i class="bi bi-layer-forward"></i> Yeni HGS Ödemesi Gir
                                        </button>

                                        <!-- Bakım Giriş Yap Modal-->
                                        <div class="modal fade small" id="hgsodemegir" 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">Yeni HGS Ödemesi
                                                                Gir
                                                            </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">Ödeme
                                                                    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 Çekimi</label>
                                                                <div class="col-sm-8">
                                                                    <select class="form-select"
                                                                        aria-label="Default select example">
                                                                        <option value="">Nakit TL Kasası
                                                                        </option>
                                                                        <option value="Kiralık">Kredi Kartı
                                                                        </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">
                                                                </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>
                                        <!-- Bakım Giriş Yap Modal-->

                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-striped" id="dataTables7">
                                            <thead>
                                                <tr>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Yükleme Tarihi</th>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Ödenen Hesap</th>
                                                    <th scope="col" class="text-end"
                                                        style="vertical-align: middle;">
                                                        Tutar</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        İşlem</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="fw-bold"
                                                        class="text-center"style="vertical-align: middle;">
                                                        10.10.2024
                                                    </td>
                                                    <td class="fw-bold" style="vertical-align: middle;">
                                                        TL Nakit Kasa
                                                    </td>
                                                    <td class="text-end fw-bold" style="vertical-align: middle;">
                                                        500,00 TL
                                                    </td>
                                                    <td scope="row" class="text-center"
                                                        style="vertical-align: middle;" class="text-primary">

                                                        <button type="button" class="btn btn-primary btn-sm"
                                                            data-bs-toggle="modal" data-bs-target="#hgsguncelle"
                                                            title="Akaryakıt 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>

                                                    <!-- Bakım Güncelle Modal-->
                                                    <div class="modal fade small" id="hgsguncelle" 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">
                                                                            HGS Bilgi Güncelleme</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">Ödeme
                                                                                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 Çekimi</label>
                                                                            <div class="col-sm-8">
                                                                                <select class="form-select"
                                                                                    aria-label="Default select example">
                                                                                    <option value="">Nakit TL Kasası
                                                                                    </option>
                                                                                    <option value="Kiralık">Kredi Kartı
                                                                                    </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">
                                                                            </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>
                                                    <!-- Bakım Güncelle Modal-->

                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- Tablo Bitiş -->

                                </div>

                                <div class="tab-pane fade profile-edit" id="belge-takip">

                                    <!-- Tablo Başlangıç -->
                                    <div class="pagetitle">
                                        <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#belgegiris">
                                            <i class="bi bi-layer-forward"></i> Belge Giriş Yap
                                        </button>

                                        <!-- Bakım Giriş Yap Modal-->
                                        <div class="modal fade small" id="belgegiris" 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">Belge Giriş 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-3 col-form-label fw-bold">Belge
                                                                    Adı</label>
                                                                <div class="col-sm-9">
                                                                    <input type="text" name="it"
                                                                        class="form-control">
                                                                </div>
                                                            </div>

                                                            <div class="row mb-3">
                                                                <label for="it"
                                                                    class="col-sm-3 col-form-label fw-bold">Belge
                                                                    / Resmi</label>
                                                                <div class="col-sm-9">
                                                                    <input class="form-control" type="file"
                                                                        id="formFile"
                                                                        accept="image/jpeg, image/png, image/gif">
                                                                </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>
                                        <!-- Bakım Giriş Yap Modal-->

                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-striped" id="dataTables3">
                                            <thead>
                                                <tr>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Giriş Tarih</th>
                                                    <th scope="col" style="vertical-align: middle;">
                                                        Belge Adı</th>
                                                    <th scope="col" class="text-center"
                                                        style="vertical-align: middle;">
                                                        İşlem</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="fw-bold"
                                                        class="text-center"style="vertical-align: middle;">
                                                        10.10.2024
                                                    </td>
                                                    <td class="fw-bold"
                                                        class="text-center"style="vertical-align: middle;">
                                                        Ruhsat Ön Yüzü
                                                    </td>
                                                    <td scope="row" class="text-center"
                                                        style="vertical-align: middle;" class="text-primary">
                                                        <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-eye"></i></button>
                                                        <button type="button" class="btn btn-primary btn-sm"
                                                            data-bs-toggle="modal" data-bs-target="#belgeguncelle"
                                                            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>

                                                    <!-- Bakım Güncelle Modal-->
                                                    <div class="modal fade small" id="belgeguncelle" 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">
                                                                            Belge Güncelleme</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-3 col-form-label fw-bold">Belge
                                                                                Adı</label>
                                                                            <div class="col-sm-9">
                                                                                <input type="text" name="it"
                                                                                    class="form-control">
                                                                            </div>
                                                                        </div>

                                                                        <div class="row mb-3">
                                                                            <label for="it"
                                                                                class="col-sm-3 col-form-label fw-bold">Belge
                                                                                / Resmi</label>
                                                                            <div class="col-sm-9">
                                                                                <input class="form-control"
                                                                                    type="file" id="formFile"
                                                                                    accept="image/jpeg, image/png, image/gif">
                                                                            </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>
                                                    <!-- Bakım Güncelle Modal-->

                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- Tablo Bitiş -->

                                </div>

                            </div>


                        </div>
                    </div>

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

    </main>
@endsection