@extends('backend.layouts.app')

@section('content')

    <div class="aiz-titlebar text-left mt-2 mb-3">
        <h5 class="mb-0 h6">{{translate('Edit Product Pending Information')}}</h5>
    </div>

    <div class="col-lg-10 mx-auto">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0 h6">{{translate('Product Pending Information')}}</h5>
            </div>
            <div class="card-body">
                <h5 class="mb-3">{{translate('Product Information')}}</h5>
                <div class="product_info">
                    @foreach($product->info_update_pending as $attr=>$value)
                        @php
                            $uuid =   implode('-',[rand(1000,9999),rand(1000,9999),rand(1000,9999),rand(1000,9999),time()])
                        @endphp
                        <div class="form-group row" id="attr-{{$uuid}}">
                            <label class="col-sm-2 col-from-label" for="name">{{translate($attr)}}</label>
                            <div class="col-sm-5">
                                @if($attr =='thumbnail_img')
                                    <img class="img-fluid lazyload"
                                         src="{{uploaded_asset($value['value'])}}">
                                @elseif($attr =='photos')
                                    @php
                                        $images=explode(',', $value['value']);
                                    @endphp
                                    <div class="row">
                                        @foreach($images as $image)
                                            <img class="img-fluid lazyload m-2" width="50" height="50"
                                                 src="{{uploaded_asset($image)}}">
                                        @endforeach
                                    </div>
                                @else
                                    <input type="text" readonly id="name" name="name" class="form-control"
                                           value="{{$value['value']}}">
                                @endif
                            </div>
                            <div class="col-sm-5">
                                <button class="btn btn-success pending_values_approve"
                                        id="pending_values_approve"
                                        data-attribute="{{$attr}}"
                                        data-id="{{$product->id}}"
                                        data-uuid="{{$uuid}}"
                                        type="button"
                                >
                                    approved
                                </button>
                                <button class="btn btn-danger pending_values_not_approved"
                                        id="pending_values_not_approved"
                                        data-attribute_not_approved="{{$attr}}"
                                        data-id="{{$product->id}}"
                                        data-uuid="{{$uuid}}"
                                >
                                    not approved
                                </button>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            <div class="card-body">
                <h5 class="mb-3">{{translate('Product Translate Information')}}</h5>
                <div class="shop_info">
                    @foreach($products_translate as $product_translate)
                        @if(!empty(json_decode($product_translate->info_update_pending,true)))
                                        @foreach(json_decode($product_translate->info_update_pending,true) as $attr=>$value)
                                                @php
                                                 $uuid =   implode('-',[rand(1000,9999),rand(1000,9999),rand(1000,9999),rand(1000,9999),time()])
                                                @endphp

                                                <div class="form-group row" id="attr-{{$uuid}}">
                                                    <label class="col-sm-2 col-from-label"
                                                           for="name">{{translate($attr)}} (<span
                                                            class="text-danger h5">{{$value['lang']}}</span>) </label>
                                                    <div class="col-sm-5">
                                                        @if($attr=='description')
                                                            <h6 class="text-muted"
                                                                style="background-color: #f7f8fa;padding: 13px 7px 10px 13px;">{!! $value['value'] !!}</h6>
                                                        @elseif($attr =='meta_img')
                                                            <img class="img-fluid lazyload"
                                                                 src="{{uploaded_asset($value['value'])}}">
                                                        @else
                                                            <input type="text" readonly id="name" name="name"
                                                                   class="form-control" value="{{$value['value']}}">
                                                        @endif
                                                    </div>
                                                    <div class="col-sm-5">
                                                        <button class="btn btn-success pending_values_approve"
                                                                id="pending_values_approve"
                                                                data-id-product="{{$product_translate->id}}"
                                                                data-attribute="{{$attr}}"
                                                                data-uuid="{{$uuid}}"
                                                                type="button"
                                                        >
                                                            approved
                                                        </button>
                                                        <button class="btn btn-danger pending_values_not_approved"
                                                                id="pending_values_not_approved"
                                                                data-attribute_not_approved="{{$attr}}"
                                                                data-id-product="{{$product_translate->id}}"
                                                                data-uuid="{{$uuid}}"
                                                                data-type="product_translate"
                                                        >
                                                            not approved
                                                        </button>
                                                    </div>
                                                </div>

                                      @endforeach
                                    @endif
                                @endforeach
                            </div>

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



    <div class="modal fade" id="modalImages" tabindex="-1" role="dialog" aria-labelledby="exampleModalSizeLg"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body" id="modalImagesBody">
                    <form>
                        <input id="attr" type="hidden">
                        <input id="id" type="hidden">
                        <input id="idProductTrans" type="hidden">
                        <input id="uuid" type="hidden">
                        <div class="row">
                            <div class="col">
                                <label class="col-form-label h3">{{translate('The Reason Of Refuse')}}</label>
                                <textarea name="note" id="note" class="form-control" rows="3"></textarea>
                            </div>
                        </div>
                        <br>
                        <div class="row text-center">
                            <div class="col">
                                <a id="module_refuse" class="btn btn-danger" type="button">{{translate('Ok')}}</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>

@endsection
@section('script')
    <script>
        $(document).on('click', '.pending_values_approve', function (e) {
            e.preventDefault();
            var approved = $(this).attr('data-attribute');
            var id = $(this).attr('data-id');
            var idProductTrans = $(this).attr('data-id-product');
            var uuid = $(this).data('uuid');

            console.log(uuid)
            let productDOM = '';
            let userDOM = '';
            $.ajax({
                url: "{{route('products.update_product_seller_pending')}}",
                type: "GET",

                data: {_token: '{{ csrf_token() }}', id: id,idProductTrans:idProductTrans, attr: approved, status: 'approved'},
                dataType: "json",

                success: function (response) {
                    $("#attr-"+uuid).hide();
                    AIZ.plugins.notify('success', '{{ translate('Approved product updated successfully') }}');

                }
            });
        })

        $(document).on('click','.pending_values_not_approved',function (e) {
            e.preventDefault();
            var not_approved = $(this).attr('data-attribute_not_approved');
            var id = $(this).attr('data-id');
            var idProductTrans = $(this).attr('data-id-product');
            var uuid = $(this).data('uuid');
            console.log(idProductTrans)
            $("#modalImages #attr").val( not_approved );
            $("#modalImages #id").val( id );
            $("#modalImages #idProductTrans").val( idProductTrans );
            $("#modalImages #uuid").val( uuid );
            $("#modalImages").modal('show')
        })



        $('#module_refuse').click(function (e) {
            e.preventDefault();
            let note = $('#note').val()
            let attr = $('#attr').val()
            let id = $('#id').val()
            let uuid = $('#uuid').val()
            let idProductTrans = $('#idProductTrans').val()
            let shopDOM = '';
            let userDOM = '';
            $.ajax({
                url: "{{route('products.update_product_seller_pending')}}",
                type: "GET",

                data: {
                    _token:'{{ csrf_token() }}',id:id,idProductTrans:idProductTrans ,attr:attr, note:note ,status:'not_approved'
                },
                dataType: "json",
                success: function (response) {
                    console.log(response)

                    AIZ.plugins.notify('success', '{{ translate('Approved product updated successfully') }}');
                    $("#attr-"+uuid).hide();
                    $('#note').val('')
                    $("#modalImages").modal('hide')
                }
            });
        })
    </script>
@endsection