@extends('backend.layouts.fix')
@section('content')
<div class="main-content app-content mt-0">
    <div class="side-app">

        <!-- CONTAINER -->
        <div class="main-container container-fluid">

            <!-- PAGE-HEADER -->
            <div class="page-header">
                <div>
                    <h1 class="page-title">Yeni Ürün</h1>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0);">Anasayfa</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Tüm Ürünler</li>
                    </ol>
                </div>
                <div class="ms-auto pageheader-btn">
                    <form action="{{route('insert_product_post')}}" method="POST" enctype="multipart/form-data">
                        @csrf

                    <button type="submit" class="btn btn-success btn-icon text-white me-2">
                        <span>
                            <i class="fe fe-check fa-spin"></i>
                        </span> Kaydet
                    </button>

                </div>
            </div>
            <!-- PAGE-HEADER END -->
	<!-- Row -->
<div class="row">
    <div class="col-lg-8 col-md-12">
        <div class="card">

            <div class="card-body p-6">
                <div class="panel panel-primary">

                    <div class="panel-body tabs-menu-body">

                        <div class="tab-content">

                            <!-- ********************************************************************************************************************************* -->
                            <!-- ********************************************************************************************************************************* -->
                            <!-- ********************************************************************************************************************************* -->


                            <!-- TEMEL BİGLİLER -->

                                <div class="col-md-12 col-lg-12">
									<div class="card">
										<div class="card-header">
											<h3 class="card-title"><i class="fe fe-edit-3"></i> Temel Bilgi</h3>
										</div>
										<div class="card-body">
											<div class="form-row">
												<div class="form-group col-md-12 mb-0">
													<div class="form-group">
                                                        <label class="form-label">Ürün Adı</label>
														<input type="text" class="form-control" required="required" name="product_title" id="name1" placeholder="Ürün Adı">
													</div>
												</div>

											</div>
                                            <div class="form-group">
                                                <label class="form-label">Stok Sayısı</label>
                                                <div class="input-group">
                                                    <input type="number" class="form-control" name="product_stok" value="0" placeholder="Ürünün Stoktaki Sayısı">
                                                    <span class="input-group-text btn btn-primary" disabled>/Ad</span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">Ürün Fiyatı</label>
                                                <div class="input-group">
                                                    <input type="number" name="product_price" class="form-control" value="0" placeholder="Ürün Fiyatı">
                                                    <span class="input-group-text btn btn-primary" disabled>₺</span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">İndirimli Fiyat</label>
                                                <div class="input-group">
                                                    <input type="number" class="form-control" name="product_indirim" value="0" placeholder="İndirimli Fiyatı">
                                                    <span class="input-group-text btn btn-primary" disabled>₺</span>

                                                </div>
                                                <p style="color: #ce5c5c; text-transform:uppercase">!! İndirimli fiyat girildiğinde ana ürün fiyatı yerine geçer. !!</p>
                                            </div>

                                            <hr>
											<div class="form-row">
												<div class="form-group col-md-6 mb-0">
													<div class="form-group">
                                                        <label class="form-label">Önizleme Görseli</label>
														<input type="file" id="images" name="product_image" class="form-control" >
													</div>
												</div>
												<div class="form-group col-md-6 mb-0">
													<div class="form-group">
                                                        <div id="preview"></div>
													</div>
												</div>
                                                <div class="form-group mb-0">
                                                    <label class="form-label">Galeriler</label>
                                                    <input type="file" name="images[]" class="form-control"  multiple>
                                                </div>
											</div>
                                            <hr>

													<div class="form-group">
                                                        <label class="form-label">Kısa Açıklama</label>
														<textarea name="product_ozet" class="form-control" maxlength="250" id="" cols="30" rows="5" placeholder="Ürününüz Hakkında Kısa Ön İzleme Açıklaması"></textarea>
													</div>
                                                    <div class="form-group">
                                                        <label class="form-label">Ürün Özelliği </label>
                                                        <textarea id="editor" rows="10" cols="10" name="product_compare"></textarea>
                                                        <div class="alert alert-warning">Lütfen, Liste Kullanın</div>
                                                    </div>
													<div class="form-group">
                                                        <label class="form-label">Açıklama</label>
                                                        <textarea id="editor1" name="product_desc"></textarea>
													</div>


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



                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card-header">
            <h3 class="card-title"><i class="fe fe-eye"></i> Ürün Görüntüleme Ayarları</h3>
        </div>
        <div class="row">
            <div class="col-md-6">
        <li class="list-group-item">
            Durum
            <div class="material-switch pull-right">
                <input id="someSwitchOptionSuccess1" name="product_status" type="checkbox">
                <label for="someSwitchOptionSuccess1" class="label-success"></label>
            </div>
        </li>
        <li class="list-group-item">
            Seçimimiz
            <div class="material-switch pull-right">
                <input id="someSwitchOptionSuccess2" name="product_bizim" type="checkbox">
                <label for="someSwitchOptionSuccess2" class="label-success"></label>
            </div>
        </li>
    </div>

        <div class="col-md-6">
        <li class="list-group-item">
        İndirimli
            <div class="material-switch pull-right">
                <input id="someSwitchOptionSuccess3" name="product_firsat" type="checkbox">
                <label for="someSwitchOptionSuccess3" class="label-success"></label>
            </div>
        </li>
        <li class="list-group-item">
            En İyi
            <div class="material-switch pull-right">
                <input id="someSwitchOptionSuccess4" name="product_encok" type="checkbox">
                <label for="someSwitchOptionSuccess4" class="label-success"></label>
            </div>
        </li>
    </div>
    </div>
    <br>
    <hr>
    <div class="card-header">
        <h3 class="card-title"><i class="fe fe-list"></i> Kategori Seç</h3>
    </div>

        <div class="form-group">
            <label class="form-label">Üst Kategoriler</label>
            <select class="form-control select2" name="topcat[]" required="required" data-placeholder="Üst Kategori" multiple>
                @foreach ($top as $takeTop)
                <option value="{{$takeTop->id}}">{{$takeTop->category_title}}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group">
            <label class="form-label">Alt Kategoriler</label>
            <select class="form-control select2" name="subcat[]" required="required" data-placeholder="Alt Kategori" multiple>
                @foreach ($sub as $takeSub)
                <option value="{{$takeSub->id}}">{{$takeSub->sub_title}}</option>
                @endforeach
            </select>
        </div>

        <hr>

        <div class="card-header">
            <h3 class="card-title"><i class="fe fe-sliders"></i> Ürün Özellik Ayarları</h3>
        </div>




            <div class="form-group">
                <label class="form-label">Özellik Seçiniz</label>
                <select style="width: 100%" class="form-control select2" name="varyant[]" required="required" data-placeholder="Ürün Varyantları" multiple>
                    @foreach (\App\Models\Setops::all() as $takeTop)


                    <option value="{{$takeTop->id}}">{{$takeTop->secenek_adi}}</option>
                    @endforeach
                </select>
            </div>


            <a href="{{route('urun_ozellik')}}" target="_blank" class="btn btn-primary w-100">Yeni Ürün Özelliği Ekle</a>
            <br>
            <hr>
            <div class="card-header">
                <h3 class="card-title"><i class="fe fe-folder"></i> Meta Ayarları</h3>
            </div>
            <div class="form-row">
                <div class="form-group col-md-12 mb-0">
                    <div class="form-group">
                        <label class="form-label">Meta Title</label>
                        <input type="text" class="form-control" name="meta_title" id="name1" placeholder="Meta Title">
                    </div>
                </div>

            </div>
            <div class="form-row">
                <div class="form-group col-md-12 mb-0">
                    <div class="form-group">
                        <label class="form-label">Meta Keywords</label>
                        <input type="text" class="form-control" name="meta_keyw" id="name1" placeholder="Meta Keywords">
                    </div>
                </div>

            </div>
            <div class="form-row">
                <div class="form-group col-md-12 mb-0">
                    <div class="form-group">
                        <label class="form-label">Meta Description</label>
                        <input type="text" class="form-control" name="meta_desc" id="name1" placeholder="Meta Description">
                    </div>
                </div>

            </div>
    </div>
</div>
</form>
    <!-- End Row -->
        </div>
        <!-- CONTAINER END -->
    </div>
</div>
@endsection