@extends('admin.layout.layout')

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

        <div class="pagetitle">

            <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#yeniaracekle">
                <i class="bi bi-plus-lg"></i> Yeni Araç Ekle
            </button>

            <a href="{{ route('aracgruplari') }}" class="btn btn-danger btn-sm"><i class="bi bi-people-fill"></i> Araç Grupları</a>

            <button class="btn btn-warning btn-sm dropdown-toggle" type="button" id="dropdownMenuButton"
                data-bs-toggle="dropdown" aria-expanded="false">
                <i class="bi bi-graph-up"></i> Raporlar
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <li><a class="dropdown-item" href="#"><i class="bi bi-list"></i> KM Raporu</a>
                </li>
                <li><a class="dropdown-item" href="#"><i class="bi bi-list"></i> Yakıt Raporu</a></li>
                <li><a class="dropdown-item" href="#"><i class="bi bi-list"></i> Muayene Raporu</a></li>
                <li><a class="dropdown-item" href="#"><i class="bi bi-list"></i> Bakım Raporu</a></li>
            </ul>


            <!-- Yeni Araç Ekle Modal-->
            <div class="modal fade" id="yeniaracekle" 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 Araç 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">Araç Plaka</label>
                                    <div class="col-sm-9">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="arac_marka" class="col-sm-3 col-form-label fw-bold">Marka</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">Model</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">Model Yılı</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">Renk</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">Ruhsat Seri No</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">Aidiyet Durumu</label>
                                    <div class="col-sm-3">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="">Lütfen Seçiniz...</option>
                                            <option value="Kiralık">Kiralık</option>
                                            <option value="Özmal">Özmal</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="arac_marka" class="col-sm-3 col-form-label fw-bold">Vites</label>
                                    <div class="col-sm-3">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="">Manuel</option>
                                            <option value="Otomatik">Otomatik</option>
                                            <option value="Triptonik">Triptonik</option>
                                        </select>
                                    </div>
                                    <label for="arac_plaka" class="col-sm-3 col-form-label fw-bold">Araç Sınıfı</label>
                                    <div class="col-sm-3">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="Otomobil">Otomobil</option>
                                            <option value="Panelvan">Panelvan</option>
                                            <option value="Minibüs">Minibüs</option>
                                            <option value="Traktör">Traktör</option>
                                            <option value="Motosiklet">Motosiklet</option>
                                            <option value="Kamyonet">Kamyonet</option>
                                            <option value="Kamyon">Kamyon</option>
                                            <option value="Arazi Taşıtı">Arazi Taşıtı</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="arac_marka" class="col-sm-3 col-form-label fw-bold">Yakıt Tipi</label>
                                    <div class="col-sm-3">
                                        <select class="form-select" aria-label="Default select example">
                                            <option value="Benzin">Benzin</option>
                                            <option value="Benzin & LPG">Benzin & LPG</option>
                                            <option value="Dizel">Dizel</option>
                                            <option value="Hybrid">Hybrid</option>
                                            <option value="Elektrik">Elektrik</option>
                                        </select>
                                    </div>
                                    <label for="arac_plaka" class="col-sm-3 col-form-label fw-bold">HGS Kodu</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control" name="arac_marka" id="arac_marka">
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">Garanti Tarihi</label>
                                    <div class="col-sm-9">
                                        <input type="date" name="it" class="form-control" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <label for="arac_marka" class="col-sm-3 col-form-label fw-bold">Bakım Tarihi</label>
                                    <div class="col-sm-3">
                                        <input type="date" class="form-control" name="arac_marka" id="arac_marka">
                                    </div>
                                    <label for="arac_plaka" class="col-sm-3 col-form-label fw-bold">Bakım Periyodu</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">Muayene Tarihi</label>
                                    <div class="col-sm-3">
                                        <input type="date" class="form-control" name="arac_marka" id="arac_marka">
                                    </div>
                                    <label for="arac_plaka" class="col-sm-3 col-form-label fw-bold">Egzoz Muayene
                                        Tarihi</label>
                                    <div class="col-sm-3">
                                        <input type="date" 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">Kasko Tarihi</label>
                                    <div class="col-sm-3">
                                        <input type="date" class="form-control" name="arac_marka" id="arac_marka">
                                    </div>
                                    <label for="arac_plaka" class="col-sm-3 col-form-label fw-bold">Sigorta Tarihi</label>
                                    <div class="col-sm-3">
                                        <input type="date" 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">K2 Belge
                                        Tarihi</label>
                                    <div class="col-sm-3">
                                        <input type="date" class="form-control" name="arac_marka" id="arac_marka">
                                    </div>
                                    <label for="arac_plaka" class="col-sm-3 col-form-label fw-bold">Lastik Ebatı</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">Kışlık Lastik
                                        Tarihi</label>
                                    <div class="col-sm-3">
                                        <input type="date" class="form-control" name="arac_marka" id="arac_marka">
                                    </div>
                                    <label for="arac_plaka" class="col-sm-3 col-form-label fw-bold">Yazlık Lastik
                                        Tarihi</label>
                                    <div class="col-sm-3">
                                        <input type="date" 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">KM Takibi</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">Akaryakıt
                                        Takibi</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">Notlar</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">Ruhsat Resmi</label>
                                    <div class="col-sm-9">
                                        <input class="form-control" type="file" id="formFile"
                                            accept="image/jpeg, image/png, image/gif">
                                    </div>
                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i
                                        class="bi bi-reply"></i>
                                    Kapat</button>
                                <button type="submit" class="btn btn-success"><i class="bi bi-check-all"></i>
                                    Kaydet</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Yeni Araç Ekle Modal-->

        </div><!-- End Page Title -->

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

                <!-- Left side columns -->
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">

                            <div class="pagetitle d-flex justify-content-between align-items-center">
                                <div class="col-sm-2 mt-3 mb-3 d-flex gap-2">
                                    <select class="form-select" aria-label="Default select example">
                                        <option selected>Tüm Araçlar</option>
                                        <option value="1">Kullanılan Araçlar</option>
                                        <option value="2">Kullanılmayan Araçlar</option>
                                    </select>
                                </div>

                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
                                    <label class="form-check-label" for="flexSwitchCheckDefault">Pasif Araçları Göster</label>
                                </div>
                            </div>


                            <!-- Table with stripped rows -->
                            <div class="table-responsive small">
                                <table class="table table-striped" id="dataTables">
                                    <thead>
                                        <tr>
                                            <th scope="col" style="vertical-align: middle;" width="10%">
                                                Plaka</th>
                                            <th scope="col" style="vertical-align: middle;" width="20%">
                                                Marka / Model</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-center"
                                                width="10%">
                                                Yıl</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-center"
                                                width="10%">
                                                Güncel KM</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-center"
                                                width="10%">
                                                Muayene</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-center"
                                                width="15%">
                                                Sigorta Bitiş Tarihi</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-center"
                                                width="15%">
                                                Kasko Bitiş Tarihi</th>
                                            <th scope="col" style="vertical-align: middle;" class="text-center"
                                                width="10%">
                                                Bakım</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="vertical-align: middle;" class="fw-bold">
                                                <a href="{{ route('aracdetay') }}">34 LB 3583</a>
                                            </td>
                                            <td style="vertical-align: middle;">
                                                Fiat / Doblo 1.6 Mjet Maxi
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center">
                                                2014
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center">
                                                140.000 KM
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center text-danger fw-bold">
                                                01.01.2025
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center text-danger fw-bold">
                                                01.01.2025
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center text-danger fw-bold">
                                                01.01.2025
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center text-danger fw-bold">
                                                3.500 KM Kaldı
                                            </td>
                                        </tr>

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

        </section>

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