@extends('backend.layouts.app')

@section('content')

    <div class="aiz-titlebar text-left mt-2 mb-3">
        <div class="row align-items-center">
            <div class="col-md-6">
                <h1 class="h3">{{ translate('Restored Product') }}</h1>
            </div>
        </div>
    </div>

    <div class="admin-list-table pt-0">

        <div class="d-none align-items-center py-3 tableTab-freeze">
            <div class="common-tbl-head m-0 ml-1 d-none">
                <div class="common-tbl-heading">{{ translate('Products') }}</div>
                <div class="selected-prod">Selected Products (<span id="sProduct">0</span>)</div>
                <div class="delete-select" id="deletedData" style="display:none"><a href="javascript:void(0);"
                        id="delete_records">Delete Selected <i class="icons icon-delete"></i></a></div>


            </div>
            <div class="table-search ml-auto">
                <i class="icons icon-search-s"></i>
                <form class="" action="" method="GET">
                    <input type="text" class="form-control" id="search"
                        name="search"@isset($sort_search) value="{{ $sort_search }}" @endisset
                        placeholder="{{ translate('Search by name') }}">
                </form>
            </div>
        </div>
        <div class="admin-table table-freezed mt-4">
            <div class="table-responsive ">
                <table class="table m-0">
                    <thead>
                        <tr>
                            {{--  <th width="2%" class="text-center tbl-shadow">
                        <div class="custom-checkbox m-auto">
                            <input class="custom-control-input" type="checkbox" id="checkAll">
                            <label class="custom-control-label" for="checkAll"></label>
                        </div>
                    </th>  --}}
                            <th class="text-center" style="width: 4%">S.No.</th>
                            <th class="text-center">{{ translate('Product/Post ID') }}</th>
                            <th class="" width="20px">{{ translate('Product Name') }}</th>
                            <th class="text-center">{{ translate('User Name') }}</th>
                            <th class="text-center">{{ translate('Category') }}</th>
                            <th class="text-center">{{ translate('Product Type') }}</th>
                            <th class="text-center">{{ translate('Availability') }}</th>
                            <th class="text-center">{{ translate('Price') }}</th>
                            <th class="text-center">{{ translate('Model No.') }}</th>
                            <th class="text-center">{{ translate('Created On') }}</th>
                            <th class="text-center">{{ translate('Restored On') }}</th>
                            <!-- <th class="text-center">{{ translate('Country ') }}</th> -->
                            <th class="text-center" width="10%">{{ translate('Status') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if ($listProducts->count() > 0)
                            @foreach ($listProducts as $key => $seller)
                                @php
                                    if ($seller->published == 1) {
                                        $class = 'pending';
                                        $approve_class = 'open-approveCate-modal';
                                    } elseif ($seller->published == 4) {
                                        $class = 'reject';
                                        $approve_class = 'open-approveCate-modal';
                                    } elseif ($seller->published == 3) {
                                        $class = 'publish';
                                        $approve_class = 'open-approveCate-modal';
                                    } else {
                                        $class = 'draft';
                                        $approve_class = '';
                                    }
                                @endphp
                                <tr>
                                    {{--  <td class="text-center tbl-shadow">
                                <div class="custom-checkbox m-auto">
                                    <input type="checkbox" name="ids[]" class="custom-control-input product_checkbox" value="{{ $seller->id }}" id="checkAll_{{ $seller->id }}">
                                    <label class="custom-control-label" for="checkAll_{{ $seller->id }}"></label>
                                </div>
                            </td>  --}}
                                    <td class="text-center">
                                        {{ $key + 1 + ($listProducts->currentPage() - 1) * $listProducts->perPage() }}</td>
                                    <td class="text-center">{{ $seller->unique_number ?? 'N/A' }}</td>
                                    <td class="" data-toggle="tooltip" data-placement="right"
                                        title="{{ $seller->product_name ?? 'N/A' }}">
                                        <div
                                            style="text-overflow: ellipsis;width:200px;overflow:hidden;white-space:nowrap;">
                                            {{ $seller->product_name ?? 'N/A' }}
                                        </div>
                                    </td>
                                    <td class="text-center" style="white-space: nowrap">{{ $seller->name ?? 'N/A' }}</td>
                                    <td class="text-center" style="white-space: nowrap">{{ $seller->category_name ?? 'N/A' }}</td>
                                    <td class="text-center">
                                        @if ($seller->product_type == 'simple')
                                            <span
                                                class="simple">{{ ucwords(str_replace('_', ' ', $seller->product_type)) }}</span>
                                        @elseif($seller->product_type == 'configured')
                                            <span
                                                class="configured">{{ ucwords(str_replace('_', ' ', 'configured')) }}</span>
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        @if ($seller->availability == 'in_stock')
                                            <span
                                                class="inStock-lbl">{{ ucwords(str_replace('_', ' ', $seller->availability)) }}</span>
                                        @elseif($seller->availability == 'by_order')
                                            <span
                                                class="byOrder-lbl">{{ ucwords(str_replace('_', ' ', $seller->availability)) }}</span>
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td class="text-center" style="white-space: nowrap !important">
                                        @if ($seller->unit_price)
                                            {{ \App\Models\Currency::where('id', $seller->currency_id)->value('symbol') ?? 'N/A' }}
                                            {{ $seller->unit_price ?? 'N/A' }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td class="text-center">{{ $seller->model_number ?? 'N/A' }}</td>
                                    <!-- <td class="text-center">{{ $seller->time_zone ?? 'N/A' }}</td>  -->
                                    <td class="text-center" style="white-space: nowrap !important">
                                        {{ \Carbon\Carbon::parse($seller->created_at)->format('Y-m-d h:i A') }}</td>
                                    <td class="text-center" style="white-space: nowrap !important">
                                        {{ \Carbon\Carbon::parse($seller->is_restored)->format('Y-m-d h:i A') }}</td>
                                    <td class="text-center">
                                        <div class="tbl-action-link">
                                            <a href="javascript:void(0);" data-product_id = "{{ $seller->id ?? '' }}"
                                                data-category_id="{{ $seller->category_id }}"
                                                class="badge badge-{{ $class }} m-0 {{ $approve_class }}">
                                                @if ($seller->published == 0 || $seller->published == 2)
                                                    Draft
                                                @elseif($seller->published == 1)
                                                    Pending
                                                @elseif($seller->published == 3)
                                                    Approved
                                                @elseif($seller->published == 4)
                                                    Rejected
                                                @else
                                                    Draft
                                                @endif
                                            </a>
                                        </div>
                                    </td>
                                    {{-- <!-- <td class="text-center">
                                <div class="countryWflag f16" style="width: max-content;font-size:12px;">
                                    <span class="inline-flag flag {{ strtolower($seller->user->country) }}"></span>
                                    {{ \App\Country::where('code', $seller->country)->value('name') ?? '-' }}
                                </div>
                            </td> --> --}}

                                    {{--  <td class="text-center">
                                <div class="tbl-action-link">

                                    <a href="javascript:void(0);" class="del-link confirm-delete" data-href="{{route('softdelete.productdestroy', encrypt($seller->id))}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"><i class="icons icon-delete"></i></a>

                                </div>
                                <!-- <div class="aiz-topbar-item ml-2">
                                    <div class="align-items-stretch d-flex dropdown">
                                        <a class="dropdown-toggle no-arrow text-dark" data-toggle="dropdown" href="javascript:void(0);" role="button" aria-haspopup="false" aria-expanded="false">
                                            <span class="d-flex align-items-center">
                                                <span class="d-none d-md-block">
                                                    <button type="button" class="btn btn-sm btn-dark">{{translate('Actions')}}</button>
                                                </span>
                                            </span>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated dropdown-menu-xs">
                                            <a href="#" data-href="{{route('softdelete.productrestore', encrypt($seller->id))}}" class="dropdown-item restore-delete">
                                                {{translate('Restore')}}
                                            </a>

                                            <a href="#" class="dropdown-item permanent-delete" data-href="{{route('softdelete.productdestroy', encrypt($seller->id))}}" class="">
                                                {{translate('Permanent Delete')}}
                                            </a>
                                        </div>
                                    </div>
                                </div> -->
                            </td>  --}}
                                </tr>
                            @endforeach
                        @else
                            <tr class="no-data">
                                <td colspan="50">
                                    <div class="nodata-col">
                                        <i
                                        class="icons @if (!empty(request()->search)) icon-no-data @else icon-no-items @endif"></i>
                                    @if (!empty(request()->search))
                                        <h1>No result found</h1>
                                    @else
                                        <h1>No data added yet</h1>
                                    @endif

                                    </div>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
            <div class="aiz-pagination">
                <div class="perPage">
                    Total Restored Product(s): <strong>{{ $listProducts->total() }}</strong>
                </div>
                {{ $listProducts->appends(request()->input())->links() }}
            </div>
        </div>
    </div>

@endsection

@section('modal')
    <!-- Delete Modal -->
    @include('modals.delete_modal')

    <!-- Seller Profile Modal -->
    <div class="modal fade" id="profile_modal">
        <div class="modal-dialog">
            <div class="modal-content" id="profile-modal-content">

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

    <!-- delete Modal -->
    <div id="parmanent-delete-modal" class="modal fade">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title h6">{{ translate('Delete Confirmation') }}</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                </div>
                <div class="modal-body text-center">
                    <p class="mt-1">
                        {{ translate('If you delete this product you will permanent lose this product data. Are you sure to parmanent delete this product?') }}
                    </p>
                    <button type="button" class="btn btn-link mt-2"
                        data-dismiss="modal">{{ translate('Cancel') }}</button>
                    <a href="" id="permanent-link" class="btn btn-primary mt-2">{{ translate('Delete') }}</a>
                </div>
            </div>
        </div>
    </div><!-- /.modal -->

    <!-- delete Modal -->
    <div id="restore-delete-modal" class="modal fade">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title h6">{{ translate('Restore Confirmation') }}</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                </div>
                <div class="modal-body text-center">
                    <p class="mt-1">{{ translate('Are you sure to restore this Product?') }}</p>
                    <button type="button" class="btn btn-link mt-2"
                        data-dismiss="modal">{{ translate('Cancel') }}</button>
                    <a href="" id="restore-link" class="btn btn-primary mt-2">{{ translate('Restore') }}</a>
                </div>
            </div>
        </div>
    </div><!-- /.modal -->

    <!-- Seller Payment Modal -->
    <div class="modal fade" id="payment_modal">
        <div class="modal-dialog">
            <div class="modal-content" id="payment-modal-content">

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

    <!-- Ban Seller Modal -->
    <div class="modal fade" id="confirm-ban">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title h6">{{ translate('Confirmation') }}</h5>
                    <button type="button" class="close" data-dismiss="modal">
                    </button>
                </div>
                <div class="modal-body">
                    <p>{{ translate('Do you really want to ban this seller?') }}</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ translate('Cancel') }}</button>
                    <a class="btn btn-primary" id="confirmation">{{ translate('Proceed!') }}</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Unban Seller Modal -->
    <div class="modal fade" id="confirm-unban">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title h6">{{ translate('Confirmation') }}</h5>
                    <button type="button" class="close" data-dismiss="modal">
                    </button>
                </div>
                <div class="modal-body">
                    <p>{{ translate('Do you really want to ban this seller?') }}</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ translate('Cancel') }}</button>
                    <a class="btn btn-primary" id="confirmationunban">{{ translate('Proceed!') }}</a>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script type="text/javascript">
        $(document).on('click', '.permanent-delete', function() {
            var a = $(this).attr("data-href");
            $("#parmanent-delete-modal").modal("show");
            $("#permanent-link").attr("href", a)
        });


        $(document).on('click', '.restore-delete', function() {
            var a = $(this).attr("data-href");
            $("#restore-delete-modal").modal("show");
            $("#restore-link").attr("href", a)
        });

        function show_seller_payment_modal(id) {
            $.post('{{ route('sellers.payment_modal') }}', {
                _token: '{{ @csrf_token() }}',
                id: id
            }, function(data) {
                $('#payment_modal #payment-modal-content').html(data);
                $('#payment_modal').modal('show', {
                    backdrop: 'static'
                });
                $('.demo-select2-placeholder').select2();
            });
        }

        function show_seller_profile(id) {
            $.post('{{ route('sellers.profile_modal') }}', {
                _token: '{{ @csrf_token() }}',
                id: id
            }, function(data) {
                $('#profile_modal #profile-modal-content').html(data);
                $('#profile_modal').modal('show', {
                    backdrop: 'static'
                });
            });
        }

        function update_approved(el) {
            if (el.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('sellers.approved') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function(data) {
                if (data == 1) {
                    AIZ.plugins.notify('success', '{{ translate('Approved sellers updated successfully') }}');
                } else {
                    AIZ.plugins.notify('danger', '{{ translate('Something went wrong') }}');
                }
            });
        }

        function sort_sellers(el) {
            $('#sort_sellers').submit();
        }
        $('#search').keypress(function(e) {
            if (e.which == 13) {
                $('#sort_sellers').submit();
            }
        });

        function confirm_ban(url) {
            $('#confirm-ban').modal('show', {
                backdrop: 'static'
            });
            document.getElementById('confirmation').setAttribute('href', url);
        }

        function confirm_unban(url) {
            $('#confirm-unban').modal('show', {
                backdrop: 'static'
            });
            document.getElementById('confirmationunban').setAttribute('href', url);
        }


        //    Delete Multiple Data 

        $(document).on('click', '#checkAll', function() {
            $("#sProduct").text("0");
            if ($(this).is(":checked")) {
                $("#deletedData").css("display", "block");
                $("#restoreData").css("display", "block");
            } else {
                $("#deletedData").css("display", "none");
                $("#restoreData").css("display", "none");
            }
            $(".product_checkbox").prop("checked", this.checked);
            $("#select_count").html($("input.product_checkbox:checked").length + " Selected");
        });

        $(document).on('click', '.product_checkbox,#checkAll', function() {
            if ($(this).is(':checked')) {
                $(this).closest('tr').addClass('active');

            } else {
                $(this).closest('tr').removeClass('active');

            }
            if ($('.product_checkbox:checked').length == $('.product_checkbox').length) {
                $('#checkAll').prop('checked', true);
                $("#deletedData").css("display", "block");
                $("#restoreData").css("display", "block");
            } else {
                if ($('.product_checkbox:checked').length == "0") {
                    $("#deletedData").css("display", "none");
                    $("#restoreData").css("display", "none");
                } else {
                    $("#deletedData").css("display", "block");
                    $("#restoreData").css("display", "block");
                }
                $('#checkAll').prop('checked', false);
            }
            $("#sProduct").text($("input.product_checkbox:checked").length);
        });


        $(document).on('click', '#delete_records', function() {
            var row = $(this).closest('tr');
            var products = [];
            $(".product_checkbox:checked").each(function() {
                products.push($(this).val());
            });

            if (products.length <= 0) {
                alert("Please select records.");
            } else {

                WRN_PROFILE_DELETE = "Are you sure you want to delete " + (products.length > 1 ? "these" : "this") +
                    " row?";
                var checked = confirm(WRN_PROFILE_DELETE);
                if (checked == true) {
                    var selected_values = products.join(",");
                    console.log(selected_values);
                    $.ajax({
                        type: "POST",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: "{{ url('/admin/softdelete/product/multiple_product_destroy') }}",
                        cache: false,
                        data: 'emp_id=' + selected_values,


                        success: function(response) {

                            AIZ.plugins.notify('success',
                                '{{ translate('Product Deleted successfully') }}');
                            setTimeout(function() {
                                location.reload();
                            }, 2000);

                        }
                    });

                }
            }
        });







        // Restore Record


        $(document).on('click', '#restore_records', function() {
            var row = $(this).closest('tr');
            var products = [];
            $(".product_checkbox:checked").each(function() {
                products.push($(this).val());
            });

            if (products.length <= 0) {
                alert("Please select records.");
            } else {

                WRN_PROFILE_DELETE = "Are you sure you want to restore " + (products.length > 1 ? "these" :
                    "this") + " row?";
                var checked = confirm(WRN_PROFILE_DELETE);
                if (checked == true) {
                    var selected_values = products.join(",");

                    $.ajax({
                        type: "POST",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: "{{ url('/admin/softdelete/product/multiple_product_restore') }}",
                        cache: false,
                        data: 'emp_id=' + selected_values,


                        success: function(response) {
                            // alert('asas'); return false;

                            AIZ.plugins.notify('success',
                                '{{ translate('Product Restore successfully') }}');
                            setTimeout(function() {
                                location.reload();
                            }, 2000);
                        }
                    });

                }
            }
        });
    </script>
@endsection