@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ünler</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 active">Ürünler
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <section id="multiple-column-form">
                    <div class="row match-height">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Filtre</h4>
                                    <div class="buttons-group pull-right">
                                        <button data-toggle="modal" data-target="#bulk-price-edit"
                                                class="btn btn-md bg-gradient-info mb-2">Toplu Fiyat Düzenle
                                        </button>
                                        <button data-toggle="modal" data-target="#bulk-discount-edit"
                                                class="btn btn-md bg-gradient-success mb-2">Toplu İnidirim Oranı Düzenle
                                        </button>

                                        <button onclick="window.location.replace('{{route('admin-add-product')}}')"
                                                class="btn btn-md bg-gradient-primary mr-2 mb-2">Ürün Ekle
                                        </button>
                                    </div>
                                </div>
                                <div class="modal fade" id="bulk-price-edit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="bulk-price-editLabel">Toplu Fiyat Düzenle</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <span style="color:green;" id="bulk-price-form-success"></span>
                                                <form id="bulk-price-form">
                                                    {{csrf_field()}}
                                                    <input type="hidden" name="filters" value="{{json_encode($filters)}}">
                                                    <input type="hidden" name="selected" class="selecteds-input" value="">
                                                    <div class="form-group">
                                                        <select class="form-control" name="type">
                                                            <option value="percent">Yüzde</option>
                                                            <option value="value">Sabit</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <select class="form-control" name="product_type">
                                                            <option value="filters">Filtrelenen Tüm Ürünler</option>
                                                            <option value="selected">Sadece Seçili Ürünler</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <select class="form-control" name="price_type">
                                                            <option value="buying_price">Alış Fiyatı Üzerinden</option>
                                                            <option value="price">Satış Fiyatı Üzerinden</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="number" name="value" class="form-control" placeholder="Değer ( Düşürmek için rakamın başına - değeri koyunuz.)">
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Kapat</button>
                                                <button type="button" id="bulk-edit-price" class="btn btn-primary">Kaydet</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal fade" id="bulk-discount-edit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="bulk-discount-editLabel">Toplu İndirim Düzenle</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <span style="color:green;" id="bulk-p-form-success"></span>
                                                <form id="bulk-p-form">
                                                    {{csrf_field()}}
                                                    <input type="hidden" name="filters" value="{{json_encode($filters)}}">
                                                    <input type="hidden" name="selected" class="selecteds-input" value="">

                                                    <div class="form-group">
                                                        <select class="form-control" name="product_type">
                                                            <option value="filters">Filtrelenen Tüm Ürünler</option>
                                                            <option value="selected">Sadece Seçili Ürünler</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <select class="form-control" name="type">
                                                            <option value="percent">Yüzde</option>
                                                            <!-- <option value="value">Sabit</option> -->
                                                        </select>
                                                    </div>
                                                    <div class="row">
                                                        @foreach($customer_groups as $cg)
                                                            <div class="form-group col-6">
                                                                <label>{{$cg->group_name}}</label>
                                                                <input type="number" min="0" max="100" class="form-control" name="cg[{{$cg->id}}]">
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Kapat</button>
                                                <button type="button" id="bulk-edit-discount" class="btn btn-primary">Kaydet</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <form id="filter-form" class="form" action="{{route('admin-products')}}">
                                            <div class="form-body">
                                                <div class="row">
                                                    <div class="col-md-2 col-12">
                                                        <div class="form-label-group">
                                                            <input type="text" class="form-control"
                                                                   placeholder="Ürün Adı"
                                                                   value="{{isset($_GET['filter']['name']) ? $_GET['filter']['name'] : ''}}"
                                                                   name="filter[name]">
                                                            <label for="first-name-column">Ürün Adı</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-12">
                                                        <div class="form-label-group">
                                                            <input type="text" class="form-control"
                                                                   placeholder="Stok Kodu & Barkod"
                                                                   value="{{isset($_GET['filter']['stock_code']) ? $_GET['filter']['stock_code'] : ''}}"
                                                                   name="filter[stock_code]">
                                                            <label for="first-name-column">Stok Kodu & Barkod</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-12">
                                                        <div class="form-group">
                                                            <select class="select2 form-control"
                                                                    name="filter[category]">
                                                                <option value="">Kategori</option>
                                                                @foreach($categories as $category)
                                                                    <option @if(isset($_GET['filter']['category']) && $category->id == $_GET['filter']['category']) selected @endif
                                                                    value="{{$category->id}}">{{$category->name}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1 col-12">
                                                        <div class="form-group">
                                                            <select class="select2 form-control" name="filter[brand]">
                                                                <option value="">Marka</option>
                                                                @foreach($brands as $brand)
                                                                    <option value="{{$brand->id}}"
                                                                            @if(isset($_GET['filter']['brand']) && $_GET['filter']['brand'] == $brand->id) selected @endif >{{$brand->brand_name}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1 col-12">
                                                        <div class="form-label-group">
                                                            <select class="form-control" name="filter[status]">
                                                                <option value="">Durum</option>
                                                                <option value="active"
                                                                        @if(isset($_GET['filter']['status']) && $_GET['filter']['status'] == 'active') selected @endif >
                                                                    Aktif
                                                                </option>
                                                                <option value="passive"
                                                                        @if(isset($_GET['filter']['status']) && $_GET['filter']['status'] == 'passive') selected @endif >
                                                                    Pasif
                                                                </option>
                                                                <option value="template"
                                                                        @if(isset($_GET['filter']['status']) && $_GET['filter']['status'] == 'template') selected @endif >
                                                                    Taslak
                                                                </option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-12">
                                                        <div class="form-label-group">
                                                            <select class="form-control" name="filter[stock]">
                                                                <option value="">Stok</option>
                                                                <option value=">"
                                                                        @if(isset($_GET['filter']['stock']) && $_GET['filter']['stock'] == '>') selected @endif >
                                                                    Stokta Var
                                                                </option>
                                                                <option value="<="
                                                                        @if(isset($_GET['filter']['stock']) && $_GET['filter']['stock'] == '=<') selected @endif >
                                                                    Stokta Yok
                                                                </option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-12">
                                                        <div class="form-label-group">
                                                            <select class="form-control" name="filter[pagination]">
                                                                <option value="">Listeleme Sayısı</option>
                                                                <option value="20"
                                                                        @if(isset($_GET['filter']['pagination']) && $_GET['filter']['pagination'] == 20) selected @endif >
                                                                    20
                                                                </option>
                                                                <option value="100"
                                                                        @if(isset($_GET['filter']['pagination']) && $_GET['filter']['pagination'] == 100) selected @endif >
                                                                    100
                                                                </option>
                                                                <option value="500"
                                                                        @if(isset($_GET['filter']['pagination']) && $_GET['filter']['pagination'] == 500) selected @endif >
                                                                    500
                                                                </option>
                                                                <option value="1000"
                                                                        @if(isset($_GET['filter']['pagination']) && $_GET['filter']['pagination'] == 1000) selected @endif >
                                                                    1000
                                                                </option>
                                                            </select>
                                                        </div>
                                                        <input type="hidden" name="sort" id="input-sort" value="">
                                                    </div>
                                                </div>
                                                <div class="row pull-right">
                                                    <div class="btn-group">
                                                        <button type="submit" class="btn btn-md bg-gradient-info mb-1">
                                                            Gönder
                                                        </button>
                                                        <button type="button"
                                                                onclick="window.location.replace('{{route('admin-products')}}')"
                                                                class="btn btn-md bg-gradient-warning mb-1">Sıfırla
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Data list view starts -->
                <section id="data-list-view" class="data-list-view-header">

                    <div class="card">

                        <div class="card-content">
                            <div class="card-body">

                                <!-- Table with outer spacing -->
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th><input type="checkbox" class="select-product" id="select-all"></th>
                                            <th>Resim</th>
                                            <th>Kategori</th>
                                            <th>Stok Kodu</th>
                                            <th id="sort-name" @if(!empty($filters['sdata']['name'])) data-type="{{$filters['sdata']['name']}}" @else data-type="ASC" @endif onclick="sorter('name')">Ürün Adı @if(!empty($filters['sdata']['name'])) @if($filters['sdata']['name'] == 'DESC') <i class="fa fa-arrow-down"></i> @else <i class="fa fa-arrow-up"></i>  @endif @endif </th>
                                            <th id="sort-stock"  @if(!empty($filters['sdata']['stock'])) data-type="{{$filters['sdata']['stock']}}" @else data-type="ASC" @endif  onclick="sorter('stock')">Stok Adedi @if(!empty($filters['sdata']['stock'])) @if($filters['sdata']['stock'] == 'DESC') <i class="fa fa-arrow-up"></i> @else <i class="fa fa-arrow-down"></i>  @endif @endif </th>
                                            <th id="sort-buying_price"  @if(!empty($filters['sdata']['buying_price'])) data-type="{{$filters['sdata']['buying_price']}}" @else data-type="ASC" @endif  onclick="sorter('buying_price')">Gram @if(!empty($filters['sdata']['buying_price'])) @if($filters['sdata']['buying_price'] == 'DESC') <i class="fa fa-arrow-up"></i> @else <i class="fa fa-arrow-down"></i>  @endif @endif </th>

                                            <th>S.Fiyatı (KDV Dahil)</th>
                                            <th id="sort-status" @if(!empty($filters['sdata']['status'])) data-type="{{$filters['sdata']['status']}}" @else data-type="ASC" @endif onclick="sorter('status')">Durum @if(!empty($filters['sdata']['status'])) @if($filters['sdata']['status'] == 'DESC') <i class="fa fa-arrow-down"></i> @else <i class="fa fa-arrow-up"></i>  @endif @endif </th>
                                            <th>Aksiyon</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <form action="javascript:;" id="selected-products">
                                            @foreach($products as $product)
                                                <tr id="product-td-{{$product->id}}">
                                                    <td>
                                                        <input type="checkbox" class="select-product" name="product_selected[]" value="{{$product->id}}">
                                                    </td>
                                                    <th scope="row">
                                                        <div class="avatar mr-1 avatar-xl">
                                                            <img
                                                                    src="@if(isset($product->images) && count($product->images) >0) {{asset($product->images[0]->image_dest)}} @else {{asset('/app-assets/images/backgrounds/chat-bg-2.png')}} @endif"
                                                                    alt="avtar img holder">
                                                        </div>
                                                    </th>
                                                    <td id="category-p-{{$product->id}}" class="categories-td" data-id="{{$product->id}}" data-modal="#category-modal">
                                                        @foreach($product->categories as $k => $cat)
                                                            {{$cat->name}}@if(array_key_last(json_decode(json_encode($product->categories),true)) !== $k)
                                                                > @endif
                                                        @endforeach
                                                    </td>
                                                    <td>
                                                    <span class="stock_code-live-edit" data-type="stock_code"
                                                          id="stock_code-span-{{$product->id}}"
                                                          data-id="{{$product->id}}"> {{$product->stock_code}}</span> <input
                                                                class="form-control edit-stock_code-input" type="hidden"
                                                                value="{{$product->stock_code}}" name="stock_code"
                                                                id="stock_code-{{$product->id}}"
                                                                data-id="{{$product->id}}">

                                                    </td>
                                                    <td>
                                                     <span class="name-live-edit" data-type="name"
                                                           id="name-span-{{$product->id}}"
                                                           data-id="{{$product->id}}">{{$product->name}}</span> <input
                                                                class="form-control edit-name-input" type="hidden"
                                                                value="{{$product->name}}" name="name"
                                                                id="name-{{$product->id}}"
                                                                data-id="{{$product->id}}">

                                                    </td>
                                                    <td><span class="stock-live-edit" data-type="stock"
                                                              id="stock-span-{{$product->id}}"
                                                              data-id="{{$product->id}}">{{$product->stock}}</span> <input
                                                                class="form-control edit-stock-input" type="hidden"
                                                                value="{{$product->stock}}" name="stock"
                                                                id="stock-{{$product->id}}"
                                                                data-id="{{$product->id}}">
                                                    </td>

                                                    <td><span id="buying_price-span-{{$product->id}}"
                                                              data-type="buying_price"
                                                              data-id="{{$product->id}}">{{number_format(round($product->buying_price,2),2)}}</span>
                                                        <input
                                                                class="form-control" type="hidden"
                                                                value="{{number_format(round($product->buying_price,2),2)}}"
                                                                id="buying_price-{{$product->id}}"
                                                                data-id="{{$product->id}}" name="buying_price">
                                                    </td>

                                                    <td><span id="price-tax-include-span-{{$product->id}}"
                                                              data-type="price-tax-include"
                                                              data-id="{{$product->id}}">{{pricemio($product)['price']}}</span><input
                                                                class="form-control" type="hidden" name="price-tax-include"
                                                                data-tax="{{$product->tax_id}}"
                                                                value="{{number_format(round($product->price * (($product->tax_id + 100 )/ 100),2),2)}}"
                                                                id="price-tax-include-{{$product->id}}"
                                                                data-id="{{$product->id}}">
                                                    </td>
                                                    <td>@if($product->status == 'active')<label
                                                                class="btn btn-sm bg-gradient-success status-label"
                                                                id="status-label-{{$product->id}}" data-id="{{$product->id}}"
                                                                data-change="passive">Açık</label>@else <label
                                                                class="btn btn-sm bg-gradient-danger status-label"
                                                                id="status-label-{{$product->id}}" data-id="{{$product->id}}"
                                                                data-change="active">Kapalı</label> @endif</td>
                                                    <td>
                                                        <div class="btn-group">
                                                            <a href="{{route('admin-add-product')}}?operaton={{$product->id}}" target="_blank" class="btn btn-md btn-success" data-toggle="tooltip"
                                                               data-placement="top" title="Ürün Düzenle" ><i
                                                                        class="feather icon-edit" ></i></a>
                                                            <a href="{{asset(isset($product->uri->url) ? $product->uri->url : '#')}}" target="_blank" class="btn btn-md btn-info" data-toggle="tooltip"
                                                               data-placement="top" title="Sitede Görüntüle" ><i
                                                                        class="feather icon-eye" ></i></a>
                                                            <button type="button" class="btn btn-md btn-danger product-delete" data-toggle="tooltip"
                                                                    data-placement="top" data-id="{{$product->id}}" title="Ürünü Sil"><i
                                                                        class="feather icon-delete"></i></button>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </form>
                                        </tbody>
                                    </table>
                                    <div style="text-align: center">
                                        {{$products->appends(request()->query())->render()}} Toplam: {{$products->total()}} Kayıt
                                    </div>
                                </div>

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

                </section>
                <!-- Data list view end -->

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

    <div class="modal fade" id="category-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                </div>
                <div class="modal-body">
                    <form id="product-category">
                        {{csrf_field()}}
                        <input type="hidden" name="product_id" id="cat_modal_pid" value="">
                        <div class="col-12">
                            <div class="card collapse-icon accordion-icon-rotate">
                                <div class="card-header">
                                    <h4 class="card-title">Kategoriler</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="default-collapse collapse-bordered">
                                            @foreach($modal_categories as $category)
                                                <div class="card collapse-header">
                                                    <div id="headingCollapse1"
                                                         class="card-header"
                                                         data-toggle="collapse" role="button"
                                                         data-target="#collapse{{$category->id}}"
                                                         aria-expanded="false"
                                                         aria-controls="collapse{{$category->id}}">
                                                    <span class="lead collapse-title">
                                                        <input type="checkbox" name="categories[]" value="{{$category->id}}"> {{$category->name}}
                                                    </span>
                                                    </div>
                                                    <div id="collapse{{$category->id}}" role="tabpanel"
                                                         aria-labelledby="headingCollapse{{$category->id}}"
                                                         class="collapse">
                                                        <div class="card-content">
                                                            <div class="card-body">
                                                                <div class="card-content">
                                                                    <div class="card-body">
                                                                        <div class="default-collapse collapse-bordered">
                                                                            @if($category->subs)
                                                                                @foreach($category->subs as $category_s)
                                                                                    <div class="card collapse-header">
                                                                                        <div id="headingCollapse1"
                                                                                             class="card-header"
                                                                                             data-toggle="collapse" role="button"
                                                                                             data-target="#collapse{{$category_s->id}}"
                                                                                             aria-expanded="false"
                                                                                             aria-controls="collapse{{$category_s->id}}">
                                                    <span class="lead collapse-title">
                                                        <input type="checkbox" class="ctcbx" name="categories[]" value="{{$category_s->id}}"> {{$category_s->name}}
                                                    </span>
                                                                                        </div>
                                                                                        <div id="collapse{{$category_s->id}}" role="tabpanel"
                                                                                             aria-labelledby="headingCollapse{{$category_s->id}}"
                                                                                             class="collapse">
                                                                                            <div class="card-content">
                                                                                                <div class="card-body">
                                                                                                    @if($category_s->subs)
                                                                                                        @foreach($category_s->subs as $category_sb)
                                                                                                            <div class="card collapse-header">
                                                                                                                <div id="headingCollapse1"
                                                                                                                     class="card-header"
                                                                                                                     data-toggle="collapse" role="button"
                                                                                                                     data-target="#collapse{{$category_sb->id}}"
                                                                                                                     aria-expanded="false"
                                                                                                                     aria-controls="collapse{{$category_sb->id}}">
                                                    <span class="lead collapse-title">
                                                        <input type="checkbox" name="categories[]" value="{{$category_sb->id}}"> {{$category_sb->name}}
                                                    </span>
                                                                                                                </div>
                                                                                                                <div id="collapse{{$category_sb->id}}" role="tabpanel"
                                                                                                                     aria-labelledby="headingCollapse{{$category_sb->id}}"
                                                                                                                     class="collapse">
                                                                                                                    <div class="card-content">
                                                                                                                        <div class="card-body">
                                                                                                                            @if($category_sb->subs)
                                                                                                                                @foreach($category_sb->subs as $category_sbs)
                                                                                                                                    <div class="card collapse-header">
                                                                                                                                        <div id="headingCollapse1"
                                                                                                                                             class="card-header"
                                                                                                                                             data-toggle="collapse" role="button"
                                                                                                                                             data-target="#collapse{{$category_sbs->id}}"
                                                                                                                                             aria-expanded="false"
                                                                                                                                             aria-controls="collapse{{$category_sbs->id}}">
                                                    <span class="lead collapse-title">
                                                        <input type="checkbox" name="categories[]" value="{{$category_sbs->id}}"> {{$category_sbs->name}}
                                                    </span>
                                                                                                                                        </div>
                                                                                                                                        <div id="collapse{{$category_sbs->id}}" role="tabpanel"
                                                                                                                                             aria-labelledby="headingCollapse{{$category_sbs->id}}"
                                                                                                                                             class="collapse">
                                                                                                                                            <div class="card-content">
                                                                                                                                                <div class="card-body">
                                                                                                                                                    content
                                                                                                                                                </div>
                                                                                                                                            </div>
                                                                                                                                        </div>
                                                                                                                                    </div>
                                                                                                                                @endforeach
                                                                                                                            @endif
                                                                                                                        </div>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        @endforeach
                                                                                                    @endif
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                @endforeach
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Kapat</button>
                    <button type="button" data-form-id="product-category" class="btn btn-primary button-change-cat">Kaydet</button>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('css')

    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/extensions/toastr.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/vendors.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/extensions/toastr.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/toastr.min.js')}}"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/js/scripts/extensions/toastr.js')}}"></script>
    <!-- END: Page JS-->

    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/vendors/js/forms/select/select2.full.min.js')}}"></script>
    <script src="{{asset('app-assets/js/scripts/forms/select/form-select2.js')}}"></script>
    <!-- END: Page JS-->
    <script>
        function sorter(column){
            $('#input-sort').val(column+'-'+$('#sort-'+column).data('type'));
            if($('#sort-'+column).data('type') == 'ASC'){
                $('#sort-'+column).attr('data-type','DESC');
            }else{
                $('#sort-'+column).attr('data-type','ASC');
            }
            $('#filter-form').submit();
        }
        $('#bulk-edit-discount').on('click',function () {
            $('#bulk-edit-discount').attr('disabled','disabled').text('Lütfen Bekleyiniz');
            $.post('{{route('admin-ajax-bulk-discount')}}',$('#bulk-p-form').serialize(),function (response) {
                $('#bulk-edit-discount').removeAttr('disabled').text('Kaydet');
                $('#bulk-p-form-success').html(response.msg)
            }).fail(function (response) {
                if(response.responseJSON && response.responseJSON.status == 'failure'){
                    toastr.warning(response.responseJSON.msg, 'Hata!', { positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right' });
                }else{
                    toastr.warning('Güncellenemedi', 'Hata!', { positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right' });
                }
            });
        });
        $('#bulk-edit-price').on('click',function () {
            $('#bulk-edit-price').attr('disabled','disabled').text('Lütfen Bekleyiniz');
            $.post('{{route('admin-ajax-bulk-price')}}',$('#bulk-price-form').serialize(),function (response) {
                $('#bulk-edit-price').removeAttr('disabled').text('Kaydet');
                $('#bulk-price-form-success').html(response.msg);
                $.each(response.products,function (key,value) {
                    $.each(value,function (span,val) {
                        $('#'+span+'-span-'+key).text(val)
                    });
                })
            }).fail(function (response) {
                if(response.responseJSON && response.responseJSON.status == 'failure'){
                    toastr.warning(response.responseJSON.msg, 'Hata!', { positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right' });
                }else{
                    toastr.warning('Güncellenemedi', 'Hata!', { positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right' });
                }
            });
        });
        $('.categories-td').on('click',function () {
            $('#cat_modal_pid').val($(this).attr('data-id'));
            $($(this).attr('data-modal')).modal('show')
        });
        $('.button-change-cat').on('click',function () {
            $.post('{{route('admin-ajax-change-category')}}',$('#'+$(this).attr('data-form-id')).serialize(),function (response) {
                $('#category-modal').modal('hide');
                $('#category-p-'+response.product_id).text(response.cat);
                $('input:checkbox').removeAttr('checked');
            });
        });

        function changeCat(input,formid,level){

            $.get('{{route('admin-ajax-get-sub-category',[''])}}/'+$(input).children('option:selected').val(),function (response) {
                if(response.status == 'success'){
                    $('#'+formid+' .level-'+(parseInt(level)+1)).remove();
                    $('#'+formid+' .level-'+(parseInt(level)+2)).remove();
                    $('#'+formid+' .level-'+(parseInt(level)+3)).remove();
                    if(response.data.subs.length > 0) {
                        var htm = ' <div class="form-group level-' + (parseInt(level) + 1) + '" data-level="' + (parseInt(level) + 1) + '">';
                        htm += '<select name="catid[]"  data-form-id="' + formid + '" data-level="' + (parseInt(level) + 1) + '" class="form-control select2 product-category">';
                        htm += '<option value="0">Kategori Seçiniz</option>';
                        $.each(response.data.subs, function (index, value) {
                            htm += '<option value="' + value.id + '">' + value.name + '</option>';
                        });
                        htm += '</select>';
                        htm += '</div>';
                        $('#' + formid).append(htm);
                    }
                }
            });
        }
        $('.status-label').on('click', function () {
            $.get('/panel/ajax/update-product/' + $(this).attr('data-id') + '/status/' + $(this).attr('data-change'), function (response) {
                if (response.status == 'success') {
                    $('#status-label-' + response.product_id).removeClass('bg-gradient-success');
                    $('#status-label-' + response.product_id).removeClass('bg-gradient-danger');
                    if (response.product_status == 'active') {
                        $('#status-label-' + response.product_id).text('Açık');
                        $('#status-label-' + response.product_id).toggleClass('bg-gradient-success');
                        $('#status-label-' + response.product_id).attr('data-change', 'passive');
                    } else {
                        $('#status-label-' + response.product_id).text('Kapalı');
                        $('#status-label-' + response.product_id).toggleClass('bg-gradient-danger');
                        $('#status-label-' + response.product_id).attr('data-change', 'active');
                    }
                }
            });
        });
        $('.product-delete').on('click', function () {
            $.get('/panel/ajax/update-product/' + $(this).attr('data-id') + '/status/deleted', function (response) {
                if (response.status == 'success') {
                    $('#product-td-'+response.product_id).fadeOut();
                }
            });
        });
        $('td span').on('click', function () {

            $('#' + $(this).attr('data-type') + '-' + $(this).attr('data-id')).attr('type', 'text');
            $('#' + $(this).attr('data-type') + '-span-' + $(this).attr('data-id')).hide()
        });
        $('td input').on('keypress', function (e) {
            if (e.which === 13) {
                if ($(this).attr('name') == 'price-tax-include') {

                    $.get('/panel/ajax/update-product/' + $(this).attr('data-id') + '/price/' + parseFloat($(this).val()) / ((parseFloat($(this).attr('data-tax')) + 100) / 100), function (response) {
                        if (response.status == 'success') {
                            $.each(response.data, function (index, value) {
                                $('#' + index + '-' + response.product_id).val(value);
                                $('#' + index + '-span-' + response.product_id).text(value);
                            });
                        }
                    });
                } else {
                    $.get('/panel/ajax/update-product/' + $(this).attr('data-id') + '/' + $(this).attr('name') + '/' + $(this).val(), function (response) {
                        if (response.status == 'success') {
                            $.each(response.data, function (index, value) {
                                $('#' + index + '-' + response.product_id).val(value);
                                $('#' + index + '-span-' + response.product_id).text(value);
                            });
                        }
                    });
                }
                $('#' + $(this).attr('name') + '-' + $(this).attr('data-id')).attr('type', 'hidden');
                $('#' + $(this).attr('name') + '-span-' + $(this).attr('data-id')).show();
            }
        });
    </script>
    <script>
        $(function() {
            $('.del-product').click(function(e) {
                e.preventDefault();
                if (window.confirm("Silmek istediğinize emin misinz?")) {
                    location.href = this.href;
                }
            });
        });
        $('#select-all').on('click',function () {
            $('input:checkbox').not(this).prop('checked', this.checked);
        });
        $('.select-product').on('change',function () {
            $('.selecteds-input').val($('#selected-products').serialize());
        })
    </script>
@endsection