@extends('admin.layout.layout')

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

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

            <a href="#" class="btn btn-success btn-sm"><i class="bi bi-cloud-fill"></i> Teklif Kaydet</a>

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

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

        <!-- Bilgilendirme Tablo -->
        <section class="section">
            <div class="row">
                <!-- Sol Tablo -->
                <div class="col-lg-4">

                    <div class="card small">
                        <div class="card-body">
                            <h5 class="card-title text-primary fw-bold">Grimax Bilişim Turz. Gıda İnş. Tem. San. Tic. Ltd.
                                Şti.</h5>

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

                            <div class="row mb-3">
                                <label for="it" class="col-sm-4 col-form-label fw-bold">Teklif Tarih</label>
                                <div class="col-sm-8">
                                    <input type="date" name="it" class="form-control"
                                        value="{{ now()->format('Y-m-d') }}">
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="it" class="col-sm-4 col-form-label fw-bold">Geçerlilik</label>
                                <div class="col-sm-8">
                                    <input type="date" name="it" class="form-control">
                                </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>

                </div>
                <!-- Sol Tablo -->

                <!-- Sag Tablo -->
                <div class="col-lg-8">

                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title text-success fw-bold">Ürünler</h5>

                            <div class="row mb-3">

                                <div class="col-sm-12 mb-5">
                                    <!-- Arama Input -->

                                    <input id="searchInput" type="text" class="form-control"
                                        placeholder="Ürün İsminden Arayın veya Barkod Okutun">

                                    <ul id="searchResults" class="list-group mt-2">
                                        <!-- Arama sonuçları burada görünecek -->
                                    </ul>

                                </div>

                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead class="small">
                                            <tr>
                                                <th scope="col" style="vertical-align: middle;" class="text-center">
                                                    #</th>
                                                <th scope="col" style="vertical-align: middle;" class="text-right">
                                                    Açıklama</th>
                                                <th scope="col" style="vertical-align: middle;" class="text-center">
                                                    Miktar</th>
                                                <th scope="col" style="vertical-align: middle;" class="text-center">
                                                    Fiyat</th>
                                                <th scope="col" style="vertical-align: middle;" class="text-center">
                                                    Tutar</th>
                                                <th scope="col" style="vertical-align: middle;" class="text-center">
                                                    İndirim</th>
                                                <th scope="col" style="vertical-align: middle;" class="text-center">
                                                    Net</th>
                                                <th scope="col" style="vertical-align: middle;" class="text-center">
                                                    Kdv</th>
                                                <th scope="col" style="vertical-align: middle;" class="text-center">
                                                    Sil</th>
                                            </tr>
                                        </thead>
                                        <tbody class="small">
                                            <tr>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    1
                                                </td>
                                                <td style="vertical-align: middle;" class="text-right fw-bold">
                                                    <a href="{{ route('urundetay') }}">Hp 35A - CB435A - 36A - CB436A -85A
                                                        - CE285A Universal Muadil Toner 2.0K</a>
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    1 Adet
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    150,00
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    150,00
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    0,00
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    150,00 TL
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    %20
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    <a href="#" class="btn btn-danger btn-sm"><i
                                                            class="bi bi-trash"></i></a>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    2
                                                </td>
                                                <td style="vertical-align: middle;" class="text-right fw-bold">
                                                    <a href="{{ route('urundetay') }}">Hp 35A - CB435A - 36A - CB436A -85A
                                                        - CE285A Universal Muadil Toner 2.0K</a>
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    1 Adet
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    150,00
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    150,00
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    0,00
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    150,00 TL
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    %20
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    <a href="#" class="btn btn-danger btn-sm"><i
                                                            class="bi bi-trash"></i></a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    3
                                                </td>
                                                <td style="vertical-align: middle;" class="text-right fw-bold">
                                                    <a href="{{ route('urundetay') }}">Hp 35A - CB435A - 36A - CB436A -85A
                                                        - CE285A Universal Muadil Toner 2.0K</a>
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    1 Adet
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    150,00
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    150,00
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    0,00
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    150,00 TL
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    %20
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">
                                                    <a href="#" class="btn btn-danger btn-sm"><i
                                                            class="bi bi-trash"></i></a>
                                                </td>
                                            </tr>

                                        </tbody>
                                    </table>
                                </div>

                                <div class="d-flex justify-content-end small">
                                    <table class="table table-borderless w-50" style="margin: 0; padding: 0;">
                                        <tbody>
                                            <tr>
                                                <th class="fw-bold text-end" style="padding: 4px;">Toplam Miktar</th>
                                                <td class="fw-bold text-end" style="padding: 4px;">3 Adet</td>
                                            </tr>
                                            <tr>
                                                <th class="fw-bold text-end" style="padding: 4px;">Brüt Toplam</th>
                                                <td class="text-end" style="padding: 4px;">450,00 TL</td>
                                            </tr>
                                            <tr>
                                                <th class="fw-bold text-end" style="padding: 4px;">İndirim</th>
                                                <td class="text-end" style="padding: 4px;">0,00 TL</td>
                                            </tr>
                                            <tr>
                                                <th class="fw-bold text-end" style="padding: 4px;">Net Toplam</th>
                                                <td class="fw-bold text-end" style="padding: 4px;">450,00 TL</td>
                                            </tr>
                                            <tr>
                                                <th class="fw-bold text-end" style="padding: 4px;">KDV (%20)</th>
                                                <td class="text-end" style="padding: 4px;">90,00 TL</td>
                                            </tr>
                                            <tr>
                                                <th class="fw-bold text-end" style="padding: 4px;">TOPLAM</th>
                                                <td class="fw-bold text-end" style="padding: 4px;">540,00 TL</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>




                            </div>
                        </div>
                    </div>
                </div>
                <!-- Sag Tablo -->

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

    </main>
@endsection