@extends('admin.pages.build')
@section('title','Ürün Ekle')
@push('css')
    <link href="/panel/assets/plugins/select2/select2.min.css" rel="stylesheet" />
    <link href="/panel/assets/plugins/tabs/style.css" rel="stylesheet" />
    <link href="/panel/assets/plugins/fileupload/css/fileupload.css" rel="stylesheet" type="text/css" />
    <link href="/panel/assets/plugins/wysiwyag/richtext.css" rel="stylesheet" />
@endpush
@section('content')
    <form id="mainForm" action="{{ route('admin.products.store') }}" method="post" enctype="multipart/form-data">@csrf
        <div class="row">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Ürün Ekle</h3>
                    </div>
                    <div class="card-body">
                        <div class="panel panel-primary">
                            <div class="tab_wrapper first_tab">
                                <ul class="tab_list">
                                    @foreach($languages as $locale => $lang)
                                        <li>{{ $lang }}</li>
                                    @endforeach
                                </ul>
                                <div class="content_wrapper">
                                    @foreach($languages as $locale => $lang)
                                        <div class="tab_content @if(array_key_first($languages) == $locale) active @endif">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="form-label">Ürün Adı ({{ $lang }})</label>
                                                        <input type="text" class="form-control" name="name[{{ $locale }}]">
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="form-label">Ürün Kısa Açıklaması ({{ $lang }})</label>
                                                        <textarea class="form-control" name="short_description[{{ $locale }}]"></textarea>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="form-label">Ürün Açıklaması ({{ $lang }})</label>
                                                        <textarea class="content-{{ $locale }}" name="description[{{ $locale }}]"></textarea>
                                                    </div>
                                                </div>
                                                @if(array_key_first($languages) == $locale)
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label class="form-label">Görüntülenme Sırası</label>
                                                            <input type="number" class="form-control" name="rank">
                                                        </div>
                                                    </div>
                                                @endif
                                                @if(array_key_first($languages) == $locale)
{{--                                                    <div class="col-md-12">--}}
{{--                                                        <div class="form-group">--}}
{{--                                                            <label class="form-label">Ürün Kategorisi</label>--}}
{{--                                                            <select class="form-control select2-show-search" name="category_id">--}}
{{--                                                                <option value="0">Yok</option>--}}
{{--                                                                @foreach($categories as $category)--}}
{{--                                                                    <option value="{{ $category->id }}">{{ $category->name }}</option>--}}
{{--                                                                @endforeach--}}
{{--                                                            </select>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                    <div class="col-md-12">--}}
{{--                                                        <div class="form-group">--}}
{{--                                                            <label class="form-label">Ürün Fiyatı</label>--}}
{{--                                                            <input type="number" class="form-control" name="price">--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label class="form-label">Durum</label>
                                                            <select class="form-control custom-select select2" name="status">
                                                                <option value="1">Açık</option>
                                                                <option value="0">Kapalı</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                @endif
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="form-label">Meta Başlığı ({{ $lang }})</label>
                                                        <input type="text" class="form-control" name="meta_title[{{ $locale }}]">
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="form-label">Meta Anahtar Kelimeler ({{ $lang }})</label>
                                                        <input type="text" class="form-control" name="meta_keywords[{{ $locale }}]">
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="form-label">Meta Açıklaması ({{ $lang }})</label>
                                                        <textarea class="form-control" name="meta_description[{{ $locale }}]"></textarea>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <button type="submit" class="btn btn-success">Kaydet</button>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Ürün Kapak Görseli <span class="text-danger">(Zorunlu)</span></h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-12 col-sm-12">
                                <input type="file" class="dropify" data-height="250" name="images[]" multiple/>
                            </div>
                            <div class="col-lg-12 col-sm-12">
                                <input type="file" class="dropify" data-height="250" name="bg"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection
@push('js')
    <script src="/panel/assets/plugins/select2/select2.full.min.js"></script>
    <script src="/panel/assets/js/select2.js"></script>
    <script src="/panel/assets/plugins/tabs/jquery.multipurpose_tabcontent.js"></script>
    <script src="/panel/assets/js/tabs.js"></script>
    <script src="/panel/assets/plugins/fileupload/js/dropify.js"></script>
    <script src="/panel/assets/js/filupload.js"></script>
    <script src="/panel/assets/plugins/wysiwyag/jquery.richtext.js"></script>
    <script>
        $(function(e) {
            $('.content').richText();
            @foreach($languages as $locale => $lang)
                $('.content-{{ $locale }}').richText();
            @endforeach
        });
    </script>
@endpush