@extends('admin.layout.layout')

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

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

            <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#yenimusteriservisgir">
                <i class="bi bi-plus-lg"></i> Yeni Müşteriye Servis Kaydı Gir
            </button>

            <button type="button" class="btn btn-danger btn-sm" data-bs-toggle="modal"
                data-bs-target="#kayitlimusteriservisgir">
                <i class="bi bi-plus-lg"></i> Kayıtlı Müşteriye Servis Kaydı Gir
            </button>

            <!-- Yeni Müşteri Satış Gir Modal Kodu-->
            <div class="modal fade" id="yenimusteriservisgir" 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 Müşteri 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">Müşteri Grup</label>
                                    <div class="col-sm-9">
                                        <select class="form-select" aria-label="Default select example">
                                            <option selected>Müşteri Grubunu Seçiniz.</option>
                                            <option value="1">Son Kullanıcı</option>
                                            <option value="2">Bayi</option>
                                            <option value="3">Kurumsal Firma</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">İsmi / Unvanı</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">E-Posta</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">Yetkili Kişi</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">GSM</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">Sabit Tel</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">Adres</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">Vergi Dairesi</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">Vergi No</label>
                                    <div class="col-sm-9">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>


                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i
                                        class="bi bi-reply"></i>
                                    Kapat</button>
                                <button type="submit" class="btn btn-success"><i class="bi bi-check-all"></i>
                                    Kaydet</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Yeni Müşteri Satış Gir Modal Kodu-->

            <!-- Kayıtlı Müşteriye Satış Gir Modal-->
            <div class="modal fade" id="kayitlimusteriservisgir" 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">Müşteri Arama</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">
                                    <div class="col-sm-12">
                                        <input type="text" name="it" class="form-control"
                                            placeholder="Servis kaydı yapacağınız müşteri ya da tedarikçiyi bulun">
                                    </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>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Kayıtlı Müşteriye Satış Gir Modal-->

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

        <!-- Müşteri Rapor Ekranı -->
        <section class="section dashboard">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <!-- KAYIT ALINDI -->
                        <div class="col-xxl-2 col-md-6">
                            <div class="card info-card sales-card"
                                style="background-color: rgb(9, 161, 4); color: white;"><a
                                    href="{{ route('urundetay') }}">
                                    <div class="card-body">
                                        <h5 class="card-title text-light text-center fw-bold">KAYIT ALINDI</h5>
                                        <div class="d-flex justify-content-center align-items-center">
                                            <div>
                                                <h6 class="text-light">5</h6>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- KAYIT ALINDI -->

                        <!-- SERVİSE ALINAN -->
                        <div class="col-xxl-2 col-md-6">
                            <div class="card info-card sales-card"
                                style="background-color: rgb(5, 46, 180); color: white;"><a
                                    href="{{ route('urundetay') }}">
                                    <div class="card-body">
                                        <h5 class="card-title text-light text-center fw-bold">PERSONELE ATANAN</h5>
                                        <div class="d-flex justify-content-center align-items-center">
                                            <div>
                                                <h6 class="text-light">5</h6>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- SERVİSE ALINAN -->

                        <!-- PARÇA BEKLİYOR -->
                        <div class="col-xxl-2 col-md-6">
                            <div class="card info-card sales-card"
                                style="background-color: rgb(197, 194, 8); color: white;">
                                <a href="{{ route('urundetay') }}">
                                    <div class="card-body">
                                        <h5 class="card-title text-light text-center fw-bold">İPTAL EDİLEN</h5>
                                        <div class="d-flex justify-content-center align-items-center">
                                            <div>
                                                <h6 class="text-light">5</h6>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- PARÇA BEKLİYOR -->

                        <!-- DIŞ SERVİSTE -->
                        <div class="col-xxl-2 col-md-6">
                            <div class="card info-card sales-card"
                                style="background-color: rgb(5, 46, 180); color: white;">
                                <a href="{{ route('urundetay') }}">
                                    <div class="card-body">
                                        <h5 class="card-title text-light text-center fw-bold">TAMAMLANAN</h5>
                                        <div class="d-flex justify-content-center align-items-center">
                                            <div>
                                                <h6 class="text-light">5</h6>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- DIŞ SERVİSTE -->

                        <!-- HAZIR -->
                        <div class="col-xxl-2 col-md-6">
                            <div class="card info-card sales-card"
                                style="background-color: rgb(49, 31, 131); color: white;">
                                <a href="{{ route('urundetay') }}">
                                    <div class="card-body">
                                        <h5 class="card-title text-light text-center fw-bold">MUHASEBELENDİ</h5>
                                        <div class="d-flex justify-content-center align-items-center">
                                            <div>
                                                <h6 class="text-light">5</h6>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- HAZIR -->

                        <!-- TESLİM EDİLDİ -->
                        <div class="col-xxl-2 col-md-6">
                            <div class="card info-card sales-card"
                                style="background-color: rgb(9, 161, 4); color: white;">
                                <a href="{{ route('urundetay') }}">
                                    <div class="card-body">
                                        <h5 class="card-title text-light text-center fw-bold">ARŞİVLENEN</h5>
                                        <div class="d-flex justify-content-center align-items-center">
                                            <div>
                                                <h6 class="text-light">5</h6>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- TESLİM EDİLDİ -->

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



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

                <!-- Left side columns -->
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title fw-bold">Tüm Kayıtlar</h5>

                            <!-- Table with stripped rows -->
                            <div class="table-responsive small">
                                <table class="table table-striped small" id="dataTables">
                                    <thead>
                                        <tr>
                                            <th scope="col" style="vertical-align: middle;">
                                                Takip No</th>
                                            <th scope="col" style="vertical-align: middle;">
                                                Müşteri</th>
                                            <th scope="col" style="vertical-align: middle;">
                                                Giriş Tarihi</th>
                                            <th scope="col" style="vertical-align: middle;">
                                                Şikayeti</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-center">
                                                Sorumlu Personel</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-center">
                                                Durumu</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="vertical-align: middle;" class="fw-bold">
                                                <a title="Servis Detayına Git" href="{{ route('servisdetay') }}">1453</a>
                                            </td>
                                            <td style="vertical-align: middle;" class="fw-bold">
                                                <a title="Müşteri Ekranına Git" href="{{ route('musteridetay') }}">Grimax
                                                    Bilişim Turz. Gıda İnş. Tem.
                                                    San.
                                                    Tic. Ltd. Şti.</a>
                                            </td>
                                            <td style="vertical-align: middle;">
                                                19.11.2024 10:17
                                            </td>
                                            <td style="vertical-align: middle;">
                                                Elektrik Alıyor ama görüntü vermiyor
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center">
                                                Dursun Ali GÜÇLÜ
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center">
                                                <span class="badge bg-danger d-inline-block fw-bold fs-6">Kayıt Alındı
                                                </span>
                                            </td>
                                        </tr>

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

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

    </main>
@endsection