@extends('master.back')

@section('content')

<!-- Start of Main Content -->
<div class="container-fluid">

    <!-- Page Heading -->
    <div class="card mb-4">
        <div class="card-body">
            <div class="d-sm-flex align-items-center justify-content-between">
                <h3 class="mb-0 bc-title"><b>{{ __('All Products') }}</b></h3>
            </div>
        </div>
    </div>

    <!-- DataTales -->
    <div class="card shadow mb-4">
        <div class="card-body">
            @include('alerts.alerts')
            <form action="{{route('back.reward_point.index')}}" method="GET">
                <div class="product-filter-area">
                    <div class="row">
                        <div class="col-lg-12">
                            <h4 class="mb-2"><b>{{ __('Product Filter :') }}</b></h4>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-3 col-md-4 col-sm-6">
                            <div class="form-group px-0">
                                <input type="text" name="product_name" class="form-control" id="product_name" placeholder="Product Name">
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4 col-sm-6">
                            <div class="form-group px-0">
                                <input type="text" name="sku" class="form-control" id="sku" placeholder="Enter SKU">
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4 col-sm-6">
                            <div class="form-group px-0">
                                <select class="form-control" name="is_type">
                                    <option disabled>{{__('Select Type')}}</option>
                                    <option value="">{{__('ทั้งหมด')}}</option>
                                    <option value="1">{{__('เข้าร่วมโปรโมชัน')}}</option>
                                    <option value="0">{{__('ไม่เข้าร่วมโปรโมชัน')}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4 col-sm-6">
                            <div class="form-group px-0">
                                <select class="form-control" name="category_id">
                                    <option disabled>{{__('Select Category')}}</option>
                                    <option value="">{{__('All Category')}}</option>
                                    @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                        @if($session_language == 'Th')
                                            <option value="{{ $cat->id }}" {{request()->input('category_id') == $cat->id ? 'selected' : ''}}>{{ $cat->name }}</option>
                                        @elseif($session_language == 'English')
                                            <option value="{{ $cat->id }}" {{request()->input('category_id') == $cat->id ? 'selected' : ''}}>{{ $cat->name_en }}</option>
                                        @elseif($session_language == 'China')
                                            <option value="{{ $cat->id }}" {{request()->input('category_id') == $cat->id ? 'selected' : ''}}>{{ $cat->name_ch }}</option>
                                        @else
                                            <option value="{{ $cat->id }}" {{request()->input('category_id') == $cat->id ? 'selected' : ''}}>{{ $cat->name_en }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4 col-sm-6">
                            <div class="form-group px-0">
                                <select class="form-control" name="subcategory_id">
                                    <option disabled>{{__('Select SubCategory')}}</option>
                                    <option value="">{{__('All SubCategory')}}</option>
                                    @foreach(DB::table('subcategories')->whereStatus(1)->get() as $subcat)
                                        @if($session_language == 'Th')
                                            <option value="{{ $subcat->id }}" {{request()->input('subcategories_id') == $subcat->id ? 'selected' : ''}}>{{ $subcat->name }}</option>
                                        @elseif($session_language == 'English')
                                            <option value="{{ $subcat->id }}" {{request()->input('subcategories_id') == $subcat->id ? 'selected' : ''}}>{{ $subcat->name_en }}</option>
                                        @elseif($session_language == 'China')
                                            <option value="{{ $subcat->id }}" {{request()->input('subcategories_id') == $subcat->id ? 'selected' : ''}}>{{ $subcat->name_ch }}</option>
                                        @else
                                            <option value="{{ $subcat->id }}" {{request()->input('subcategories_id') == $subcat->id ? 'selected' : ''}}>{{ $subcat->name_en }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4 col-sm-6">
                            <div class="form-group px-0">
                                <select class="form-control" name="chield_categories_id">
                                    <option disabled>{{__('Select ChieldCategory')}}</option>
                                    <option value="">{{__('All ChieldCategory')}}</option>
                                    @foreach(DB::table('chield_categories')->whereStatus(1)->get() as $childcat)
                                        @if($session_language == 'Th')
                                            <option value="{{ $childcat->id }}" {{request()->input('chield_categories_id') == $childcat->id ? 'selected' : ''}}>{{ $childcat->name }}</option>
                                        @elseif($session_language == 'English')
                                            <option value="{{ $childcat->id }}" {{request()->input('chield_categories_id') == $childcat->id ? 'selected' : ''}}>{{ $childcat->name_en }}</option>
                                        @elseif($session_language == 'China')
                                            <option value="{{ $childcat->id }}" {{request()->input('chield_categories_id') == $childcat->id ? 'selected' : ''}}>{{ $childcat->name_ch }}</option>
                                        @else
                                            <option value="{{ $childcat->id }}" {{request()->input('chield_categories_id') == $childcat->id ? 'selected' : ''}}>{{ $childcat->name_en }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4 col-sm-6">
                            <div class="form-group px-0">
                                <select class="form-control" name="brand_id">
                                    <option disabled>{{__('Select Brand')}}</option>
                                    <option value="">{{__('All Brand')}}</option>
                                    @foreach(DB::table('brands')->whereStatus(1)->get() as $brand)
                                        @if($session_language == 'Th')
                                            <option value="{{ $brand->id }}" {{request()->input('brand_id') == $brand->id ? 'selected' : ''}}>{{ $brand->name }}</option>
                                        @elseif($session_language == 'English')
                                            <option value="{{ $brand->id }}" {{request()->input('brand_id') == $brand->id ? 'selected' : ''}}>{{ $brand->name_en }}</option>
                                        @elseif($session_language == 'China')
                                            <option value="{{ $brand->id }}" {{request()->input('brand_id') == $brand->id ? 'selected' : ''}}>{{ $brand->name_ch }}</option>
                                        @else
                                            <option value="{{ $brand->id }}" {{request()->input('brand_id') == $brand->id ? 'selected' : ''}}>{{ $brand->name_en }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4 col-sm-6">
                            <div class="form-group px-0">
                                <select class="form-control" name="orderby">
                                    <option value="">{{__('การเรียงดำดับ')}}</option>
                                    <option value="asc" {{request()->input('orderby') == 'asc' ? 'selected' : ''}}>{{__('ราคาน้อยไปมาก')}}</option>
                                    <option value="desc" {{request()->input('orderby') == 'desc' ? 'selected' : ''}}>{{__('ราคามากไปน้อย')}}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 mt-2">
                            <button type="submit" class="btn btn-primary py-2 d-inline-block">{{__('Filter Product')}}</button>
                        </div>
                    </div>
                </div>
            </form>
            <br>
            <div class="gd-responsive-table">
                <table class="table table-bordered table-striped" id="admin-table-item" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th><input type="checkbox" data-target="product-bulk-delete" class="form-control bulk_all_delete"></th>
                            <th>{{ __('Image') }}</th>
                            {{-- <th>{{ __('#') }}</th> --}}
                            <th>{{ __('Sku') }}</th>
                            <th width="30%">{{ __('Name') }}</th>
                            <th>{{ __('Price') }}</th>
                            <th>{{ __('Status') }}</th>
                            <th>{{ __('Point') }}</th>
                            {{-- <th>{{ __('Item Type') }}</th> --}}
                            <th>{{ __('Actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @include('back.reward_point.table',compact('datas'))
                    </tbody>
                </table>
                {{ $datas->links() }} <!-- This will render the pagination links -->
            </div>
        </div>
    </div>
</div>



<script>
    $(document).ready(function() { 
        $('#admin-table-item').DataTable({
            "paging": false,  // Disable paging
            "ordering": true, // Enable ordering
            "info": false,    // Disable info
            "searching": true // Enable searching
        });
    });

    var fullurl = window.location.origin;

    function status_ids(status){
        let confirem_ = confirm('คุณต้องการอัพเดทสถานะสินค้า?');
        if (confirem_ == true) {
            const url = fullurl+'/demo/admin/bulk/status/'+status;
            const value = document.getElementById("bulk_delete").value;
            fetch(url, {
                method: 'POST',
                headers: {
                    'Accept': 'application/json',
                    'Content-Type': 'application/json',
                    'X-CSRF-Token': '{{ csrf_token() }}'
                },
                body: JSON.stringify({
                    ids: value,   
                })
            })
            .then(function (a) {
                console.log(a);
                if(a == 0){
                    alert('ไม่เจอ ข้อมูล อัพเดท Status');
                }else{
                    alert('อัพเดท Status เรียบร้อย');
                    location.reload();
                }
            })
            .then(function (json) {
                console.log(json)
            })
        }
    }
</script>

@endsection