@extends('dashboard.layout.app')
@section('style')


@endsection
@section('content')

@include('dashboard.blocks.title',['button' => true, 'route' =>route('jobs.index'), 'icon' => 'arrow-left'])

                {!!Form::open( ['url' => '/dashboard/jobs/' ,'method' => 'Post','files' => true]) !!}
                @include('dashboard.jobs.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_ar').attr('name', "var["+name+"]["+num+"][value_ar]");
                $(this).find('.featt_value_en').attr('name', "var["+name+"]["+num+"][value_en]");
                num++;
            });
        });
        
    }
</script>
@endsection