@extends('admin.app')
@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">Ürün Ekle</h2>
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Gösterge Paneli</a>
                                    </li>
                                    <li class="breadcrumb-item"><a href="{{route('admin-products')}}">Ürünler</a>
                                    </li>
                                    <li class="breadcrumb-item active">Ürün Ekle</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-body">
                    <!-- Form wizard with number tabs section start -->
                    <section>
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-content">
                                        <div class="card-body">
                                            <div class="number-tab-steps wizard wizard-circle">
                                                <div class="steps clearfix blabla">
                                                    <ul role="tablist">
                                                        <li role="tab" class="first {{ $currentPageId > 0 ? 'done' : 'current' }}">
                                                            <a href="{{ $currentPageId > 0 ? route('admin-add-product').'?'.($product->id != 0 ? 'operaton='.$product->id : '') : '#' }}">
                                                                <span class="step">1</span> İçerik
                                                            </a>
                                                        </li>

                                                        <li role="tab" class="{{ $currentPageId > 1 ? 'done' : ($currentPageId < 1 ? '' : 'current') }}">
                                                            <a href="{{ $product->id != 0 && $currentPageId != 1 ? route('admin-add-product').'?operaton='.$product->id.'&page=connections' : '#' }}">
                                                                <span class="step">2</span> Bağlantılar
                                                            </a>
                                                        </li>

                                                        <li role="tab" class="{{ $currentPageId > 2 ? 'done' : ($currentPageId < 2 ? '' : 'current') }}">
                                                            <a href="{{ $product->id != 0 && $currentPageId != 2 ? route('admin-add-product').'?operaton='.$product->id.'&page=extras' : '#' }}">
                                                                <span class="step">3</span> Ek Bilgiler
                                                            </a>
                                                        </li>

                                                        <li role="tab" class="{{ $currentPageId > 3 ? 'done' : ($currentPageId < 3 ? '' : 'current') }}">
                                                            <a href="{{ $product->id != 0 && $currentPageId != 3 ? route('admin-add-product').'?operaton='.$product->id.'&page=images' : '#' }}">
                                                                <span class="step">4</span> Görsel
                                                            </a>
                                                        </li>

                                                        <li role="tab" class="{{ $currentPageId < 4 ? '' : 'current' }} last">
                                                            <a href="{{ $product->id != 0 && $currentPageId != 4 ? route('admin-add-product').'?operaton='.$product->id.'&page=priew' : '#' }}">
                                                                <span class="step">5</span> Ürün
                                                            </a>
                                                        </li>

                                                    </ul>
                                                </div>

                                                @include('admin.product.add-partials.'.$currentPage)

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- Form wizard with number tabs section end -->
                </div>
            </div>
            <div class="content-body">

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

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    
    @endsection
@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/forms/wizard.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/forms/select/select2.min.css')}}">
@endsection
@section('js')
    <!-- BEGIN: Page Vendor JS-->
    <script src="{{asset('app-assets/vendors/js/ui/jquery.sticky.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/extensions/jquery.steps.min.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/forms/validation/jquery.validate.min.js')}}"></script>
    <!-- END: Page Vendor JS-->
    
    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/vendors/js/forms/select/select2.full.min.js')}}"></script>

    <script type="text/javascript">
    $('.select2').select2();

function formatRepo (repo) {
  if (repo.loading) {
    return '..';
  }

  var markup = "<div class='select2-result-repository clearfix'>" +
    "<div class='select2-result-repository__meta'>" +
      "<div class='select2-result-repository__title'>" + repo.brand_name + "</div></div></div>";

  return markup;
}
    function formatRepoSelection (repo) {
      return repo.brand_name;
    }
    </script>
@endsection