@extends('layouts.app', ['activePage' => 'offers_products', 'titlePage' => __('')])

@section('content')
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header card-header-primary">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h4 class="card-title ">{{ __("jamia.product") }}</h4>
                                </div>
                                <div style="margin-left: 61%;">
                                    <a class="btn btn-success" href="/offers_products/create" style="display:inline;">{{ __("jamia.cre_product") }}</a>

                                </div>
{{--                                <div class="col-md-2">--}}
{{--                                    <select class="form-control" name="product_status" id="product_status" required style="display:inline;">--}}
{{--                                        <option value='A' @if($pdt_st == 'A') selected @endif>ALL</option>--}}
{{--                                        <option value='Y' @if($pdt_st == 'Y') selected @endif>Active</option>--}}
{{--                                        <option value='N' @if($pdt_st == 'N') selected @endif>In Active</option>--}}
{{--                                    </select>--}}
{{--                                </div>--}}
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table" id="data-table">
                                    <thead class=" text-primary">
                                    <th>{{__("jamia.sl_no")}}</th>
                                    <th>{{__("jamia.name")}}</th>
{{--                                    <th>{{__("jamia.Category")}}</th>--}}
{{--                                    <th>{{__("jamia.SubCategory")}}</th>--}}
                                    <th>{{__("jamia.price")}}</th>
                                    <th>{{__("jamia.image")}}</th>
                                    <th>{{__("jamia.status")}}</th>
                                    <th>{{__("jamia.action") }}</th>
                                    </thead>
                                    <tbody>                                    @foreach ($products as $product)

                                        <tr>
                                            <td>{{ $i++; }}</td>
                                            <td>{{ $product->name }}</td>
{{--                                            <td>{{app()->getLocale() == 'ar' ?  \App\Models\Category::where('id' , $product->parent_category)->first()?->category_arabic :  \App\Models\Category::where('id' , $product->parent_category)->first()?->category_english}}</td>--}}
{{--                                            <td>{{app()->getLocale() == 'ar' ?  \App\Models\Category::where('id' , $product->categories_id)->first()?->category_arabic :  \App\Models\Category::where('id' , $product->categories_id)->first()?->category_english}}</td>--}}

                                            <td>{{ number_format($product->price, 3) }}</td>
                                            <td>
                                                <img width="75" height="75" src="{{$product->image}}" alt="image">
                                            </td>
                                            <td>@if($product->Is_active == 'W')
                                                    Waiting For Approval
                                                @elseif($product->Is_active == 'Y')
                                                    Active
                                                @elseif($product->Is_active == 'N')
                                                    In Active
                                                @else
                                                    Cancel
                                                @endif
                                                @if($product->Is_active == 'Y' || $product->Is_active == 'N')
                                                    <input type="checkbox" class="checkbox" value="{{ $product->id }}" @if($product->Is_active == 'Y') checked @endif>
                                                @endif
                                            </td>
                                            <td>
                                                <a  href="{{route('offers_products.edit' , $product->id)}}" rel="tooltip" title={{__("edit") }} class="btn btn-success btn-simple btn-xs">
                                                <i class="fa fa-edit"></i></a>

                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
@endsection
@section('js')
    <script>
        $(document).ready(function () {
            $('#data-table').DataTable();

            // Handle checkbox click
            $('.checkbox').click(function () {
                var selectedId = $(this).val();
                var isChecked = $(this).prop('checked');

                if (confirm("Do you want to Change this Product Status?") !== true) {

                    event.preventDefault();
                    checkbox.prop('checked', !isChecked);
                    return;
                }

                var active = 'N';
                if(isChecked == true){
                    active = 'Y';
                }

                $.ajax({
                    method: 'GET',
                    url: '/offers_products/update-status',
                    data: { id: selectedId, isChecked: isChecked ,active:active,},
                    success: function (result) {
                        // Handle the success response
                        console.log(result);
                    },
                });

            });
        });
        $('#product_status').change(function () {
            var selectedOption = $(this).val();
            var url = '/offers_products/status/' + selectedOption;
            window.location= url;
        });
    </script>
@endsection