@section('cars-basic')

<div class="row m-0 justify-content-center">
    <div class="col-12">
        <h4>Informasi Dasar</h4>
    </div>
    <div class="form-group col-12 col-md-8 mb-3">
        <label class="col-form-label">Nama Produk/Mobil</label>
        <input readonly type="text" name="name" id="name" class="form-control "
            value="">
        <small class="form-text text-danger" id="name_error"></small>
    </div>
    <div class="form-group col-12 col-md-4 mb-3">
        <label class="col-form-label">Kondisi</label>
        <select name="condition" id="condition" onchange="ShowForm()" class="form-control ">
            <option value="baru">
                Baru</option>
            <option value="bekas">
                Bekas</option>
        </select>
        <small class="form-text text-danger" id="condition_error"></small>
    </div>

    <div class="form-group col-md-4 mb-3">
        <label class="col-form-label">Merk</label>
        <select name="brand_id" onchange="GetListCartype()" id="brand_id" class="form-control select2"
            style="width: 100%;">
            <option value=""></option>
            @foreach ($brands as $id => $name)
                <option value="{{ $id }}">
                    {{ $name }}</option>
            @endforeach

        </select>
        <small class="form-text text-danger" id="brand_id_error"></small>
    </div>

    <div class="form-group mb-3 col-md-4 mb-3">
        <label class="col-form-label">Type</label>
        <select name="car_type_id" id="car_type_id" class="form-control select2" style="width: 100%;"
            onchange="GetListCarvarian()">
            @if (isset($car_types))
                @foreach ($car_types as $id => $name)
                    <option value="{{ $id }}">
                        {{ $name }}</option>
                @endforeach
            @endif

        </select>
        <small class="form-text text-danger" id="car_type_id_error"></small>
    </div>

    <div class="form-group mb-3 col-md-4 mb-3">
        <label class="col-form-label">Varian</label>
        <select name="varian_id" id="varian_id" class="form-control  select2" style="width: 100%;"
            onchange="createProductName()">
            @if (isset($car_varians))
                @foreach ($car_varians as $id => $name)
                    <option value="{{ $id }}">
                        {{ $name }}</option>
                @endforeach
            @endif
        </select>
        <small class="form-text text-danger" id="varian_id_error"></small>
    </div>
    <hr>

    <div class="col-12">
        <hr />
        <h4>Spesifikasi</h4>
    </div>

    <div class="row col-12 p-0">

        <div class="form-group col-12 col-md-6 mb-3">
            <label class="col-form-label">Transmisi</label>
            <select name="transmisi" id="transmisi" class="form-control " onchange="createProductName()">
                <option value="">--Pilih--</option>
                @foreach ($transmisi as $name)
                    <option value="{{ $name }}">
                        {{ $name }}</option>
                @endforeach
            </select>
            <small class="form-text text-danger" id="transmisi_error"></small>
        </div>

        <div class="form-group col-12 col-md-6 mb-3">
            <label class="col-form-label">Tahun Pembuatan</label>
            <input type="number" min="1950" max="{{ now()->format('Y') }}" name="tahun_pembuatan"
                id="tahun_pembuatan" class="form-control numberYear">
            <small class="form-text text-danger" id="tahun_pembuatan_error"></small>
        </div>

        <div class="form-group col-12 col-md-6 mb-3">
            <label class="col-form-label">Bahan Bakar</label>
            <select name="jenis_bahan_bakar" id="jenis_bahan_bakar" class="form-control  ">
                <option value="">--Pilih--</option>
                @foreach ($bahan_bakar as $name)
                    <option value="{{ $name }}">
                        {{ $name }}</option>
                @endforeach
            </select>
            <small class="form-text text-danger" id="jenis_bahan_bakar_error"></small>
        </div>

        <div class="form-group col-12 col-md-6 mb-3">
            <label class="col-form-label">Kapasitas Mesin</label>
            <select name="kapasitas_mesin" id="kapasitas_mesin" class="form-control">
                <option value="">--Pilih--</option>
                @foreach ($kapasitas_mesin as $name)
                    <option value="{{ $name }}">
                        {{ $name }}</option>
                @endforeach
            </select>
            <small class="form-text text-danger" id="kapasitas_mesin_error"></small>
        </div>

        <div class="form-group col-md-6 mb-3 form-baru">
            <label class="col-form-label">Stok</label>
            <input type="number" min="0" name="stock" id="stock" class="form-control"
                value="">
            <small class="form-text text-danger" id="stock_error"></small>
        </div>


        <div class="form-group col-12 col-md-6 mb-3 form-bekas" style="display: none" id="Jarak">
            <label class="col-form-label">Jarak Tempuh</label>
            <select name="jarak_tempuh_saat_ini" id="jarak_tempuh_saat_ini" class="form-control ">
                <option value="">--Pilih--</option>
                @foreach ($jarak_tempuh as $name)
                    <option value="{{ $name }}">
                        {{ $name }}</option>
                @endforeach
            </select>
            <small class="form-text text-danger" id="jarak_tempuh_saat_ini_error"></small>
        </div>
{{--

        <div class="form-group col-12 col-md-6 mb-3 form-bekas" style="display: none" id="Kredit_Lunas">
            <label class="col-form-label">Sudah Lunas/Masih Kredit</label>
            <select name="masih_kredit" id="masih_kredit" class="form-control ">
                <option value="">
                    --Pilih--</option>
                <option value="0">
                    Sudah Lunas</option>
                <option value="1">
                    Masih Kredit</option>
            </select>
            <small class="form-text text-danger" id="masih_kredit_error"></small>
        </div> --}}


        <div class="form-group col-12 col-md-6 mb-3 form-bekas" id="Warna" style="display: none">
            <label class="col-form-label">Warna</label>
            <select name="warna" id="warna" class="form-control ">
                <option value="">--Pilih--</option>
                @foreach ($warna as $name)
                    <option value="{{ $name }}">
                        {{ $name }}</option>
                @endforeach
            </select>
            <small class="form-text text-danger" id="warna_error"></small>
        </div>

        <div id="Jumlah_pemilik" class="form-group col-12 col-md-6 mb-3 form-bekas" style="display: none">
            <label class="col-form-label">Kepemilikan</label>
            <select name="jumlah_pemilik" id="jumlah_pemilik" class="form-control ">
                <option value="1">
                    Ke 1</option>
                <option value="2">
                    Ke 2</option>
                <option value="3">
                    Ke 3</option>
                <option value="4">
                    Ke 4</option>
                <option value="5">
                    Ke 5</option>
            </select>
            <small class="form-text text-danger" id="jumlah_pemilik_error"></small>
        </div>


        <div class="form-group col-12 col-md-6 mb-3 form-bekas" style="display: none" id="Faktur">
            <label class="col-form-label">Ada Faktur?</label>
            <select name="ada_faktur" id="ada_faktur" class="form-control  ">
                <option value="0">
                    Tidak
                    Ada</option>
                <option value="1">
                    Ada
                </option>
            </select>
            <small class="form-text text-danger" id="ada_faktur_error"></small>
        </div>

        <div class="form-group col-12 col-md-6 mb-3 form-bekas" style="display: none" id="Registrasi">
            <label class="col-form-label">Jenis Registrasi</label>
            <select name="jenis_registrasi" id="jenis_registrasi" class="form-control ">
                <option value="">--Pilih--</option>
                @foreach ($tipe_registrasi as $name)
                    <option value="{{ $name }}">
                        {{ $name }}</option>
                @endforeach
            </select>
            <small class="form-text text-danger" id="jenis_registrasi_error"></small>
        </div>

        <div class="form-group col-12 col-md-6 mb-3 form-bekas" style="display: none" id="Stnk_Berlaku">
            <label class="col-form-label">STNK Berlaku s/d</label>
            <input readonly type="text" name="masa_berlaku_stnk" id="masa_berlaku_stnk"
                class="form-control  datepicker-year"
                value="{{ old('masa_berlaku_stnk', $edit ? tglDbToPhp($product->masa_berlaku_stnk) : '') }}">
            <small class="form-text text-danger" id="masa_berlaku_stnk_error"></small>
        </div>
{{--
        <div class="form-group col-12 col-md-6 mb-3 form-bekas" style="display: none" id="WP">
            <label class="col-form-label">Waranty Plus?</label>
            <input type="text" name="nomor_rangka" id="nomor_rangka" class="form-control"
                placeholder="Masukkan Nomor Rangka" autocomplete="off">
            <small class="form-text text-danger" id="no_rangka_error"></small>
            <small class="form-text text-muted" id="no_rangka_loading"></small>
            <small class="form-text text-success" id="no_rangka_success"></small>
        </div>

        <div class="form-group col-12 mb-3 form-bekas p-0" style="display: none">
            <div class="col-12 col-md-6">
                <label class="col-form-label">Nomor Polisi</label>
                <input type="text" name="no_polisi" id="no_polisi" class="form-control form-control-sm"
                    value="" placeholder="XX 9999">
            </div>
        </div> --}}
        @include('admin.widget.warrantyCheckForm')
    </div>
</div>


@endsection