@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>
                                <div class="card-content">
                                    <div class="card-body">
                                        <form class="form" action="{{route('admin-gshopping')}}">
                                            <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="Stok Kodu & Barkod"
                                                                   value="{{isset($_GET['filter']['name']) ? $_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
                                                                        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-group">
                                                            <select class="select2 form-control" name="filter[gcat]">
                                                                <option value="">Google Kategori Atanma Durumu</option>
                                                                <option @if(isset($_GET['filter']['gcat']) && $_GET['filter']['gcat'] == 'yes') selected @endif  value="yes">Atanmış</option>
                                                                <option @if(isset($_GET['filter']['gcat']) && $_GET['filter']['gcat'] == 'no') selected @endif  value="no">Atanmamış</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1 col-12">
                                                        <div class="form-group">
                                                            <select class="select2 form-control" name="filter[status]">
                                                                <option value="">Google Durumu</option>
                                                                <option @if(isset($_GET['filter']['status']) && $_GET['filter']['status'] == 'active') selected @endif value="active">Aktif</option>
                                                                <option @if(isset($_GET['filter']['status']) && $_GET['filter']['status'] == 'passive') selected @endif  value="passive">Pasif</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1 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>
                                                    </div>
                                                    <div class="col-md-2 col-12 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>Kategori</th>
                                            <th>Google Kategori</th>
                                            <th>Ürün Adı</th>
                                            <th>Durum</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($products as $product)
                                            <tr id="product-td-{{$product->id}}">
                                                <td id="category-p-{{$product->id}}" class="categories-td" data-toggle="modal" data-target="#category-modal-{{$product->id}}">
                                                    @foreach($product->categories as $k => $cat)
                                                        {{$cat->name}}@if(array_key_last(json_decode(json_encode($product->categories),true)) !== $k)
                                                            > @endif
                                                    @endforeach
                                                </td>
                                                <td>
                                                    <select id="gm-{{$product->id}}"  class="select2 form-control google_merchant_id-live-edit" data-id="{{$product->id}}">
                                                        <option>Seçiniz</option>
                                                        @foreach($googlecat as $gc)
                                                            <option id="gmo-{{$product->id}}-{{$gc->id}}" @if($gc->id == $product->google_merchant_id) selected @endif value="{{$gc->id}}">{{$gc->name}}</option>
                                                        @endforeach
                                                    </select>

                                                </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>@if($product->gm_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>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                    <div style="text-align: center">
                                        {{$products->appends(request()->query())->render()}}
                                    </div>
                                </div>

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

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

            </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>

        $('.status-label').on('click', function () {
            $.get('/panel/ajax/update-product/' + $(this).attr('data-id') + '/gm_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.gm_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');
                    }
                }
            });
        });
        $('.google_merchant_id-live-edit').on('change',function () {
            $.get('/panel/ajax/update-product/' + $(this).attr('data-id') + '/google_merchant_id/' + $(this).children('option:selected').val(), function (response) {
                if (response.status == 'success') {
                    $('#gm-'+response.product_id).children('option:selected').removeAttr('selected');
                    $('#gmo-'+response.product_id+'-'+response.google_merchant_id).attr('selected','selected');
                }
            });
        });
    </script>

@endsection