@extends('layouts.app')

@section('content')

    @if($type != 'Seller')
        <div class="row">
            <div class="col-lg-12 pull-right">
                @if(Auth::user()->id != "320")
                    @if(Auth::user()->user_type == 'admin' || in_array('18', json_decode(Auth::user()->staff->role->permissions)))
                        <a href="{{ route('products.create')}}"
                           class="btn btn-rounded btn-info pull-right">{{translate('Add New Product')}}</a>

                        <a href="{{route('inhouse.product.export', 'all')}}"
                           class="btn btn-rounded btn-info pull-right">
                            <i class="fa fa-download" aria-hidden="true"></i> &nbsp; {{ translate('Export report') }}
                        </a>
                    @endif
                @endif
            </div>
        </div>
    @endif

    @if($type == 'Seller')
        <div class="row">
            <div class="col-lg-12 pull-right">
                @if(Auth::user()->id != "320")
                    @if(Auth::user()->user_type == 'admin' || in_array('18', json_decode(Auth::user()->staff->role->permissions)))

                        <a href="{{route('inhouse.product.export', 'khadi')}}"
                           class="btn btn-rounded btn-info pull-right">
                            <i class="fa fa-download" aria-hidden="true"></i> &nbsp; {{ translate('Export report') }}
                        </a>
                    @endif
                @endif
            </div>
        </div>
    @endif

    <br>

    <div class="panel">
        <!--Panel heading-->
        <div class="panel-heading bord-btm clearfix pad-all h-100">
            <h3 class="panel-title pull-left pad-no">{{ translate($type.' Products') }}</h3>
            <div class="pull-right clearfix">
                <form class="" id="sort_products" action="" method="GET">
                    @if($type == 'Seller' || $type == 'In House')
                        <div class="box-inline pad-rgt pull-left">
                            <div class="select" style="min-width: 200px;">
                                <select class="form-control demo-select2" id="seller_id" name="seller_id"
                                        onchange="sort_products()">
                                    <option value="">All Sellers</option>
                                    @foreach ($sellers as $key => $seller)
                                        <option value="{{ $seller->id }}"
                                                @if ($seller->id == request('seller_id')) selected @endif>{{ $seller->name }}
                                            ({{ $seller->name }})
                                        </option>

                                    @endforeach
                                </select>
                            </div>
                        </div>
                    @endif
                                        <div class="box-inline pad-rgt pull-left">
                        <div class="select" style="min-width: 200px;">
                            <select class="form-control demo-select2" id="category_id" name="category_id"
                                    onchange="sort_products()">
                                <option value="">Search Category</option>
                                @foreach ($categories as $key => $category)
                                    <option value="{{ $category->id }}"
                                            @if ($category->id == request('category_id') ) selected @endif>
                                        {{ $category->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="box-inline pad-rgt pull-left">
                        <div class="select" style="min-width: 200px;">
                            <select class="form-control demo-select2" id="subcategory_id" name="subcategory_id"
                                    onchange="sort_products()">
                                <option value="">Search Subcategory</option>
                                @foreach ($subcategories as $key => $subcategory)
                                    <option value="{{ $subcategory->id }}"
                                            @if ( $subcategory->id == request('subcategory_id') ) selected @endif >{{ $subcategory->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="box-inline pad-rgt pull-left">
                        <div class="select" style="min-width: 200px;">
                            <select class="form-control demo-select2" name="type" id="type" onchange="sort_products()">
                                <option value="">Sort by</option>
                                <option value="rating,desc"
                                        @if(request('type') == 'rating,desc') selected @endif>{{translate('Rating (High > Low)')}}</option>
                                <option value="rating,asc"
                                        @if(request('type') == 'rating,asc') selected @endif>{{translate('Rating (Low > High)')}}</option>
                                <option value="num_of_sale,desc"
                                        @if(request('type') == 'num_of_sale,desc') selected @endif>{{translate('Num of Sale (High > Low)')}}</option>
                                <option value="num_of_sale,asc"
                                        @if(request('type') == 'num_of_sale,asc') selected @endif>{{translate('Num of Sale (Low > High)')}}</option>
                                <option value="unit_price,desc"
                                        @if(request('type') == 'unit_price,desc') selected @endif>{{translate('Base Price (High > Low)')}}</option>
                                <option value="unit_price,asc"
                                        @if(request('type') == 'unit_price,asc') selected @endif>{{translate('Base Price (Low > High)')}}</option>
                            </select>
                        </div>
                    </div>
                    <div class="box-inline pad-rgt pull-left">
                        <div class="select" style="min-width: 200px;">
                            <select class="form-control demo-select2" id="status" name="status"
                                    onchange="sort_products()">
                                <option value="">Select Status</option>
                                <option value="1" @if (request('status') == "1") selected @endif>Published</option>
                                <option value="0" @if (request('status') == "0") selected @endif>UnPublished</option>

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

                    {{-- <div class="box-inline pad-rgt pull-left">
                        <div class="select" style="min-width: 200px;">
                            <select class="form-control demo-select2" id="top_selling" name="top_selling" onchange="sort_products()">
                                <option value="">Select Top Selling</option>
                                <option value="1" @if ($top_selling == "1") selected @endif>Published</option>
                                <option value="0" @if ($top_selling == "0") selected @endif>UnPublished</option>

                            </select>
                        </div>
                    </div>
                    <div class="box-inline pad-rgt pull-left">
                        <div class="select" style="min-width: 200px;">
                            <select class="form-control demo-select2" id="new_arrival" name="new_arrival" onchange="sort_products()">
                                <option value="">Select New Arrival</option>
                                <option value="1" @if ($new_arrival == "1") selected @endif>Published</option>
                                <option value="0" @if ($new_arrival == "0") selected @endif>UnPublished</option>

                            </select>
                        </div>
                    </div>--}}
                    <div class="box-inline pad-rgt pull-left">
                        <div class="" style="min-width: 285px;">
                            <input type="text" class="form-control" id="search" name="search"
                                   value="{{ request( 'search' ) }}"
                                   placeholder="{{ translate('Type product  name & Enter') }}">
                        </div>
                    </div>

                    <div class="box-inline pad-rgt pull-left pad-top">
                        <div class="select" style="min-width: 200px;">
                            <select class="form-control demo-select2" id="new_arrival" name="new_arrival"
                                    onchange="sort_products()">
                                <option value="">New Arrival</option>
                                <option value="1" @if (request('new_arrival') == "1") selected @endif >Yes</option>
                                <option value="0" @if (request('new_arrival') == "0") selected @endif >No</option>

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

                    <div class="box-inline pad-rgt pull-left pad-top">
                        <div class="select" style="min-width: 200px;">
                            <select class="form-control demo-select2" id="top_selling" name="top_selling"
                                    onchange="sort_products()">
                                <option value="">Top Selling</option>
                                <option value="1" @if (request('top_selling') == "1") selected @endif >Yes</option>
                                <option value="0" @if (request('top_selling') == "0") selected @endif >No</option>

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

                    <div class="box-inline pad-rgt pull-left pad-top">
                        <div class="select" style="min-width: 200px;">
                            <select class="form-control demo-select2" name="current_stock" id="current_stock"
                                    onchange="sort_products()">
                                <option value="">Sort by Stock</option>
                                <option value="ASC"
                                        @if(request('current_stock') == 'ASC') selected @endif>{{translate('Total Stock (Low > High)')}}</option>
                                <option value="DESC"
                                        @if(request('current_stock') == 'DESC') selected @endif>{{translate('Total Stock (High > Low)')}}</option>
                            </select>
                        </div>
                    </div>

                    <div class="box-inline pad-rgt pull-left pad-top">
                        <a href="{{route('products.admin')}}" class="btn btn-sm btn-primary">Reset Filter</a>
                    </div>

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


        <div class="panel-body">
            <table class="table table-striped res-table mar-no" cellspacing="0" width="100%">
                <thead>
                <tr>
                    <th>#</th>
                    <th width="20%">{{translate('Name')}}</th>
                    @if($type == 'Seller')
                        <th>{{translate('Seller Name')}}</th>
                    @endif
                    <th>{{translate('Manage By')}}</th>
                    <th>{{translate('Total Sale')}}</th>
                    <th>{{translate('Total Stock')}}</th>
                    <th>{{translate('Base Price')}}</th>

                    <th>{{translate('Rating')}}</th>
                    <th>{{translate('Discount')}}</th>
                    <th>{{translate('Published')}}</th>

                    <th>{{translate('Ordering')}}</th>
                    <th>{{translate('Top Selling')}}</th>
                    <th>{{translate('New Arrival')}}</th>
                    @if(Auth::user()->id != "320")
                        <th>{{translate('Options')}}</th>
                    @endif
                </tr>
                </thead>
                <tbody>
                @foreach($products as $key => $product)
                    <tr>
                        <td>{{ $products->firstItem() + $loop->index }}</td>
                        <td>
                            <a href="{{ route('product', $product->slug) }}" target="_blank" class="media-block">
                                <div class="media-left">
                                    <img loading="lazy" class="img-md"
                                         src="{{Storage::disk('s3')->url($product->thumbnail_img)}}" alt="Image">
                                </div>
                                <div class="media-body">{{ __($product->name) }}</div>
                            </a>
                        </td>
                        @if($type == 'Seller')
                            <td>{{ @$product->productSeller->name }}</td>
                        @endif
                        <td>{{ productManageBy($product->manage_by)}}</td>
                        <td>{{ $product->num_of_sale }} {{translate('times')}}</td>
                        <td>
                            {{--@php $qty = 0;
                                if($product->variant_product){
                                    foreach ($product->stocks as $key => $stock) {
                                        @$qty += $stock->qty;
                                    }
                                }

                            @endphp--}}

                            {{ $product->total_qty ?? '--' }}
                        </td>
                        <td>{{ number_format(@$product->unit_price,2) }}</td>

                        <td>{{ $product->rating }}</td>
                        <td>{{ $product->discount }}</td>

                        <td>
                            @if(Auth::user()->id == "320")
                                <label class="switch">
                                    <input value="{{ $product->id }}" type="checkbox"
                                            disabled="true">
                                    <span class="slider round"></span></label>
                            @else
                                <label class="switch">
                                    @if(Auth::user()->user_type == 'admin' || in_array('1.1', json_decode(Auth::user()->staff->role->permissions)))
                                        <input @if( auth()->id() != 38604) onchange="update_published(this)" value="{{ $product->id }}" @endif
                                               type="checkbox"  >
                                        <span class="slider round"></span>
                                    @else
                                        <input value="{{ $product->id }}" disabled=""
                                               type="checkbox" >
                                        <span class="slider round disabled"></span>
                                    @endif
                                </label>
                            @endif
                        </td>


                        @php $ordering = \App\ProductOrder::where('product_id', @$product->id)->first(); @endphp
                        <td>
                            <label class="switch">
                                @if(Auth::user()->user_type == 'admin' || in_array('1.2', json_decode(Auth::user()->staff->role->permissions)))
                                    <input @if( auth()->id() != 38604)  onchange="update_product_order(this)" value="{{ @$product->id }}" @endif
                                           type="checkbox"  >
                                    <span class="slider round"></span>
                                @else
                                    <input value="{{ @$product->id }}" disabled=""
                                           type="checkbox"  >
                                    <span class="slider round disabled"></span>
                                @endif
                            </label>
                        </td>
                        <td>
                            <label class="switch">
                                @if(Auth::user()->user_type == 'admin' || in_array('1.1', json_decode(Auth::user()->staff->role->permissions)))
                                    <input @if( auth()->id() != 38604) onchange="update_top_published(this)" value="{{ $product->id }}" @endif
                                           type="checkbox"  >
                                    <span class="slider round"></span>
                                @else
                                    <input value="{{ $product->id }}" disabled=""
                                           type="checkbox" >
                                    <span class="slider round disabled"></span>
                                @endif
                            </label>
                        </td>

                        <td>
                            <label class="switch">
                                @if(Auth::user()->user_type == 'admin' || in_array('1.1', json_decode(Auth::user()->staff->role->permissions)) )
                                    <input @if( auth()->id() != 38604) onchange="update_new_arrival(this)" @endif value="{{ $product->id }}"
                                           type="checkbox"  >
                                    <span class="slider round"></span>
                                @else
                                    <input value="{{ $product->id }}" disabled=""
                                           type="checkbox" >
                                    <span class="slider round disabled"></span>
                                @endif
                            </label>
                        </td>
                        @if(! in_array(Auth::user()->id, [320,38604]))
                            <td>
                                <div class="btn-group dropdown">
                                    <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon"
                                            data-toggle="dropdown" type="button">
                                        {{translate('Actions')}} <i class="dropdown-caret"></i>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right">
                                        @if(Auth::user()->user_type == 'admin' || in_array('19', json_decode(Auth::user()->staff->role->permissions)))
                                            @if ($type == 'Seller')
                                                <li>
                                                    <a href="{{route('products.seller.edit', encrypt($product->id))}}">{{translate('Edit')}}</a>
                                                </li>
                                            @else
                                                <li>
                                                    <a href="{{route('products.admin.edit', encrypt($product->id))}}">{{translate('Edit')}}</a>
                                                </li>
                                            @endif
                                        @endif
                                        @if(Auth::user()->user_type == 'admin')
                                            <li>
                                                <a onclick="confirm_modal('{{route('products.destroy', $product->id)}}');">{{translate('Delete')}}</a>
                                            </li>
                                        @endif
                                        @if($product->manage_by == 0)
                                            <!--  <li><a href="{{route('products.qty.ecom', encrypt($product->id))}}">{{translate('Update Qty')}}</a></li> -->
                                        @endif
                                        <li>
                                            <a href="{{route('products.duplicate', $product->id)}}">{{translate('Duplicate')}}</a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                            @else
                            <td></td>
                        @endif
                    </tr>
                @endforeach
                </tbody>
            </table>
            <div class="clearfix">
                <div class="pull-right">
                    {{ @$products->appends(request()->input())->links() }}
                </div>
            </div>
        </div>
    </div>

@endsection


@section('script')
    <script type="text/javascript">

        $(document).ready(function () {
            //$('#container').removeClass('mainnav-lg').addClass('mainnav-sm');
        });

        function update_todays_deal(el) {
            if (el.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('products.todays_deal') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function (data) {
                if (data == 1) {
                    showAlert('success', 'Todays Deal updated successfully');
                } else {
                    showAlert('danger', 'Something went wrong');
                }
            });
        }

        function update_truthfully(el) {
            if (el.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('products.update_truthfully') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function (data) {
                if (data == 1) {
                    showAlert('success', 'truthfully yours status change successfully');
                } else {
                    showAlert('danger', 'Something went wrong');
                }
            });
        }

        function update_published(el) {
            if (el.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('products.published') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function (data) {
                if (data == 1) {
                    showAlert('success', 'Published products updated successfully');
                } else if (data == 2) {
                    showAlert('danger', 'product variant price should be greater or eqaul to product unit prices');
                } else {
                    showAlert('danger', 'Something went wrong');
                }
            });
        }

        function update_featured(el) {
            if (el.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('products.featured') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function (data) {
                if (data == 1) {
                    showAlert('success', 'Featured products updated successfully');
                } else {
                    showAlert('danger', 'Something went wrong');
                }
            });
        }


        function update_product_order(el) {

            if (el.checked) {
                var status = 1;
            } else {
                var status = 0;
            }

            $.post('{{ route('products.order.update') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function (data) {
                if (data == 1) {
                    showAlert('success', 'Product Order update successfully');
                    location.reload();
                }
                if (data == 2) {
                    showAlert('success', 'Product update successfully');
                    location.reload();
                }
                if (data == 0) {
                    showAlert('danger', 'Maximum limit reached');
                    location.reload();
                }
                if (data == 3) {
                    showAlert('danger', 'Product is not published');
                    location.reload();
                }
            });
        }

        function update_top_published(el) {
            if (el.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('products.toppublished') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function (data) {
                if (data == 1) {
                    showAlert('success', 'Updated successfully');
                    location.reload();
                } else if (data == 3) {
                    showAlert('danger', 'Product is not available in orders');
                    location.reload();
                } else {
                    showAlert('danger', 'Something went wrong');
                    location.reload();
                }
            });
        }

        function update_new_arrival(el) {
            if (el.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('products.newpublished') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function (data) {
                if (data == 1) {
                    showAlert('success', 'Updated successfully');
                    location.reload();
                } else {
                    showAlert('danger', 'Something went wrong');
                    location.reload();
                }
            });
        }

        function sort_products(el) {
            $('#sort_products').submit();
        }

    </script>
@endsection