@extends('admin.layout.master')

@section('content')




@endsection
@push('js')
    <script>
        $(function () {
            $('body').on('submit','#editForm',function (e) {
                e.preventDefault();
                // alert('asdasd');
                $.ajax({
                    url: '{{ route('categories.update',$rows->id) }}',
                    method: "post",
                    data: new FormData(this),
                    dataType: 'json',

                    cache       : false,
                    contentType : false,
                    processData : false,

                    success: function (response) {
                        if(response.status == 'failed'){
                            $.each(response.error, function( index, value ) {
                                for (var i=0 ; i<=value.length ; i++){
                                    $('#error').show();
                                    $('#error').append(value[i]);
                                }
                            });
                        }else{
                            $('#error').hide();
                            if(response.status == 'success'){
                                new Noty({
                                    type: 'success',
                                    layout: 'topRight',
                                    text: "@lang('admin.successfuly_added')",
                                    timeout: 2000,
                                    killer: true
                                }).show();
                            }
                            // table.ajax.reload();
                            $("#addform")[0].reset();
                        }
                        // window.location.reload();
                    },

                });
            });

            $('body').on('change','#catId',function (e) {
                e.preventDefault();
                var val = $(this).val();
                if (val == ' '){
                    $('#check_brand').hide();
                }else{
                    $('#check_brand').show();
                }
            });

            @foreach(config('translatable.locales') as $loc)
            $("body").on('change','.image-{{$loc}}',function () {

                if (this.files && this.files[0]) {
                    var reader = new FileReader();

                    reader.onload = function (e) {
                        $('.image-preview-{{$loc}}').attr('src', e.target.result);
                    }

                    reader.readAsDataURL(this.files[0]);
                }

            });
            @endforeach

            @foreach(config('translatable.locales') as $loc)
            $("body").on('change','.imagee-{{$loc}}',function () {

                if (this.files && this.files[0]) {
                    var reader = new FileReader();

                    reader.onload = function (e) {
                        $('.image-previeww-{{$loc}}').attr('src', e.target.result);
                    }

                    reader.readAsDataURL(this.files[0]);
                }

            });
            @endforeach



        })

        // drop xone code
        Dropzone.autoDiscover = false;
        var drop;
        $(document).ready(function () {
            'use strict';
            drop = $('#dropzonefield').dropzone({
                url: "{{route('upload-image-categories',$rows->id)}}",
                paramName:'file' ,
                uploadMultiple:true ,
                maxFiles:10,
                maxFilesize:209715200,
                dictDefaultMessage:"{{trans('admin.Click_here_to_upload_files_or_drag_and_drop_files_here_brand')}}",
                dictRemoveFile:"{{ trans('admin.delete') }}",
                acceptedFiles:'image/*,video/*',
                autoProcessQueue: true,
                timeout: 180000,
                parallelUploads:1,
                removeType: "server",
                params:{
                    _token: '{{csrf_token()}}' ,
                },
                addRemoveLinks:true,
                removedfile: function (file) {
                    if(drop[0].dropzone.options.removeType == "server") {
                        $.ajax({
                            dataType:'json',
                            type:'POST',
                            url:"{{route('delete-image-categories',$rows->id)}}",
                            data:{file:file.name,_token:'{{csrf_token()}}'},
                        });
                        var fmock;
                        return (fmock = file.previewElement) != null ? fmock.parentNode.removeChild(file.previewElement):void 0;
                    }else{
                        file.previewElement.remove();
                    }
                },
                success:function (file,response) {
                    file.id = response.id;
                }
            });
            @foreach($rows->files->where('main',0) as $photo)
            var file = { id: '{{$photo->id}}', name: '{{$photo->tag}}', type: "image/*" };
            var url = '{{ asset($photo->image) }}';
            drop[0].dropzone.emit("addedfile", file);
            drop[0].dropzone.emit("thumbnail", file, url);
            drop[0].dropzone.emit("complete", file);
            @endforeach
        });

        function uploadFiles(){
            drop[0].dropzone.processQueue();
        }
    </script>
@endpush