@extends('dashboard.layout.app')
@section('style')
@endsection
@section('content')
@include('dashboard.blocks.title',['button' => true, 'route' =>route('posts.index'), 'icon' => 'arrow-left'])

                {!!Form::model($row , ['url' => ['/dashboard/posts/'.$row->id] , 'method' => 'PATCH','files'=>true]) !!}
                @include('dashboard.posts.form')
                {!!Form::close() !!}
               
@endsection
@section('script')
<script>
    setFeaturesNames();
    $('body').on('click', '.add-new-feature', function () {
        var block = $(this).parent().parent().find('.feature-item');
        var new_feat = block.find(".feature-item-example.hidden").last().clone();
        new_feat.removeClass('hidden').addClass('feat_new');
        block.append(new_feat);
        setFeaturesNames();
    });

    $('body').on('click', '.del-feature', function (e) {
        $(this).closest('.feat_new').remove();

        setFeaturesNames();
    });


    function setFeaturesNames() {
        $('.feature-item').each(function () {
            // console.log('feature-item');
            var num = 1;
            $(this).find('.feat_new').each(function () {
                // console.log('feature-item      ' + num);
                $(this).find('.feat_title_ar').attr('name', "features["+num+"][title][ar]");
                $(this).find('.feat_title_en').attr('name', "features["+num+"][title][en]");
                $(this).find('.feat_value_ar').attr('name', "features["+num+"][value][ar]");
                $(this).find('.feat_value_en').attr('name', "features["+num+"][value][en]");
                num++;
            });
        });
        
    }
</script>
<script>
    setFeatureesNames();
    $(document).on('click', '.add-new-featuree', function () {
        var block = $(this).parent().parent().find('.featuree-item');
        var new_feat = block.find(".featuree-item-example.hidden").last().clone();
        new_feat.removeClass('hidden').addClass('featt_new');
        block.append(new_feat);
        // $('.colorpicker-default').colorpicker({
        //     format: 'hex'
        // });
        setFeatureesNames();
    });

    $('body').on('click', '.del-featuree', function (e) {
        $(this).closest('.featt_new').remove();

        setFeatureesNames();
    });


    function setFeatureesNames() {
        $('.featuree-item').each(function () {
            // console.log('featuree-item');
            var name = $(this).attr('data-featuree-name');
            var num = 1;
            $(this).find('.featt_new').each(function () {
                // console.log('featuree-item      ' + num);
                $(this).find('.featt_title_ar').attr('name', "var["+name+"]["+num+"][title][ar]");
                $(this).find('.featt_title_en').attr('name', "var["+name+"]["+num+"][title][en]");
                $(this).find('.featt_value_o').attr('name', "var["+name+"]["+num+"][value_o]");
                $(this).find('.featt_image').attr('name', "var["+name+"]["+num+"][image]");
                $(this).find('.featt_old_image').attr('name', "var["+name+"]["+num+"][old_image]");
                num++;
            });
        });
        
    }
</script>
@endsection