@extends('backEnd.layouts.master')
@section('title', 'Product Manage')
@section('css')
    <link href="{{ asset('public/backEnd') }}/assets/libs/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ asset('public/backEnd') }}/assets/libs/summernote/summernote-lite.min.css" rel="stylesheet"
        type="text/css" />
    <style>
        .increment_btn,
        .remove_btn {
            margin-top: -17px;
            margin-bottom: 10px;
        }
    </style>
@endsection
@section('content')
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <div class="page-title-right">
                        {{-- <button type="button" class="btn btn-danger rounded-pill" data-bs-toggle="modal"
                            data-bs-target="#createProductModal"><i class="fe-shopping-cart"></i> Add Product</button> --}}
                        <a href="{{ route('products.create') }}" class="btn btn-danger rounded-pill">
                            <i class="fe-shopping-cart"></i> Add Product
                        </a>
                    </div>
                    <h4 class="page-title">Product Manage</h4>
                </div>
            </div>
        </div>
        <!-- end page title -->
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-8">
                                <ul class="action2-btn">
                                    <li><a href="{{ route('products.update_deals', ['status' => 1]) }}"
                                            class="btn rounded-pill btn-success hotdeal_update"><i class="fe-thumbs-up"></i>
                                            Deal</a></li>
                                    <li><a href="{{ route('products.update_deals', ['status' => 0]) }}"
                                            class="btn  rounded-pill btn-danger hotdeal_update"><i
                                                class="fe-thumbs-down"></i> Deal</a></li>

                                    <li><a href="{{ route('products.update_status', ['status' => 1]) }}"
                                            class="btn rounded-pill btn-primary update_status"><i class="fe-thumbs-up"></i>
                                            Active</a></li>
                                    <li><a href="{{ route('products.update_status', ['status' => 0]) }}"
                                            class="btn  rounded-pill btn-warning update_status"><i
                                                class="fe-thumbs-down"></i> Inactive</a></li>
                                </ul>
                            </div>
                            <div class="col-sm-4">
                                <form class="custom_form">
                                    <div class="form-group">
                                        <input type="text" name="keyword" placeholder="Search">
                                        <button class="btn  rounded-pill btn-info">Search</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table nowrap w-100">
                                <thead>
                                    <tr>
                                        <th style="width:2%">
                                            <div class="form-check"><label class="form-check-label"><input type="checkbox"
                                                        class="form-check-input checkall" value=""></label>
                                        <th style="width:2%">SL</th>
                        </div>
                        </th>
                        <th style="width:10%">Action</th>
                        <th style="width:20%">Name</th>
                        <th style="width:10%">Category</th>
                        <th style="width:10%">Image</th>
                        <th style="width:10%">Price</th>
                        <th style="width:8%">Stock</th>
                        <th style="width:14%">Deal & Feature</th>
                        <th style="width:8%">Status</th>
                        </tr>
                        </thead>

                        <tbody>
                            @foreach ($data as $key => $value)
                                <tr>
                                    <td><input type="checkbox" class="checkbox" value="{{ $value->id }}"></td>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>
                                        <div class="button-list custom-btn-list">
                                            @if ($value->status == 1)
                                                <form method="post" action="{{ route('products.inactive') }}"
                                                    class="d-inline">
                                                    @csrf
                                                    <input type="hidden" value="{{ $value->id }}" name="hidden_id">
                                                    <button type="button" class="change-confirm" title="Active"><i
                                                            class="fe-thumbs-down"></i></button>
                                                </form>
                                            @else
                                                <form method="post" action="{{ route('products.active') }}"
                                                    class="d-inline">
                                                    @csrf
                                                    <input type="hidden" value="{{ $value->id }}" name="hidden_id">
                                                    <button type="button" class="change-confirm" title="Inactive"><i
                                                            class="fe-thumbs-up"></i></button>
                                                </form>
                                            @endif

                                            <a href="{{ route('products.edit', $value->id) }}" class="edit-product"><i
                                                    class="fe-edit"></i></a>

                                            <form method="post" action="{{ route('products.destroy') }}" class="d-inline">
                                                @csrf
                                                <input type="hidden" value="{{ $value->id }}" name="hidden_id">
                                                <button type="submit" class="delete-confirm" title="Delete"><i
                                                        class="fe-trash-2"></i></button>
                                            </form>
                                            {{-- <a href="{{route('products.edit',$value->id)}}" title="Copy"><i class="fe-copy"></i></a>  --}}
                                        </div>
                                    </td>
                                    <td>{{ $value->name }}</td>
                                    <td>{{ $value->category ? $value->category->name : '' }}</td>
                                    <td><img src="{{ asset($value->image ? $value->image->image : '') }}"
                                            class="backend-image" alt=""></td>
                                    <td>{{ $value->new_price }}</td>
                                    <td>{{ $value->stock }}</td>
                                    <td>
                                        <p class="m-0">Hot Deals : {{ $value->topsale == 1 ? 'Yes' : 'No' }}</p>
                                        <p class="m-0">Top Feature : {{ $value->feature_product == 1 ? 'Yes' : 'No' }}
                                        </p>
                                    </td>
                                    <td>
                                        @if ($value->status == 1)
                                            <span class="badge bg-soft-success text-success">Active</span>
                                        @else
                                            <span class="badge bg-soft-danger text-danger">Inactive</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                        </table>
                    </div>
                    <div class="custom-paginate">
                        {{ $data->links('pagination::bootstrap-4') }}
                    </div>
                </div> <!-- end card body-->
            </div> <!-- end card -->
        </div><!-- end col-->
    </div>
    </div>



    <script src="{{ asset('public/backEnd/') }}/assets/libs/select2/js/select2.min.js"></script>
    <script src="{{ asset('public/backEnd/') }}/assets/libs/summernote/summernote-lite.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            // Init Plugins
            $(".select2").select2();
            $(".summernote").summernote({
                placeholder: "Enter Your Text Here",
                height: 150
            });



            // // Checkbox logic
            // $(".checkall").on('change', function () {
            //     $(".checkbox").prop('checked', $(this).is(":checked"));
            // });

            // // Existing Ajax Logic for Hot Deals / Status (preserved)
            // $(document).on('click', '.hotdeal_update', function (e) {
            //     e.preventDefault();
            //     var url = $(this).attr('href');
            //     var product = $('input.checkbox:checked').map(function () {
            //         return $(this).val();
            //     });
            //     var product_ids = product.get();
            //     if (product_ids.length == 0) {
            //         toastr.error('Please Select A Product First !');
            //         return;
            //     }
            //     $.ajax({
            //         type: 'GET',
            //         url: url,
            //         data: { product_ids },
            //         success: function (res) {
            //             if (res.status == 'success') {
            //                 toastr.success(res.message);
            //                 window.location.reload();
            //             } else {
            //                 toastr.error('Failed something wrong');
            //             }
            //         }
            //     });
            // });

            // $(document).on('click', '.update_status', function (e) {
            //     e.preventDefault();
            //     var url = $(this).attr('href');
            //     var product = $('input.checkbox:checked').map(function () {
            //         return $(this).val();
            //     });
            //     var product_ids = product.get();
            //     if (product_ids.length == 0) {
            //         toastr.error('Please Select A Product First !');
            //         return;
            //     }
            //     $.ajax({
            //         type: 'GET',
            //         url: url,
            //         data: { product_ids },
            //         success: function (res) {
            //             if (res.status == 'success') {
            //                 toastr.success(res.message);
            //                 window.location.reload();
            //             } else {
            //                 toastr.error('Failed something wrong');
            //             }
            //         }
            //     });
            // });

            // // Category Ajax for Create Modal (Re-using logic)
            // $("#createProductModal #category_id").on("change", function () {
            //     var ajaxId = $(this).val();
            //     if (ajaxId) {
            //         $.ajax({
            //             type: "GET",
            //             url: "{{ url('ajax-product-subcategory') }}?category_id=" + ajaxId,
            //             success: function (res) {
            //                 if (res) {
            //                     $("#createProductModal #subcategory_id").empty();
            //                     $("#createProductModal #subcategory_id").append('<option value="0">Choose...</option>');
            //                     $.each(res, function (key, value) {
            //                         $("#createProductModal #subcategory_id").append('<option value="' + key + '">' + value + "</option>");
            //                     });
            //                 } else {
            //                     $("#createProductModal #subcategory_id").empty();
            //                 }
            //             }
            //         });
            //     }
            // });

            // $("#createProductModal #subcategory_id").on("change", function () {
            //     var ajaxId = $(this).val();
            //     if (ajaxId) {
            //         $.ajax({
            //             type: "GET",
            //             url: "{{ url('ajax-product-childcategory') }}?subcategory_id=" + ajaxId,
            //             success: function (res) {
            //                 if (res) {
            //                     $("#createProductModal #childcategory_id").empty();
            //                     $("#createProductModal #childcategory_id").append('<option value="0">Choose...</option>');
            //                     $.each(res, function (key, value) {
            //                         $("#createProductModal #childcategory_id").append('<option value="' + key + '">' + value + "</option>");
            //                     });
            //                 } else {
            //                     $("#createProductModal #childcategory_id").empty();
            //                 }
            //             }
            //         });
            //     }
            // });

        });
    </script>
@endsection