@extends('admin.layout.layout')

@section('content')
    <main id="main" class="main">
        <!-- Butonlar -->
        <div class="pagetitle">
            <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#urunekle">
                <i class="bi bi-plus-lg"></i> Yeni Ürün Ekle
            </button>

            <a href="{{ route('urunexcelyukle') }}" class="btn btn-warning btn-sm"><i
                    class="bi bi-justify"></i> Excelden Aktar</a>

            <a href="{{ route('depolar') }}" class="btn btn-danger btn-sm"><i
                    class="bi bi-truck"></i> Depolar</a>

            <!-- Ürün Ekle Modal-->
            <div class="modal fade" id="urunekle" 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 Ürün 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">Ürün Adı</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">Satış Birimi</label>
                                    <div class="col-sm-9">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="Adet">Adet</option>
                                            <option value="Ay">Ay</option>
                                            <option value="Bağ">Bağ</option>
                                            <option value="Bidon">Bidon</option>
                                            <option value="Boy">Boy</option>
                                            <option value="CC">CC</option>
                                            <option value="Cilt">Cilt</option>
                                            <option value="Cm">Cm</option>
                                            <option value="Cm2">Cm2</option>
                                            <option value="Çift">Çift</option>
                                            <option value="Çuval">Çuval</option>
                                            <option value="Dakika">Dakika</option>
                                            <option value="Dekar">Dekar</option>
                                            <option value="Desi">Desi</option>
                                            <option value="Deste">Deste</option>
                                            <option value="Dilim">Dilim</option>
                                            <option value="Dönem">Dönem</option>
                                            <option value="Düzine">Düzine</option>
                                            <option value="Galon">Galon</option>
                                            <option value="Gram">Gram</option>
                                            <option value="Gross">Gross</option>
                                            <option value="Grup">Grup</option>
                                            <option value="Gün">Gün</option>
                                            <option value="Hektar">Hektar</option>
                                            <option value="Ibc">Ibc</option>
                                            <option value="Karat">Karat</option>
                                            <option value="Kasa">Kasa</option>
                                            <option value="Kavanoz">Kavanoz</option>
                                            <option value="Kilogram">Kilogram</option>
                                            <option value="Kilometre">Kilometre</option>
                                            <option value="Kişi">Kişi</option>
                                            <option value="Koçan">Koçan</option>
                                            <option value="Koli">Koli</option>
                                            <option value="Kontör">Kontör</option>
                                            <option value="Kova">Kova</option>
                                            <option value="Kutu">Kutu</option>
                                            <option value="Kwat">Kwat</option>
                                            <option value="Kwh">Kwh</option>
                                            <option value="Libre">Libre</option>
                                            <option value="Litre">Litre</option>
                                            <option value="Makara">Makara</option>
                                            <option value="Metre">Metre</option>
                                            <option value="Metre2">Metre2</option>
                                            <option value="Metre3">Metre3</option>
                                            <option value="Metretül">Metretül</option>
                                            <option value="Mililitre">Mililitre</option>
                                            <option value="MiliMetre">MiliMetre</option>
                                            <option value="Mwh">Mwh</option>
                                            <option value="Paket">Paket</option>
                                            <option value="Palet">Palet</option>
                                            <option value="Porsiyon">Porsiyon</option>
                                            <option value="Puan">Puan</option>
                                            <option value="Rulo">Rulo</option>
                                            <option value="Saat">Saat</option>
                                            <option value="Saniye">Saniye</option>
                                            <option value="Sayfa">Sayfa</option>
                                            <option value="Seans">Seans</option>
                                            <option value="Servis">Servis</option>
                                            <option value="Set">Set</option>
                                            <option value="Sqft2">Sqft2</option>
                                            <option value="Sütun/Cm">Sütun/Cm</option>
                                            <option value="Şişe">Şişe</option>
                                            <option value="Tabaka">Tabaka</option>
                                            <option value="Takım">Takım</option>
                                            <option value="Teneke">Teneke</option>
                                            <option value="Tepsi">Tepsi</option>
                                            <option value="Test">Test</option>
                                            <option value="Tır">Tır</option>
                                            <option value="Ton">Ton</option>
                                            <option value="Torba">Torba</option>
                                            <option value="Ünite">Ünite</option>
                                            <option value="Varil">Varil</option>
                                            <option value="Viyol">Viyol</option>
                                            <option value="Yard">Yard</option>
                                            <option value="Yıl">Yıl</option>

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

                                <div class="row mb-3">
                                    <label for="arac_marka" class="col-sm-3 col-form-label fw-bold">Ürün Barkodu</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control" name="arac_marka" id="arac_marka">
                                    </div>
                                    <label for="arac_plaka" class="col-sm-3 col-form-label fw-bold">Ürün Kodu</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control" name="arac_plaka" id="arac_plaka">
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">Kategori</label>
                                    <div class="col-sm-9">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="Boş"> </option>
                                            <option value="Hazırlanıyor">Hazırlanıyor</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">Marka</label>
                                    <div class="col-sm-9">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="Boş"> </option>
                                            <option value="Hazırlanıyor">Hazırlanıyor</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="arac_marka" class="col-sm-3 col-form-label fw-bold">Satış Fiyatı</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control" name="arac_marka" id="arac_marka">
                                    </div>
                                    <label for="arac_plaka" class="col-sm-3 col-form-label fw-bold">Alış Fiyatı</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control" name="arac_plaka" id="arac_plaka">
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="arac_marka" class="col-sm-3 col-form-label fw-bold">Satış Kdv
                                        Oranı</label>
                                    <div class="col-sm-3">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="27">27</option>
                                            <option value="24">24</option>
                                            <option value="23">23</option>
                                            <option value="21">21</option>
                                            <option selected value="20">20</option>
                                            <option value="19">19</option>
                                            <option value="18">18</option>
                                            <option value="16">16</option>
                                            <option value="15">15</option>
                                            <option value="14">14</option>
                                            <option value="13">13</option>
                                            <option value="12,6">12,6</option>
                                            <option value="12">12</option>
                                            <option value="10">10</option>
                                            <option value="9">9</option>
                                            <option value="8">8</option>
                                            <option value="7">7</option>
                                            <option value="6">6</option>
                                            <option value="5,5">5,5</option>
                                            <option value="5">5</option>
                                            <option value="4">4</option>
                                            <option value="1">1</option>
                                            <option value="0">0</option>
                                        </select>
                                    </div>
                                    <label for="arac_plaka" class="col-sm-3 col-form-label fw-bold">Alış Kdv Oranı</label>
                                    <div class="col-sm-3">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="27">27</option>
                                            <option value="24">24</option>
                                            <option value="23">23</option>
                                            <option value="21">21</option>
                                            <option selected value="20">20</option>
                                            <option value="19">19</option>
                                            <option value="18">18</option>
                                            <option value="16">16</option>
                                            <option value="15">15</option>
                                            <option value="14">14</option>
                                            <option value="13">13</option>
                                            <option value="12,6">12,6</option>
                                            <option value="12">12</option>
                                            <option value="10">10</option>
                                            <option value="9">9</option>
                                            <option value="8">8</option>
                                            <option value="7">7</option>
                                            <option value="6">6</option>
                                            <option value="5,5">5,5</option>
                                            <option value="5">5</option>
                                            <option value="4">4</option>
                                            <option value="1">1</option>
                                            <option value="0">0</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="arac_marka" class="col-sm-3 col-form-label fw-bold">Satış Kdv
                                        Dahil Mi ?</label>
                                    <div class="col-sm-3">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="KDV Hariç">KDV Hariç</option>
                                            <option value="KDV Dahil">KDV Dahil</option>
                                        </select>
                                    </div>
                                    <label for="arac_plaka" class="col-sm-3 col-form-label fw-bold">Alış Kdv Dahil Mi
                                        ?</label>
                                    <div class="col-sm-3">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="KDV Hariç">KDV Hariç</option>
                                            <option value="KDV Dahil">KDV Dahil</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">Raf Yeri</label>
                                    <div class="col-sm-9">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="Boş"> </option>
                                            <option value="Hazırlanıyor">Hazırlanıyor</option>
                                        </select>
                                    </div>
                                </div>

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

                            </div>
                            <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>
            <!-- Ürün Ekle Modal-->

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

        <section class="section dashboard">
            <div class="row">

                <!-- Left side columns -->
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="col-sm-6 mt-3 mb-3 d-flex gap-2">
                                <select class="form-select" aria-label="Default select example">
                                    <option selected>Aktif Ürünler</option>
                                    <option value="1">Tüm Ürünler</option>
                                </select>

                                <select class="form-select" aria-label="Default select example">
                                    <option selected>Tüm Kategoriler</option>
                                    <option value="1">Hazırlanıyor</option>
                                </select>

                                <select class="form-select" aria-label="Default select example">
                                    <option selected>Tüm Markalar</option>
                                    <option value="1">Hazırlanıyor</option>
                                </select>
                            </div>

                            <!-- Table with stripped rows -->
                            <div class="table-responsive">
                                <table class="table table-striped" id="dataTables">
                                    <thead>
                                        <tr>
                                            <th scope="col" style="vertical-align: middle;" class="text-right"
                                                width="60%">
                                                Ürün Adı</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-center"
                                                width="15%">
                                                Satış Fiyatı</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-center"
                                                width="15%">
                                                Stok Miktarı</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="vertical-align: middle;" class="fw-bold">
                                                <a href="{{ route('urundetay') }}">Son Kullanıcı</a>
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center">
                                                5.600,00 TL
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center">
                                                1600 Adet
                                            </td>
                                        </tr>

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

        </section>

    </main><!-- End #main -->
@endsection