@extends('admin.layout.layout')

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

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

            <a href="{{ route('satisyap') }}" class="btn btn-success btn-sm"><i class="bi bi-check-all"></i> Güncelle</a>

            <a href="{{ route('teknikservis') }}" class="btn btn-danger btn-sm"><i class="bi bi-reply-all-fill"></i> Geri
                Dön</a>

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

        <!-- 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="#servis-detaylari">Servis Detayları</button>
                                </li>

                                <li class="nav-item">
                                    <button class="nav-link fw-bold" data-bs-toggle="tab"
                                        data-bs-target="#parcahizmet-bedeli">Parça ve Hizmet Bedeli</button>
                                </li>

                                <li class="nav-item">
                                    <button class="nav-link fw-bold" data-bs-toggle="tab" data-bs-target="#sms">SMS</button>
                                </li>

                            </ul>

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

                                <div class="tab-pane fade show active profile-overview" id="servis-detaylari">

                                    <section class="section profile">
                                        <div class="row">
                                            <div class="col-xl-6">

                                                <div class="card">
                                                    <div class="card-body profile-card pt-3">
                                                        <!-- Başlık ve Buton -->
                                                        <div
                                                            class="d-flex flex-row justify-content-between align-items-center mb-3">
                                                            <h5 class="card-title text-success fw-bold mb-0">Servis Giriş
                                                                Detayları</h5> <span class="text-danger fw-bold">Takip No:
                                                                153</span>

                                                        </div>
                                                        <!-- Servis Giriş Detayları Başlangıç -->

                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-4 col-form-label fw-bold">Müşteri Adı</label>
                                                            <div class="col-sm-8">
                                                                <label for="it"
                                                                    class="col-form-label text-primary fw-bold">Grimax
                                                                    Bilişim Turz. Gıda İnş. Tem. San. Tic. Ltd. Şti.</label>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-4 col-form-label fw-bold">Kayıt Tarihi</label>
                                                            <div class="col-sm-8">
                                                                <label for="it"
                                                                    class="col-form-label text-success fw-bold">19.11.2024 |
                                                                    13:33</label>
                                                            </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 selected>Tür 1</option>
                                                                    <option value="1">Tür 2</option>
                                                                </select>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-4 col-form-label fw-bold">Marka</label>
                                                            <div class="col-sm-8">
                                                                <select class="form-select"
                                                                    aria-label="Default select example">
                                                                    <option selected>Marka 1</option>
                                                                    <option value="1">Marka 2</option>
                                                                </select>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-4 col-form-label fw-bold">Model</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">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">Sorumlu
                                                                Personel</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">Ekipmanlar</label>
                                                            <div class="col-sm-8">
                                                                <div class="form-check">
                                                                    <input class="form-check-input" type="checkbox"
                                                                        id="gridCheck1">
                                                                    <label class="form-check-label" for="gridCheck1">
                                                                        Ekipman 1
                                                                    </label>
                                                                </div>

                                                                <div class="form-check">
                                                                    <input class="form-check-input" type="checkbox"
                                                                        id="gridCheck2" checked>
                                                                    <label class="form-check-label" for="gridCheck2">
                                                                        Ekipman 2
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-4 col-form-label fw-bold">Listede Olmayan
                                                                Ekipman</label>
                                                            <div class="col-sm-8">
                                                                <textarea class="form-control" rows="3"></textarea>
                                                                <span class="text-muted small pt-2 ps-1">Servis notunu
                                                                    sadece siz görebilirsiniz herhangi bir yerde
                                                                    gözükmez</span>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-4 col-form-label fw-bold">Ürün Durumu</label>
                                                            <div class="col-sm-8">
                                                                <textarea class="form-control" rows="3"></textarea>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-4 col-form-label fw-bold">Müşteri
                                                                Şikayeti</label>
                                                            <div class="col-sm-8">
                                                                <textarea class="form-control" rows="3"></textarea>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-4 col-form-label fw-bold">Garanti
                                                                Durumu</label>
                                                            <div class="col-sm-8">
                                                                <select class="form-select"
                                                                    aria-label="Default select example">
                                                                    <option selected>Garanti Yok</option>
                                                                    <option value="1">Garantili Ürün</option>
                                                                </select>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-4 col-form-label fw-bold">Servis Kaydı Yapan
                                                                Personel</label>
                                                            <div class="col-sm-8">
                                                                <label for="it"
                                                                    class="col-form-label text-primary fw-bold">Dursun Ali
                                                                    GÜÇLÜ</label>
                                                            </div>
                                                        </div>


                                                        <!-- Servis Giriş Detayları Başlangıç -->
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="col-xl-6">

                                                <div class="card">
                                                    <div class="card-body profile-card pt-3">
                                                        <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="#servisislem-detaylari"> İşlem
                                                                        Detayları</button>
                                                                </li>

                                                                <li class="nav-item">
                                                                    <button class="nav-link fw-bold" data-bs-toggle="tab"
                                                                        data-bs-target="#urun-gorselleri">Ürün
                                                                        Görselleri</button>
                                                                </li>

                                                                <li class="nav-item">
                                                                    <button class="nav-link fw-bold" data-bs-toggle="tab"
                                                                        data-bs-target="#gorusmeler">Görüşmeler</button>
                                                                </li>

                                                            </ul>

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

                                                                <div class="tab-pane fade show active profile-overview"
                                                                    id="servisislem-detaylari">

                                                                    <div class="row mb-3 mt-3">
                                                                        <label for="it"
                                                                            class="col-sm-4 col-form-label text-primary fw-bold">Yapılan
                                                                            İşlemler</label>
                                                                        <div class="col-sm-8">
                                                                            <textarea class="form-control" rows="4"></textarea>
                                                                        </div>
                                                                    </div>

                                                                    <div class="row mb-3">
                                                                        <label for="it"
                                                                            class="col-sm-4 col-form-label text-primary fw-bold">Servis
                                                                            Durumu</label>
                                                                        <div class="col-sm-8">
                                                                            <select class="form-select fw-bold text-dark"
                                                                                aria-label="Default select example">
                                                                                <option selected>Kayıt Alındı</option>
                                                                                <option value="1">Garantili Ürün
                                                                                </option>
                                                                            </select>
                                                                        </div>
                                                                    </div>

                                                                    <div class="row mb-3">
                                                                        <label for="it"
                                                                            class="col-sm-4 col-form-label text-success fw-bold">Bitiş
                                                                            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 text-success fw-bold">Teslim
                                                                            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 text-warning fw-bold">Servis
                                                                            Notu</label>
                                                                        <div class="col-sm-8">
                                                                            <textarea class="form-control" rows="4"></textarea>
                                                                            <span class="text-muted small pt-2 ps-1">Servis
                                                                                notunu sadece siz görebilirsiniz herhangi
                                                                                bir yerde gözükmez</span>
                                                                        </div>
                                                                    </div>

                                                                    <div class="row mb-3 mt-5">
                                                                        <label for="it"
                                                                            class="col-sm-4 col-form-label text-danger fw-bold">Dış
                                                                            Onarım Merkezi</label>
                                                                        <div class="col-sm-8">
                                                                            <select class="form-select"
                                                                                aria-label="Default select example">
                                                                                <option selected> </option>
                                                                                <option value="1">Aydın Pc Notebook
                                                                                    Onarım</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>

                                                                    <div class="row mb-3">
                                                                        <label for="it"
                                                                            class="col-sm-4 col-form-label text-danger fw-bold">Gönderim
                                                                            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 text-danger fw-bold">Dönüş
                                                                            Tarihi</label>
                                                                        <div class="col-sm-8">
                                                                            <input type="date" name="it"
                                                                                class="form-control" required>
                                                                        </div>
                                                                    </div>

                                                                    <div class="modal-footer">
                                                                        <button type="submit"
                                                                            class="btn btn-primary mt-4"><i
                                                                                class="bi bi-check-all"></i>
                                                                            Değişiklik Kaydet</button>
                                                                    </div>

                                                                </div>

                                                                <div class="tab-pane fade profile-edit"
                                                                    id="urun-gorselleri">

                                                                    <!-- Başlangıç -->

                                                                    <div class="row mb-3 mt-3">
                                                                        <label for="it"
                                                                            class="col-sm-4 col-form-label text-primary fw-bold">Görsel
                                                                            Yükle</label>
                                                                        <div class="col-sm-8">
                                                                            <input class="form-control" type="file"
                                                                                id="formFile"
                                                                                accept="image/jpeg, image/png, image/gif">
                                                                        </div>
                                                                    </div>

                                                                    <!-- Default Table -->
                                                                    <table class="table">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Resim</th>
                                                                                <th scope="col" class="text-center">
                                                                                    Tarih</th>
                                                                                <th scope="col" class="text-center">
                                                                                    İşlem</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            <tr>
                                                                                <th>
                                                                                    <div class="col-md-3">
                                                                                        <img src="assets/img/card.jpg"
                                                                                            class="img-fluid rounded-start"
                                                                                            alt="...">
                                                                                    </div>
                                                                                </th>
                                                                                <td style="vertical-align: middle;"
                                                                                    class="text-center">20.11.2024 09:50
                                                                                </td>
                                                                                <td style="vertical-align: middle;"
                                                                                    class="text-center">
                                                                                    <button type="button"
                                                                                        class="btn btn-danger btn-sm"
                                                                                        title="Etkinlik İptal"><i
                                                                                            class="bi bi-trash"></i></button>
                                                                                </td>
                                                                            </tr>

                                                                        </tbody>
                                                                    </table>
                                                                    <!-- End Default Table Example -->




                                                                    <!-- Bitiş -->

                                                                </div>

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

                                                                    <div class="pagetitle">

                                                                        <button type="button"
                                                                            class="btn btn-success btn-sm"
                                                                            data-bs-toggle="modal"
                                                                            data-bs-target="#gorusmeekle"
                                                                            title="Belge Güncelle"><i
                                                                                class="bi bi-plus-lg"></i> Yeni Görüşme
                                                                            Ekle</button>

                                                                        <!-- Yeni Görüşme Ekle Modal Kodu-->
                                                                        <div class="modal fade" id="gorusmeekle"
                                                                            tabindex="-1">
                                                                            <div class="modal-dialog modal-lg">
                                                                                <div class="modal-content">
                                                                                    <form action="" method="POST">
                                                                                        @csrf
                                                                                        <div class="modal-header">
                                                                                            <h5
                                                                                                class="modal-title text-success fw-bold">
                                                                                                Yeni Görüşme Ekle</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-9">
                                                                                                    <label for="it"
                                                                                                        class="col-form-label fw-bold">20.11.2024
                                                                                                        10:06</label>
                                                                                                </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>
                                                                                        <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>
                                                                        <!-- Yeni Görüşme Ekle Modal Kodu-->

                                                                    </div>

                                                                    <!-- Default Table -->
                                                                    <table class="table">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Tarih</th>
                                                                                <th scope="col">Açıklama</th>
                                                                                <th scope="col">İşlem</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            <tr>
                                                                                <th>20.11.2024 09:50</th>
                                                                                <td>Anakart Onarımı İçin Müşteriye 2500 TL
                                                                                    Fiyat Verildi.</td>
                                                                                <td>
                                                                                    <button type="button"
                                                                                        class="btn btn-primary btn-sm"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#gorusmeduzenle"
                                                                                        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>
                                                                            </tr>

                                                                            <!-- Görüşme Düzenle Modal Kodu-->
                                                                            <div class="modal fade" id="gorusmeduzenle"
                                                                                tabindex="-1">
                                                                                <div class="modal-dialog modal-lg">
                                                                                    <div class="modal-content">
                                                                                        <form action=""
                                                                                            method="POST">
                                                                                            @csrf
                                                                                            <div class="modal-header">
                                                                                                <h5
                                                                                                    class="modal-title text-primary fw-bold">
                                                                                                    Görüşme Düzenle
                                                                                                </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-9">
                                                                                                        <label
                                                                                                            for="it"
                                                                                                            class="col-form-label fw-bold">20.11.2024
                                                                                                            10:06</label>
                                                                                                    </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>
                                                                                            <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örüşme Düzenle Modal Kodu-->

                                                                        </tbody>
                                                                    </table>
                                                                    <!-- End Default Table Example -->

                                                                </div>

                                                            </div>


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

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



                                </div>

                                <div class="tab-pane fade profile-edit" id="parcahizmet-bedeli">

                                    <section class="section profile">
                                        <div class="row">
                                            <div class="col-xl-6">

                                                <div class="card">
                                                    <div class="card-body profile-card pt-3">
                                                        <!-- Başlık ve Buton -->
                                                        <div
                                                            class="d-flex flex-row justify-content-between align-items-center mb-3">
                                                            <h5 class="card-title text-success fw-bold mb-0">Manuel Ürün
                                                                Ekle</h5>

                                                        </div>
                                                        <!-- Başlık ve Buton -->

                                                        <!-- Servis Giriş Detayları Başlangıç -->

                                                        <div class="row mb-3">
                                                            <div class="col-sm-5">
                                                                <span class="text-dark fw-bold small pt-2 ps-1">ÜRÜN
                                                                    ADI</span>
                                                                <input type="text" name="it"
                                                                    class="form-control">
                                                            </div>
                                                            <div class="col-sm-2">
                                                                <span class="text-dark fw-bold small pt-2 ps-1">BİRİM
                                                                    FİYAT</span>
                                                                <input style="text-align: right;" type="text"
                                                                    name="it" class="form-control">
                                                            </div>
                                                            <div class="col-sm-2">
                                                                <span
                                                                    class="text-dark fw-bold small pt-2 ps-1">MİKTAR</span>
                                                                <input style="text-align: center;" type="text"
                                                                    name="it" class="form-control">
                                                            </div>
                                                            <div class="col-sm-2">
                                                                <span
                                                                    class="text-dark fw-bold small pt-2 ps-1">TUTAR</span>
                                                                <input style="text-align: right;" type="text"
                                                                    name="it" class="form-control" disabled>
                                                            </div>
                                                            <div class="col-sm-1">
                                                                <span class="text-dark fw-bold small pt-2 ps-1"> </span>
                                                                <a href="#" class="btn btn-success"><i
                                                                        class="bi bi-plus-lg"></i></a>
                                                            </div>
                                                        </div>

                                                        <!-- Servis Giriş Detayları Başlangıç -->
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="col-xl-6">

                                                <div class="card">
                                                    <div class="card-body profile-card pt-3">
                                                        <!-- Başlık ve Buton -->
                                                        <div
                                                            class="d-flex flex-row justify-content-between align-items-center mb-3">
                                                            <h5 class="card-title text-success fw-bold mb-0">Stoktan Ürün
                                                                Ekle</h5>

                                                        </div>
                                                        <!-- Başlık ve Buton -->

                                                        <!-- Servis Giriş Detayları Başlangıç -->

                                                        <div class="row mb-3">
                                                            <div class="col-sm-5">
                                                                <span class="text-dark fw-bold small pt-2 ps-1">ÜRÜN
                                                                    ADI</span>
                                                                <select class="form-control searchable-select"
                                                                    aria-label="Default select example">
                                                                    <option value="" disabled selected>Bir ürün
                                                                        seçiniz...</option>
                                                                    <option value="1">Ürün Adı 1</option>
                                                                    <option value="2">Ürün Adı 2</option>
                                                                    <option value="3">Ürün Adı 3</option>
                                                                    <option value="4">Ürün Adı 4</option>
                                                                </select>

                                                            </div>
                                                            <div class="col-sm-2">
                                                                <span class="text-dark fw-bold small pt-2 ps-1">BİRİM
                                                                    FİYAT</span>
                                                                <input style="text-align: right;" type="text"
                                                                    name="it" class="form-control">
                                                            </div>
                                                            <div class="col-sm-2">
                                                                <span
                                                                    class="text-dark fw-bold small pt-2 ps-1">MİKTAR</span>
                                                                <input style="text-align: center;" type="text"
                                                                    name="it" class="form-control">
                                                            </div>
                                                            <div class="col-sm-2">
                                                                <span
                                                                    class="text-dark fw-bold small pt-2 ps-1">TUTAR</span>
                                                                <input style="text-align: right;" type="text"
                                                                    name="it" class="form-control" disabled>
                                                            </div>
                                                            <div class="col-sm-1">
                                                                <span class="text-dark fw-bold small pt-2 ps-1"> </span>
                                                                <a href="#" class="btn btn-success"><i
                                                                        class="bi bi-plus-lg"></i></a>
                                                            </div>
                                                        </div>

                                                        <!-- Servis Giriş Detayları Başlangıç -->


                                                    </div>
                                                </div>

                                            </div>

                                            <div class="col-xl-12">

                                                <div class="card">
                                                    <div class="card-body profile-card pt-3">
                                                        <!-- Başlık ve Buton -->
                                                        <div
                                                            class="d-flex flex-row justify-content-between align-items-center mb-3">
                                                            <h5 class="card-title text-success fw-bold mb-0">Ürün Bilgisi
                                                            </h5>

                                                        </div>
                                                        <!-- Başlık ve Buton -->

                                                        <!-- Servis Giriş Detayları Başlangıç -->

                                                        <!-- Default Table -->
                                                        <table class="table small">
                                                            <thead>
                                                                <tr>
                                                                    <th scope="col" width="50%">Ürün Adı</th>
                                                                    <th scope="col" class="text-end" width="15%">B.
                                                                        Fiyatı</th>
                                                                    <th scope="col" class="text-center"
                                                                        width="10%">Miktar</th>
                                                                    <th scope="col" class="text-end" width="12%">
                                                                        Tutar</th>
                                                                    <th scope="col" class="text-center"
                                                                        width="12%">İşlem</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr>
                                                                    <th style="vertical-align: middle;">Hp 35A - CB435A -
                                                                        36A - CB436A -85A - CE285A Universal Muadil Toner
                                                                        2.0K</th>
                                                                    <td style="vertical-align: middle;" class="text-end">
                                                                        <input type="text" name="it"
                                                                            class="form-control" value="175,00"
                                                                            style="text-align: right;">
                                                                    </td>
                                                                    <td style="vertical-align: middle;"
                                                                        class="text-center"><input type="text"
                                                                            name="it" class="form-control"
                                                                            value="1" style="text-align: center;">
                                                                    </td>
                                                                    <td style="vertical-align: middle;"
                                                                        class="text-end fw-bold">
                                                                        175,00 TL</td>
                                                                    <td style="vertical-align: middle;"
                                                                        class="text-center">
                                                                        <button type="button"
                                                                            class="btn btn-primary btn-sm"><i
                                                                                class="bi bi-check-all"></i></button>
                                                                        <button type="button"
                                                                            class="btn btn-danger btn-sm"><i
                                                                                class="bi bi-trash"></i></button>
                                                                    </td>
                                                                </tr>

                                                            </tbody>
                                                        </table>
                                                        <!-- End Default Table Example -->

                                                        <!-- Servis Giriş Detayları Başlangıç -->


                                                    </div>
                                                </div>

                                            </div>

                                            <div class="col-xl-3 mb-0 ms-auto">

                                                <div class="card">
                                                    <div class="card-body profile-card pt-3">
                                                        <!-- Başlık ve Buton -->
                                                        <div
                                                            class="d-flex flex-row justify-content-between align-items-center mb-3">

                                                        </div>

                                                        <!-- Başlık ve Buton -->

                                                        <!-- Servis Giriş Detayları Başlangıç -->
                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-5 col-form-label text-dark text-end fw-bold">Ara
                                                                Toplam</label>
                                                            <div class="col-sm-7">
                                                                <input type="text" name="it" class="form-control"
                                                                    disabled>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-5 col-form-label text-dark text-end fw-bold">KDV</label>
                                                            <div class="col-sm-7">
                                                                <input type="text" name="it" class="form-control"
                                                                    disabled>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <label for="it"
                                                                class="col-sm-5 col-form-label text-dark text-end fw-bold">Genel
                                                                Toplam</label>
                                                            <div class="col-sm-7">
                                                                <input type="text" name="it" class="form-control"
                                                                    disabled>
                                                            </div>
                                                        </div>



                                                        <!-- Servis Giriş Detayları Başlangıç -->


                                                    </div>
                                                </div>

                                            </div>

                                        </div>
                                    </section>

                                </div>

                                <div class="tab-pane fade profile-edit" id="sms">
                                    <div class="mb-2">
                                        <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#smsgonder">
                                            <i class="bi bi-messenger"></i> SMS Gönder
                                        </button>

                                        <!-- SMS Gönder Modal-->
                                        <div class="modal fade" id="smsgonder" tabindex="-1">
                                            <div class="modal-dialog modal-lg">
                                                <div class="modal-content">
                                                    <form action="" method="POST">
                                                        @csrf
                                                        <div class="modal-header">
                                                            <h5 class="modal-title text-success fw-bold">SMS Gönder</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">GSM No</label>
                                                                <div class="col-sm-9">
                                                                    <label for="it"
                                                                        class="col-form-label fw-bold">0553 880
                                                                        5353</label>
                                                                </div>
                                                            </div>

                                                            <div class="row mb-3">
                                                                <label for="gridCheck"
                                                                    class="col-sm-3 col-form-label fw-bold">Borç Bilgisi
                                                                    Ekle</label>
                                                                <div class="col-sm-9">
                                                                    <input class="form-check-input align-middle"
                                                                        type="checkbox" id="gridCheck">
                                                                </div>
                                                            </div>


                                                            <div class="row mb-3">
                                                                <label for="it"
                                                                    class="col-sm-3 col-form-label fw-bold">Mesaj
                                                                    Metni</label>
                                                                <div class="col-sm-9">
                                                                    <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-cursor-fill"></i>
                                                                Gönder</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- SMS Gönder Modal-->

                                    </div>
                                    <section class="section profile">
                                        <div class="row">
                                            <div class="col-xl-12">

                                                <div class="card">
                                                    <div class="card-body profile-card pt-3">
                                                        <!-- Başlık ve Buton -->
                                                        <div
                                                            class="d-flex flex-row justify-content-between align-items-center mb-3">
                                                            <h5 class="card-title text-success fw-bold mb-0">SMS Geçmişi
                                                            </h5>

                                                        </div>
                                                        <!-- Başlık ve Buton -->

                                                        <!-- Servis Giriş Detayları Başlangıç -->

                                                        <!-- Default Table -->
                                                        <div class="table-responsive small">
                                                            <table class="table table-striped" id="dataTables">
                                                                <thead>
                                                                    <tr>
                                                                        <th scope="col">Gönderim Tarih</th>
                                                                        <th scope="col">Gönderim Saati</th>
                                                                        <th scope="col">Gönderi İçeriği</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td style="vertical-align: middle;">27.11.2024</td>
                                                                        <td style="vertical-align: middle;">15:52</td>
                                                                        <td style="vertical-align: middle;">Sayın Grimax
                                                                            Bilişim Borcunuz 175,00 TL görünmektedir. lütfen
                                                                            ödemenizi en kısa sürede yapmanızı rica ederiz.
                                                                        </td>
                                                                    </tr>

                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <!-- End Default Table Example -->

                                                        <!-- Servis Giriş Detayları Başlangıç -->


                                                    </div>
                                                </div>

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

                                </div>

                            </div>


                        </div>
                    </div>

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

    </main>
@endsection