@extends('layouts.app', ['activePage' => 'store_pdt', '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 class="d-flex justify-content-between">
                                        <form action="/products/uploadd/store_products" method="post" enctype="multipart/form-data">
                                            @csrf
                                            <div class="col-md-6" style="display:inline;">
                                                <input type="file" name="img" required>
                                            </div>
                                            <div class="col-md-6 p-3" style="display:inline;">
                                                <input type="submit" value="{{ __("jamia.upload") }}" class="btn btn-success">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div style="margin-left: 61%;">
                                    <a class="btn btn-success" href="/product/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>ItemBarcode</th>
                                    <th>{{__("jamia.Category")}}</th>
                                    <th>{{__("jamia.SubCategory")}}</th>
                                    <th>{{__("jamia.price")}}</th>
                                    <th>{{__("jamia.image")}}</th>
                                    <th>الفروع</th>
                                    <th>{{__("jamia.status")}}</th>
                                    <th>{{__("jamia.action") }}</th>
                                    </thead>
                                    <tbody>                                    @foreach ($products as $product)

                                        <tr>
                                            <td>{{ $i++; }}</td>
                                            <td>{{ $product->name }}</td>
                                            <td>{{ $product->ItemBarcode }}</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>
                                                @php
                                                    $selectedOptions = $product->branches ? json_decode($product->branches, true) : [];
                                                    $branches = \App\Models\StoreBranch::whereIn('id', $selectedOptions)->get();
                                                @endphp

                                                @if ($branches->count() > 0)
                                                    @foreach ($branches as $branch)
                                                        {{ $branch->name_ar }}<br>
                                                    @endforeach
                                                @else
                                                    {{ __("No branches available") }}
                                                @endif
                                            </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="/product/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: '/product/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 = '/product_list/status/' + selectedOption;
            window.location= url;
        });
    </script>
@endsection