@extends('layout.header')
@section('title')
Bid_entry | Dashboard
@endsection
<!--@section('maintitle')
Bid-Project
@endsection-->
@section('main')
<div>
    <input type="hidden" value="" id="contentid">
    <input type="hidden" value="{{$tech_id}}" id="get_tech_id">
    <input type="hidden" value="{{$contract_id}}" id="get_contract_id">
    <input type="hidden" value="{{$project_title}}" id="get_project_title">
    <input type="hidden" value="{{$project_ID}}"id="bid_project_id">
    <input type="hidden" value="{{URL::to('/theme_plugin')}}" class="imgPath">
    <input type="hidden" value="{{URL::to('ProposalHTML/img')}}" class="imgPathFrontPage">
    <input type="hidden" value="{{URL::to('ProposalHTML/img/plus.png')}}" class="hdnPlusIcon">
    <input type="hidden" value="{{URL::to('ProposalHTML/img/close.png')}}" class="hdnCloseIcon">
    <input type="hidden" value="{{URL::to('ProposalHTML/img/add_icon.png')}}" class="hdn_Add_Icon">
    <input type="hidden" value="{{URL::to('ProposalHTML/img/edit_icon.png')}}" class="hdn_Edit_Icon">
    <input type="hidden" value="{{URL::to('ProposalHTML/img/close_icon.png')}}" class="hdn_Close_Icon">
    <input type="hidden" value="{{$previewHTML}}" id="previewHTML">
    <input type="hidden" name="checkfolder" id="checkfolder" value="{{$checkfile_download}}" class="form-control">
    <a href="javascript:;" class="btn btn-primary d_save_proposal" style="margin: 2%;">Save Proposal</a>
    @if($previewHTML != "")
    <a href="{{$previewHTML}}" class="btn btn-primary" target="_blank">Preview Proposal</a>
    @endif
    <!--    <form method="post" action="{{ route('generate_pdfs',['download'=>'pdf'])}}" method="" id="myform" role="form">
            {{csrf_field()}}
            <input type="hidden" name="path" id="path" value="{{$fileset}}" class="form-control">
    
            <button class="btn btn-primary download_proposal" style="margin: 2%;display:none">Download Proposal</button>
        </form>-->
    <meta name="csrf-token" content="{{csrf_token()}}">
    <div class="modal" id="editContent">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Edit Content</h4>        
                </div>              
                <div class="modal-body">
                    <input type="text" class="form-control d_edit_content_textarea">
                </div>             
                <div class="modal-footer">
                    <button type="button" class="btn btn-success d_btn_success_edit_model">Edit</button>
                    <button type="button" class="btn btn-danger d_btn_close_edit_model" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>
    <div id="modal_custom_overview" class="modal ">
        <div class="modal_section">
            <div class="custom_container">
                <div class="modal_content">                   
                    <div class="modal_form">
                        <h6>Add Custom Section</h6>
                        <form class="modal_form">
                            <div class="form-group">
                                <label>Criteria</label>
                                <select name="custom_subtech_overview_dropdown" id="subtech_overview_dropdown" class="form-input">
                                    @foreach($subTech as $sub_Tech)
                                    <option value="{{$sub_Tech->id}}">{{$sub_Tech->title}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Title</label>
                                <input type="text" class="form-input custom_overview_title">
                            </div>
                            <div class="form-group">
                                <label>Content</label> 
                                <textarea id="d_custom_overview_textarea"></textarea>
                                <!--<input type="text" class="form-control" >-->
                            </div>
                            <div class="form-group form-group-btn">
                                <input type="reset" value="Cancel" class="gray_btn modal_cancel">
                                <input type="button" value="Save" class="green_btn btn_save_custom_overview">                          
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="NewModalCustomOverview" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg">
            <!-- Modal content-->
            <form action="" method="post">
                <div class="modal-content">
                    <div class="modal-header">          
                        <h6>Add Custom Section</h6>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" class="pageClonID">
                        <div class="form-group">
                            <label>Criteria</label>
                            <select name="custom_subtech_overview_dropdown" id="subtech_overview_dropdown_extra" class="form-control">
                                @foreach($subTech as $sub_Tech)
                                <option value="{{$sub_Tech->id}}">{{$sub_Tech->title}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Title</label>
                            <input type="text" class="form-control custom_overview_title_extra">
                        </div>
                        <div class="form-group">
                            <label>Content</label> 
                            <textarea id="d_custom_overview_textarea_extra"></textarea>         
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="gray_btn cancel_extra_model" data-dismiss="modal">Close</button>
                        <input type="button" value="Save" class="green_btn btn_save_custom_overview_extra">
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!--    ///////////////////////faq edit model/////////////////////-->
    <div class="modal" id="editContentfaq">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Edit FAQ Content</h4>        
                </div>              
                <div class="modal-body">
                    <textarea id="d_edit_content_textarea_faq"></textarea>                  
                </div>             
                <div class="modal-footer">
                    <button type="button" class="btn btn-success d_btn_success_edit_model_faq">Edit</button>
                    <button type="button" class="btn btn-danger d_btn_close_edit_model_faq" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div> 
    <div id="modal_custom_Faq" class="modal ">
        <div class="modal_section">
            <div class="custom_container">
                <div class="modal_content">                   
                    <div class="modal_form">
                        <h6>Add Custom Section</h6>
                        <form class="modal_form">                           
                            <div class="form-group">
                                <label>Question</label>
                                <input type="text" class="form-input custom_faq_title">
                            </div>
                            <div class="form-group">
                                <label>Tags</label>
                                <input type="text" class="form-input custom_faq_tags">
                            </div>
                            <div class="form-group">
                                <label>Answer</label> 
                                <textarea id="d_custom_faq_textarea"></textarea>
                                <!--<input type="text" class="form-control" >-->
                            </div>
                            <div class="form-group form-group-btn">
                                <input type="reset" value="Cancel" class="gray_btn modal_cancel">
                                <input type="button" value="Save" class="green_btn btn_save_custom_faq">                          
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="new_modal_custom_Faq" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">        
        <h4 class="modal-title">Add Custom Section</h4>
      </div>
      <div class="modal-body">
          <input type="hidden" class="hdnFaqPageID">
        <div class="form-group">
            <label>Question</label>
            <input type="text" class="form-control new_custom_faq_title">
        </div>
        <div class="form-group">
            <label>Tags</label>
            <input type="text" class="form-control new_custom_faq_tags">
        </div>
        <div class="form-group">
            <label>Answer</label> 
            <textarea id="d_custom_faq_textarea_new"></textarea>                               
        </div>
      </div>
      <div class="modal-footer">
          <button type="button" class="gray_btn modal_cancel" data-dismiss="modal">Close</button>
          <input type="button" value="Save" class="green_btn d_btn_save_faq_newmodel">        
      </div>
    </div>
  </div>
</div>
    <!--//////////////////////////FAQ Model over/////////////////////////////////////////////////-->
    <div class="d_main_proposal_html">
        {!!html_entity_decode($replace_html)!!}
    </div>
</div>
<script>

    //-----------------------------------------OVERVIEW SECTION-----------------------------------------//

    $(document).ready(function () {
        var plusIcon = $('.hdnPlusIcon').val();
        var closeIcon = $('.hdnCloseIcon').val();
        var hdn_Add_Icon = $('.hdn_Add_Icon').val();
        var hdn_Edit_Icon = $('.hdn_Edit_Icon').val();
        var hdn_Close_Icon = $('.hdn_Close_Icon').val();

        var checkfolder = $('#checkfolder').val();
        if (checkfolder == 'builded')
        {
            $('.download_proposal').show();
        }
        $('.s_open').show();
        $('.d_overview_edit_icon').show();
        $('.d_overview_add_icon').hide();
        $('.d_overview_close_icon').show();
        $('.d_themeplugin_close_icon').show();
        $('.btn_toggle.s_open').show();
        $('.d_add_custom_section_main').show();
        $('.d_portfolio_close_icon').show();
        $('.d_fq_edit_icon').show();
        $('.d_fq_close_icon').show();
        $('.add_custom_section_faq').show();
        $('.d_add_custom_section_dynamic').show();
        $('.clonePage').show();
        $('.deletePage').show();
        $('.clonePortfolioPage').show();
        $('.deletePortfolioPage').show();
        $('.cloneFAQPage').show();
        $('.deleteFAQPage').show();
        $('.d_add_custom_section_faq_dynamice').show();
        //cost milestone
        $('.editdata').show();
        $('.deletedata').show();
        $(".d_add_custom_milestone_block").show();
        $('#projectdate').show();
        $('.d_estimate_start_date').hide();
        $('#projectdate').val($('.d_estimate_start_date').text());

        if ($('#previewHTML').val() == '') {
            $('.d_btn_htmlpreview').hide();
        } else {
            $('.d_btn_htmlpreview').show();
        }
        //get technology wise default data for overview content
        $.ajax({
            url: 'SearchParagraphContent',
            type: 'GET',
            data: {text: $('.search_tech_paragraph').val(), tech_id: $('#get_tech_id').val()},
            success: function (data)
            {
                $('.d_ov_wordpress_main').remove();
                $(".overview_pagin").empty();
                $.each(data, function (key, value) {
                    $('.d_overview_main_top_content').find('.d_pagination_overview').before('<div class="ov_wordpress_main d_ov_wordpress_main" data-contentid="' + value.id + '"><div class="ov_wordpress_heading d_ov_wordpress_heading"><h6 class="ov_wordpress_title">' + value.custom_proposal_title + '</h6><span class="added_green d_added_green" style="display:none;">Added</span><span style="color:red; margin-left:10px;">count(' + value.lead_count + ')</span><a href="javascript:;" class="ov_icon addContent" data-contentid="' + value.id + '" data-subtechid="' + value.sub_technology_id + '" data-custom-title="' + value.custom_proposal_title + '" data-custom-tags="' + value.tags + '"><img src="' + plusIcon + '" alt="icon"></a><a href="javascript:;" class="ov_icon d_remove_content" data-contentid="' + value.id + '" style="display:none;"><img src="' + closeIcon + '" alt="icon"></a></div><div class="ov_wordpress_content d_ov_wordpress_content">' + value.content + '</div><div class="ov_wordpress_tags"><h6>Tag (S) :</h6>  <span>' + value.tags + '</span></div></div>');
                });
                //custom pagination for overview                        
                var pageParts = $(".d_ov_wordpress_main");
                var numPages = pageParts.length;
                var perPage = 3;
                pageParts.slice(perPage).hide();
                $(".overview_pagin").pagination({
                    items: numPages,
                    itemsOnPage: perPage,
                    cssStyle: "compact-theme",
                    onPageClick: function (pageNum) {
                        var start = perPage * (pageNum - 1);
                        var end = start + perPage;
                        pageParts.hide()
                                .slice(start, end).show();
                    }
                });
            },
        });

        //add page
        var pageCount = 1;
        $(document).on('click', '.clonePage', function () {
            debugger;
            $('#toggle_overview').after(
                    '<page size="A4">' +
                    '<div class="overview_section overview_page_section">' +                              
                    '<div class="add_custom_section d_add_custom_section_dynamic dynamic_clone_' + pageCount + '" data-clonepage-id="' + pageCount + '">' +
                    '<div class="add_custom_text">' +
                    '<a href="javascript:;" class="add_custom_icon modal_btn d_modal_btn_overview" data-toggle="modal" data-target="#NewModalCustomOverview"><span class="add_img"><img src="'+hdn_Add_Icon+'" alt="icon"/></span><span>Add Custom Section</span></a>' +
                    '</div>' +
                    '</div>' +
                    '</div>' +
                    '<div class="footer_section">' +
                    '<span class="left_span">www.aliansoftware.com</span>' +
                    '<span class="right_span"></span>' +
                    '<span class="copyright_text">&copy; 2010-19 Alian Software. All Rights Reserved.</span>' +
                    '<a href="javascript:;" class="deletePage"><span  style="float: right;"> <img src="'+closeIcon+'" alt="icon"/> </span></a>' +
                    '</div>' +
                    '</page>');
            pageCount++;
        });

        //delete page
        $(document).on('click', '.deletePage', function () {
            debugger;
            $(this).parents('page').remove();
        });

        $(document).on('keypress', '#myforms_as input', function (e) {
            debugger;
            if (e.which == 13)
            {
                debugger;
                var subtech = $(".search_tech_paragraph").val();
                var tags = $(".search_tags").val();
                var tech_id = $('#get_tech_id').val();
                $.ajax({
                    url: 'searchtagscontent',
                    type: 'GET',
                    data: {'subtech': subtech, 'tags': tags, 'tech_id': tech_id},
                    success: function (data)
                    {
                        $('.d_ov_wordpress_main').remove();
                        $(".overview_pagin").empty();
                        $.each(data, function (key, value) {
                            $('.d_overview_main_top_content').find('.d_pagination_overview').before('<div class="ov_wordpress_main d_ov_wordpress_main" data-contentid="' + value.id + '"><div class="ov_wordpress_heading d_ov_wordpress_heading"><h6 class="ov_wordpress_title">' + value.custom_proposal_title + '</h6><span class="added_green d_added_green" style="display:none;">Added</span><span style="color:red; margin-left:10px;">count(' + value.lead_count + ')</span><a href="javascript:;" class="ov_icon addContent" data-contentid="' + value.id + '" data-subtechid="' + value.sub_technology_id + '" data-custom-title="' + value.custom_proposal_title + '" data-custom-tags="' + value.tags + '"><img src="'+ plusIcon +'" alt="icon"></a><a href="javascript:;" class="ov_icon d_remove_content" data-contentid="' + value.id + '" style="display:none;"><img src="'+ closeIcon +'" alt="icon"></a></div><div class="ov_wordpress_content d_ov_wordpress_content">' + value.content + '</div><div class="ov_wordpress_tags"><h6>Tag (S) :</h6>  <span>' + value.tags + '</span></div></div>');
                        });
                        //custom pagination for overview                        
                        var pageParts = $(".d_ov_wordpress_main");
                        var numPages = pageParts.length;
                        var perPage = 3;
                        pageParts.slice(perPage).hide();
                        $(".overview_pagin").pagination({
                            items: numPages,
                            itemsOnPage: perPage,
                            cssStyle: "compact-theme",
                            onPageClick: function (pageNum) {
                                var start = perPage * (pageNum - 1);
                                var end = start + perPage;
                                pageParts.hide()
                                        .slice(start, end).show();
                            }
                        });
                    },
                });
            }
//             e.preventDefault();

        });

        //for append text on overview section
        $(document).on('click', '.addContent', function () {
            debugger;
            $(this).hide();
            $(this).parents('.d_ov_wordpress_main').find('.d_remove_content').show();
            var content_id = $(this).attr('data-contentid');
            var subtech_id = $(this).attr('data-subtechid');
            var title = $(this).attr('data-custom-title');
            var tags = $(this).attr('data-custom-tags');
            $('#contentid').val(content_id);
            if ($('.d_overview_contain').length == 0)
            {
                $(this).parents('.d_ov_wordpress_main').find('.d_ov_wordpress_heading').find('.d_added_green').show();
                var text = $(this).parents('.d_ov_wordpress_main').find('.d_ov_wordpress_content').html();
                $('.d_add_custom_section_main').before('<div class="overview_contain overview_background d_overview_contain content_div_f" data-over-contentid="' + content_id + '">' +
                        '<div class="getOverviewContent"><p>' + text + '</p></div>' +
                        '<div class="overview_all_icon">' +
                        '<ul>' +
                        '<li><a href="javascript:;" class="all_icon edit_icon d_overview_edit_icon" data-toggle="modal" data-target="#editContent"><img src="'+hdn_Edit_Icon+'" alt="icon"/></a></li>' +
                        '<li><a href="javascript:;" class="all_icon add_icon d_overview_add_icon" data-content-id="' + subtech_id + '"  data-title="' + title + '" data-tags="' + tags + '" style="display:none;"><img src="'+hdn_Add_Icon+'" alt="icon"/></a></li>' +
                        '<li><a href="javascript:;" class="all_icon close_icon d_overview_close_icon" data-content-id="' + content_id + '"><img src="'+hdn_Close_Icon+'" alt="icon"/></a></li>' +
                        '</ul>' +
                        '</div>' +
                        '</div>');
            }
            else
            {
                var id_array = [];
                $('.d_overview_contain').each(function () {
                    id_array.push($(this).attr("data-over-contentid"));
                });
                if ($.inArray(content_id.toString(), id_array) > -1)
                {

                }
                else
                {
                    $(this).parents('.d_ov_wordpress_main').find('.d_ov_wordpress_heading').find('.d_added_green').show();
                    var text = $(this).parents('.d_ov_wordpress_main').find('.d_ov_wordpress_content').html();
                    $('.d_add_custom_section_main').before('<div class="overview_contain overview_background d_overview_contain content_div_f" data-over-contentid="' + content_id + '">' +
                            '<div class="getOverviewContent"><p>' + text + '</p></div>' +
                            '<div class="overview_all_icon">' +
                            '<ul>' +
                            '<li><a href="javascript:;" class="all_icon edit_icon d_overview_edit_icon" data-toggle="modal" data-target="#editContent"><img src="'+hdn_Edit_Icon+'" alt="icon"/></a></li>' +
                            '<li><a href="javascript:;" class="all_icon add_icon d_overview_add_icon" data-content-id="' + subtech_id + '"  data-title="' + title + '" data-tags="' + tags + '" style="display:none;"><img src="'+hdn_Add_Icon+'" alt="icon"/></a></li>' +
                            '<li><a href="javascript:;" class="all_icon close_icon d_overview_close_icon" data-content-id="' + content_id + '"><img src="'+hdn_Close_Icon+'" alt="icon"/></a></li>' +
                            '</ul>' +
                            '</div>' +
                            '</div>');
                }
            }
            var content_id_array = [];
            $('.content_div_f').each(function () {
                content_id_array.push($(this).attr("data-over-contentid"));
            });
            $('#contentid').val(content_id_array);
        });

        //for open model with current content on edit click
        $(document).on('click', '.d_overview_edit_icon', function () {
            debugger;
            $(this).parents('.d_overview_contain').find('.d_overview_add_icon').show();
            var text = $(this).parents('.d_overview_contain').find('.getOverviewContent').html();
            $(this).parents('.d_overview_contain').find('.getOverviewContent').addClass('active_edit');
            $('.d_edit_content_textarea').code(text);
        });

        //for update model textarea value to paragraph again
        $(document).on('click', '.d_btn_success_edit_model', function () {
            var textEdit = $('.d_edit_content_textarea').code();
            $('.err_msg').remove();
            if (textEdit === '')
            {
                $('.note-editor').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please add some content</span>');
                return false;
            } else {
                $('.d_overview_contain').find('.active_edit').html(textEdit);
                $('.d_overview_contain').find('.active_edit').removeClass('active_edit');
                $('#editContent').modal('hide');
            }
        });

        //for cancel model box popup and set default paragraph
        $(document).on('click', '.d_btn_close_edit_model', function () {
            $('.d_overview_contain').find('.active_edit').removeClass('active_edit');
            $('.err_msg').remove();
        });

        //for delete paragraph
        $(document).on('click', '.d_overview_close_icon', function () {
            var id = $(this).attr('data-content-id');
            var id_array = $('#contentid').val().split(",");
            var itemtoRemove = $(this).attr('data-content-id');
            id_array.splice($.inArray(itemtoRemove, id_array), 1);
            $('#contentid').val(id_array);
            console.log(id_array);
            $('.d_ov_wordpress_main').each(function () {
                if ($(this).attr('data-contentid') == id) {
                    $(this).find('.d_added_green').hide();
                    $(this).find('.addContent').show();
                    $(this).find('.d_remove_content').hide();
                }
            });
            $(this).parents('.d_overview_contain').remove();
        });

        $(document).on('click', '.d_remove_content', function () {
            debugger;
            var id = $(this).attr('data-contentid');
            $(this).hide();
            $(this).parents('.d_ov_wordpress_main').find('.addContent').show();
            $(this).parents('.d_ov_wordpress_main').find('.d_added_green').hide();
            $('.d_overview_contain').each(function () {
                if ($(this).attr('data-over-contentid') == id) {
                    $(this).remove();
                }
            });
        });

        //for enable text editor in edit model box
        $(document).ready(function () {
            $('.d_edit_content_textarea').summernote({
                fontSizes: ['8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '20', '22', '24'],
                toolbar: [
                    // [groupName, [list of button]]
                    ['style', ['bold', 'italic', 'underline']],
                    ['font', ['strikethrough', 'superscript', 'subscript']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']]
                ],
            });
            $('#d_custom_overview_textarea').summernote({
                fontSizes: ['8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '20', '22', '24'],
                toolbar: [
                    // [groupName, [list of button]]
                    ['style', ['bold', 'italic', 'underline']],
                    ['font', ['strikethrough', 'superscript', 'subscript']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']]
                ],
            });
            $('#d_custom_overview_textarea_extra').summernote({
                fontSizes: ['8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '20', '22', '24'],
                toolbar: [
                    // [groupName, [list of button]]
                    ['style', ['bold', 'italic', 'underline']],
                    ['font', ['strikethrough', 'superscript', 'subscript']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']]
                ],
            });            
        });

        //insert overview content in database
        $(document).on('click', '.d_overview_add_icon', function () {
            debugger;
            var tech_id = $('#get_tech_id').val();
            var subtect_id = $(this).attr('data-content-id');
            var title = $(this).attr('data-title');
            var tags = $(this).attr('data-tags');
            var content = $(this).parents('.d_overview_contain').find('.getOverviewContent').html();
            var result = confirm("Want to store this content in database?");
            if (result) {
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: 'StoreOverviewContent',
                    type: 'post',
                    data: {tech_id: tech_id, subtect_id: subtect_id, content: content, title: title, tags: tags},
                    success: function (res) {
                        alert('Content saved successfully..');
                    },
                });
            }
            else
            {
                return false;
            }
        });

        //add custom overview section
//        $("#d_custom_overview_textarea").jqte();

        $(document).on('click', '.d_modal_btn_overview', function () {
            debugger;
            $('#d_custom_overview_textarea').code('');
            $('#d_custom_overview_textarea_extra').code('');
            var cloneID = $(this).parents('.d_add_custom_section_dynamic').attr('data-clonepage-id');
            $('.pageClonID').val(cloneID);
        });

        $(document).on('click', '.btn_save_custom_overview', function () {
            debugger;
            var title = $('.custom_overview_title').val();
            var content = $('#d_custom_overview_textarea').code();
            var tech_id = $('#get_tech_id').val();
            var subtech_id = $('select[name="custom_subtech_overview_dropdown"]').val();
            $('.err_msg').remove();
            var error = false;
            if (title == '') {
                $('.custom_overview_title').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please content title</span>');
                error = true;
            }
            if (content == '') {
                $('.note-editor').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please add some content</span>');
                error = true;
            }
            if (error == true) {
                return false;
            } else {
                $('.d_add_custom_section_main').before(
                        '<div class="overview_contain overview_background d_overview_contain"><div class="getOverviewContent"> ' + content + ' </div>' +
                        '<div class="overview_all_icon">' +
                        '<ul>' +
                        '<li><a href="javascript:;" class="all_icon edit_icon d_overview_edit_icon" data-toggle="modal" data-target="#editContent"><img src="'+hdn_Edit_Icon+'" alt="icon"></a></li>' +
                        '<li><a href="javascript:;" class="all_icon add_icon d_overview_add_icon" style="display:none;"><img src="'+hdn_Add_Icon+'" alt="icon"></a></li>' +
                        '<li><a href="javascript:;" class="all_icon close_icon d_overview_close_icon"><img src="'+hdn_Close_Icon+'" alt="icon"></a></li>' +
                        '</ul>' +
                        '</div>' +
                        '</div>');

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: 'StoreCustomOverviewContent',
                    type: 'post',
                    data: {tech_id: tech_id, subtech_id: subtech_id, content: content, title: title},
                    success: function (res) {
                        alert('Content saved successfully..');
                    },
                });
            }
            $('.modal_cancel').trigger('click');
        });

        $(document).on('click', '.btn_save_custom_overview_extra', function () {
            debugger;
            var title = $('.custom_overview_title_extra').val();
            var cloneId = $('.pageClonID').val();
            var content = $('#d_custom_overview_textarea_extra').code();
            var tech_id = $('#get_tech_id').val();
            var subtech_id = $('select[name="custom_subtech_overview_dropdown"]').val();
            $('.err_msg').remove();
            var error = false;
            if (title == '') {
                $('.custom_overview_title_extra').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please content title</span>');
                error = true;
            }
            if (content == '') {
                $('.note-editor').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please add some content</span>');
                error = true;
            }
            if (error == true) {
                return false;
            } else {
                $('.dynamic_clone_' + cloneId + '').before(
                        '<div class="overview_contain overview_background d_overview_contain"><div class="getOverviewContent"> ' + content + ' </div>' +
                        '<div class="overview_all_icon">' +
                        '<ul>' +
                        '<li><a href="javascript:;" class="all_icon edit_icon d_overview_edit_icon" data-toggle="modal" data-target="#editContent"><img src="'+hdn_Edit_Icon+'" alt="icon"></a></li>' +
                        '<li><a href="javascript:;" class="all_icon add_icon d_overview_add_icon" style="display:none;"><img src="'+ hdn_Add_Icon+'" alt="icon"></a></li>' +
                        '<li><a href="javascript:;" class="all_icon close_icon d_overview_close_icon"><img src="'+hdn_Close_Icon+'" alt="icon"></a></li>' +
                        '</ul>' +
                        '</div>' +
                        '</div>');

//                $.ajax({
//                    headers: {
//                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
//                    },
//                    url: 'StoreCustomOverviewContent',
//                    type: 'post',
//                    data: {tech_id: tech_id, subtech_id: subtech_id, content: content, title: title},
//                    success: function (res) {
//                        alert('Content saved successfully..');
//                    },
//                });
            }
            $("#NewModalCustomOverview").modal('hide');
        });

        //cancel button for add custom content model box
        $(document).on('click', '.modal_cancel', function () {
            $('.err_msg').remove();
        });
        $(document).on('click', '.cancel_extra_model', function () {
            $('.err_msg').remove();
        });
        //save proposal
        $(document).on('click', '.d_save_proposal', function () {
            debugger;
//            var pageURL = $(location).attr("href");
            var contractID = $('#get_contract_id').val();
            var pro_title = $('#get_project_title').val();
            var pro_ID = $('#bid_project_id').val();
            var tech_id = $('#get_tech_id').val();
            var contentid = $('#contentid').val();
            //for dynamic page number; 
            var pageNum = 1;
            $('.right_span').each(function () {
                $(this).text(pageNum);
                pageNum++;
            });
            $('.d_overview_edit_icon').hide();
            $('.d_overview_add_icon').hide();
            $('.d_overview_close_icon').hide();
            $('.d_themeplugin_close_icon').hide();
            $('.btn_toggle.s_open').hide();
            $('.d_add_custom_section_main').hide();
            $('.d_portfolio_close_icon').hide();
            $('.d_fq_edit_icon').hide();
            $('.d_fq_close_icon').hide();
            $('.add_custom_section_faq').hide();
            $('.d_add_custom_section_dynamic').hide();
            $('.clonePage').hide();
            $('.deletePage').hide();
            $('.clonePortfolioPage').hide();
            $('.deletePortfolioPage').hide(); 
            $('.cloneFAQPage').hide();
            $('.deleteFAQPage').hide();
            $('.d_add_custom_section_faq_dynamice').hide();
            //costmilestone            
            $('.editdata').hide();
            $('.deletedata').hide();
            $(".d_add_custom_milestone_block").hide();
            $('.d_estimate_start_date').show();
            $('#projectdate').hide();
            var html_proposal = $('.d_main_proposal_html').html();
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: 'CreateProposalContractDirectory',
                type: 'post',
                data: {contractID: contractID, html_proposal: html_proposal, pro_title: pro_title, pro_ID: pro_ID, tech_id: tech_id, contentid: contentid},
                success: function (data) {
                    $('#path').val(data.test);
                    alert('Proposal saved successfully..');
                    $('.d_overview_edit_icon').show();
                    $('.d_overview_add_icon').show();
                    $('.d_overview_close_icon').show();
                    $('.d_themeplugin_close_icon').show();
                    $('.btn_toggle.s_open').show();
                    $('.d_add_custom_section_main').show();
                    $('.d_portfolio_close_icon').show();
                    $('.d_fq_edit_icon').show();
                    $('.d_fq_close_icon').show();
                    $('.add_custom_section_faq').show();
                    $('.d_add_custom_section_dynamic').show();
                    $('.clonePage').show();
                    $('.deletePage').show();
                    $('.clonePortfolioPage').show();
                    $('.deletePortfolioPage').show();
                    $('.cloneFAQPage').show();
                    $('.deleteFAQPage').show();
                    $('.d_add_custom_section_faq_dynamice').show();
                    //cost milestone                  
                    $('.editdata').show();
                    $('.deletedata').show();
                    $(".d_add_custom_milestone_block").show();
                    $('#projectdate').show();
                    $('.d_estimate_start_date').hide();
                    $('.download_proposal').show();
                    location.reload();
                },
            });
        });

        //---------------------------Themes and Plugins-----------------------------------------//
        $.ajax({
            url: 'proposalThemePluginData',
            type: 'GET',
            data: {text: $('.d_search_themePlugin').val(), tech_type: $(".d_radio_themePlugin:checked").val(), tech_id: $('#get_tech_id').val()},
            success: function (data)
            {
                $('.d_ov_wordpress_main_themeplugin').remove();
                $(".themeplugin_pagin").empty();
                var dataBlock = "";
                $.each(data, function (key, value) {
                    dataBlock += '<div class="ov_wordpress_main d_ov_wordpress_main_themeplugin" data-plugintheme-id="' + value.ept_id + '" data-tech-type="' + value.ept_type + '">' +
                            '<div class="ov_wordpress_heading">' +
                            '<img src="' + $('.imgPath').val() + '/' + value.ept_image + '" alt=""/ height="40px" width="40px">' +
                            '<span style="padding-left:10px;"><strong>' + value.ept_title + '</strong></span>' +
                            '<div class="plugin_right_description">';
                    if (value.ept_price == '0' || value.ept_price == '') {
                        dataBlock += '<div class="plugin_content_price d_themeplugin_content_price"><div class="red_color">Free</div></div>';
                    } else {
                        dataBlock += '<div class="plugin_content_price d_themeplugin_content_price"><div class="green_color">Paid</div></div><label>$' + value.ept_price + '</label>';
                    }
                    dataBlock += '<span class="added_green d_added_green_themeplugin" style="display:none;">Added</span>' +
                            '<a href="javascript:;"class="ov_icon addThemePluginContent" data-plugintheme-id="' + value.ept_id + '" data-tech-type="' + value.ept_type + '" data-price="' + value.ept_price + '" data-tech-title="' + value.ept_title + '" data-tech-img="' + value.ept_image + '"><img src="'+plusIcon+'" alt="icon"></a>' +
                            '<a href="javascript:;"class="ov_icon removeThemePluginContent" data-plugintheme-id="' + value.ept_id + '" style="display:none;"><img src="'+closeIcon+'" alt="icon"></a>' +
                            '</div>' +
                            '</div>' +
                            '<div class="ov_wordpress_content d_themeplugin_para_content">' +
                            '<p>' +
                            value.ept_description +
                            '</p>' +
                            '</div>' +
                            '</div>';
                });
                $('.d_themeplugin_main_section').find('.d_pagination_themeplugin').before(dataBlock);
                //custom pagination for overview 
                var pageParts = $(".d_ov_wordpress_main_themeplugin");
                var numPages = pageParts.length;
                var perPage = 3;
                pageParts.slice(perPage).hide();
                $(".themeplugin_pagin").pagination({
                    items: numPages,
                    itemsOnPage: perPage,
                    cssStyle: "compact-theme",
                    onPageClick: function (pageNum) {
                        var start = perPage * (pageNum - 1);
                        var end = start + perPage;
                        pageParts.hide()
                                .slice(start, end).show();
                    }
                });
            },
        });

        //get data on change thecnology type
        $(document).on('change', '.d_radio_themePlugin', function () {
            $.ajax({
                url: 'proposalThemePluginData',
                type: 'GET',
                data: {text: $('.d_search_themePlugin').val(), tech_type: $(this).val(), tech_id: $('#get_tech_id').val()},
                success: function (data)
                {
                    $('.d_ov_wordpress_main_themeplugin').remove();
                    $(".themeplugin_pagin").empty();
                    var dataBlock = "";
                    $.each(data, function (key, value) {
                        dataBlock += '<div class="ov_wordpress_main d_ov_wordpress_main_themeplugin" data-plugintheme-id="' + value.ept_id + '" data-tech-type="' + value.ept_type + '">' +
                                '<div class="ov_wordpress_heading">' +
                                '<img src="' + $('.imgPath').val() + '/' + value.ept_image + '" alt=""/ height="40px" width="40px">' +
                                '<span style="padding-left:10px;"><strong>' + value.ept_title + '</strong></span>' +
                                '<div class="plugin_right_description">';
                        if (value.ept_price == '0' || value.ept_price == '') {
                            dataBlock += '<div class="plugin_content_price d_themeplugin_content_price"><div class="red_color">Free</div></div>';
                        } else {
                            dataBlock += '<div class="plugin_content_price d_themeplugin_content_price"><div class="green_color">Paid</div></div><label>$' + value.ept_price + '</label>';
                        }
                        dataBlock += '<span class="added_green d_added_green_themeplugin" style="display:none;">Added</span>' +
                                '<a href="javascript:;" class="ov_icon addThemePluginContent" data-plugintheme-id="' + value.ept_id + '" data-tech-type="' + value.ept_type + '" data-price="' + value.ept_price + '" data-tech-title="' + value.ept_title + '" data-tech-img="' + value.ept_image + '"><img src="'+plusIcon+'" alt="icon"></a>' +
                                '<a href="javascript:;"class="ov_icon removeThemePluginContent" data-plugintheme-id="' + value.ept_id + '" style="display:none;"><img src="'+closeIcon+'" alt="icon"></a>' +
                                '</div>' +
                                '</div>' +
                                '<div class="ov_wordpress_content d_themeplugin_para_content">' +
                                '<p>' +
                                value.ept_description +
                                '</p>' +
                                '</div>' +
                                '</div>';
                    });
                    $('.d_themeplugin_main_section').find('.d_pagination_themeplugin').before(dataBlock);
                    //custom pagination for overview   
                    var pageParts = $(".d_ov_wordpress_main_themeplugin");
                    var numPages = pageParts.length;
                    var perPage = 3;
                    pageParts.slice(perPage).hide();
                    $(".themeplugin_pagin").pagination({
                        items: numPages,
                        itemsOnPage: perPage,
                        cssStyle: "compact-theme",
                        onPageClick: function (pageNum) {
                            var start = perPage * (pageNum - 1);
                            var end = start + perPage;
                            pageParts.hide()
                                    .slice(start, end).show();
                        }
                    });
                },
            });
        });
        //get filter theme and plugin
        $('.d_search_themePlugin').keypress(function (event) {
            debugger;
            var keycode = (event.keyCode ? event.keyCode : event.which);
            if (keycode == '13') {
                var text = $(this).val();
                var tech_type = $(".d_radio_themePlugin:checked").val();
                var tech_id = $('#get_tech_id').val();
                $.ajax({
                    url: 'proposalThemePluginData',
                    type: 'GET',
                    data: {text: text, tech_type: tech_type, tech_id: tech_id},
                    success: function (data)
                    {
                        $('.d_ov_wordpress_main_themeplugin').remove();
                        $(".themeplugin_pagin").empty();
                        var dataBlock = "";
                        $.each(data, function (key, value) {
                            dataBlock += '<div class="ov_wordpress_main d_ov_wordpress_main_themeplugin" data-plugintheme-id="' + value.ept_id + '" data-tech-type="' + value.ept_type + '">' +
                                    '<div class="ov_wordpress_heading">' +
                                    '<img src="' + $('.imgPath').val() + '/' + value.ept_image + '" alt=""/ height="40px" width="40px">' +
                                    '<span style="padding-left:10px;"><strong>' + value.ept_title + '</strong></span>' +
                                    '<div class="plugin_right_description">';
                            if (value.ept_price == '0' || value.ept_price == '') {
                                dataBlock += '<div class="plugin_content_price d_themeplugin_content_price"><div class="red_color">Free</div></div>';
                            } else {
                                dataBlock += '<div class="plugin_content_price d_themeplugin_content_price"><div class="green_color">Paid</div></div><label>$' + value.ept_price + '</label>';
                            }
                            dataBlock += '<span class="added_green d_added_green_themeplugin" style="display:none;">Added</span>' +
                                    '<a href="javascript:;" class="ov_icon addThemePluginContent" data-plugintheme-id="' + value.ept_id + '" data-tech-type="' + value.ept_type + '" data-price="' + value.ept_price + '" data-tech-title="' + value.ept_title + '" data-tech-img="' + value.ept_image + '"><img src="'+plusIcon+'" alt="icon"></a>' +
                                    '<a href="javascript:;"class="ov_icon removeThemePluginContent" data-plugintheme-id="' + value.ept_id + '" style="display:none;"><img src="'+closeIcon+'" alt="icon"></a>' +
                                    '</div>' +
                                    '</div>' +
                                    '<div class="ov_wordpress_content d_themeplugin_para_content">' +
                                    '<p>' +
                                    value.ept_description +
                                    '</p>' +
                                    '</div>' +
                                    '</div>';
                        });
                        $('.d_themeplugin_main_section').find('.d_pagination_themeplugin').before(dataBlock);
                        //custom pagination for overview                        
                        var pageParts = $(".d_ov_wordpress_main_themeplugin");
                        var numPages = pageParts.length;
                        var perPage = 3;
                        pageParts.slice(perPage).hide();
                        $(".themeplugin_pagin").pagination({
                            items: numPages,
                            itemsOnPage: perPage,
                            cssStyle: "compact-theme",
                            onPageClick: function (pageNum) {
                                var start = perPage * (pageNum - 1);
                                var end = start + perPage;
                                pageParts.hide()
                                        .slice(start, end).show();
                            }
                        });
                    },
                });
            }
        });

        //add theme and plugin in main layout
        $(document).on('click', '.addThemePluginContent', function () {
            debugger;
            $(this).hide();
            $(this).parents('.d_ov_wordpress_main_themeplugin').find('.removeThemePluginContent').show();
            var ThemePluginId = $(this).attr('data-plugintheme-id');
            var tech_type = $(this).attr('data-tech-type');
            var price = $(this).attr('data-price');
            var tech_title = $(this).attr('data-tech-title');
            var tech_icon = $(this).attr('data-tech-img');
//            var tech_content = $(this).parents('.d_ov_wordpress_main_themeplugin').find('.d_themeplugin_para_content').text();
            var pluginBody = "";
            var themeBody = "";

            //for plugins
            if (tech_type == '1')
            {
                if ($('.d_plugin_content_list').length == 0)
                {
                    $(this).parents('.d_ov_wordpress_main_themeplugin').find('.d_added_green_themeplugin').show();
                    pluginBody += '<div class="plugin_content pos_rel d_plugin_content_list d_remove_item"  data-pluginthemeid ="' + ThemePluginId + '">' +
                            '<div class="plugin_border">' +
                            '<div class="plugin_content_img">' +
                            '<img src="' + $('.imgPath').val() + '/' + tech_icon + '" alt=""  style="height:40px !important; weight:40px !important;"/>' +
                            '<span style="padding-left:10px;">' + tech_title + '</span>' +
                            '</div>';
                    if (price == '0' || price == '') {
                        pluginBody += '<div class="plugin_content_price"><div class="red_color">Free</div></div>';
                    } else {
                        pluginBody += '<div class="plugin_content_price"><div class="green_color">Paid</div><label>$ ' + price + ' </label></div>';
                    }
                    pluginBody += '</div>' +
                            '<div class="overview_all_icon">' +
                            '<ul>' +
                            '<li><a href="javascript:;" class="close_icon d_themeplugin_close_icon" data-pluginthemeid ="' + ThemePluginId + '"><img src="'+hdn_Close_Icon+'" alt="icon"></a></li>' +
                            '</ul>' +
                            '</div>' +
                            '</div>';
                }
                else
                {
                    var id_array = [];
                    $('.d_plugin_content_list').each(function () {
                        id_array.push($(this).attr("data-pluginthemeid"));
                    });
                    if ($.inArray(ThemePluginId.toString(), id_array) > -1)
                    {

                    }
                    else
                    {
                        $(this).parents('.d_ov_wordpress_main_themeplugin').find('.d_added_green_themeplugin').show();
                        pluginBody += '<div class="plugin_content pos_rel d_plugin_content_list d_remove_item"  data-pluginthemeid ="' + ThemePluginId + '">' +
                                '<div class="plugin_border">' +
                                '<div class="plugin_content_img">' +
                                '<img src="' + $('.imgPath').val() + '/' + tech_icon + '" alt=""  style="height:40px !important; weight:40px !important;"/>' +
                                '<span style="padding-left:10px;">' + tech_title + '</span>' +
                                '</div>';
                        if (price == '0' || price == '') {
                            pluginBody += '<div class="plugin_content_price"><div class="red_color">Free</div></div>';
                        } else {
                            pluginBody += '<div class="plugin_content_price"><div class="green_color">Paid</div><label>$ ' + price + ' </label></div>';
                        }
                        pluginBody += '</div>' +
                                '<div class="overview_all_icon">' +
                                '<ul>' +
                                '<li><a href="javascript:;" class="close_icon d_themeplugin_close_icon" data-pluginthemeid ="' + ThemePluginId + '"><img src="'+hdn_Close_Icon+'" alt="icon"></a></li>' +
                                '</ul>' +
                                '</div>' +
                                '</div>';
                    }
                }
                $('.d_view_main_themeplugin').find('.d_plugin_content_main').append(pluginBody);
            }

            //for theme
            if (tech_type == '0')
            {
                if ($('.d_theme_content_list').length == 0)
                {
                    $(this).parents('.d_ov_wordpress_main_themeplugin').find('.d_added_green_themeplugin').show();
                    themeBody += '<div class="theme_content pos_rel d_theme_content_list d_remove_item" data-pluginthemeid ="' + ThemePluginId + '">' +
                            '<div class="theme_content_img">' +
                            '<img src="' + $('.imgPath').val() + '/' + tech_icon + '" alt=""  style="height:40px !important; weight:40px !important;"/>' +
                            '</div>';
                    if (price == '0' || price == '') {
                        themeBody += '<div class="theme_content_price"><p>' + tech_title + '</p><div class="theme_cont_price"><div class="red_color">Free</div></div></div>';
                    } else {
                        themeBody += '<div class="theme_content_price"><p>' + tech_title + '</p><div class="theme_cont_price"><div class="green_color">Paid</div><label>$' + price + '</label></div></div>';
                    }
                    themeBody += '<div class="overview_all_icon">' +
                            '<ul>' +
                            '<li><a href="javascript:;" class="close_icon d_themeplugin_close_icon" data-pluginthemeid ="' + ThemePluginId + '"><img src="'+hdn_Close_Icon+'" alt="icon"></a></li>' +
                            '</ul>' +
                            '</div>' +
                            '</div>';

                }
                else
                {
                    var tid_array = [];
                    $('.d_theme_content_list').each(function () {
                        tid_array.push($(this).attr("data-pluginthemeid"));
                    });
                    if ($.inArray(ThemePluginId.toString(), tid_array) > -1)
                    {

                    }
                    else
                    {
                        $(this).parents('.d_ov_wordpress_main_themeplugin').find('.d_added_green_themeplugin').show();
                        themeBody += '<div class="theme_content pos_rel d_theme_content_list d_remove_item" data-pluginthemeid ="' + ThemePluginId + '">' +
                                '<div class="theme_content_img">' +
                                '<img src="' + $('.imgPath').val() + '/' + tech_icon + '" alt=""  style="height:40px !important; weight:40px !important;"/>' +
                                '</div>';
                        if (price == '0' || price == '') {
                            themeBody += '<div class="theme_content_price"><p>' + tech_title + '</p><div class="theme_cont_price"><div class="red_color">Free</div></div></div>';
                        } else {
                            themeBody += '<div class="theme_content_price"><p>' + tech_title + '</p><div class="theme_cont_price"><div class="green_color">Paid</div><label>$' + price + '</label></div></div>';
                        }
                        themeBody += '<div class="overview_all_icon">' +
                                '<ul>' +
                                '<li><a href="javascript:;" class="close_icon d_themeplugin_close_icon" data-pluginthemeid ="' + ThemePluginId + '"><img src="'+hdn_Close_Icon+'" alt="icon"></a></li>' +
                                '</ul>' +
                                '</div>' +
                                '</div>';
                    }
                }
                $('.d_view_main_themeplugin').find('.d_theme_content_main').append(themeBody);
            }
        });

        //delete theme and plugin block
        $(document).on('click', '.d_themeplugin_close_icon', function () {
//            debugger;
            var id = $(this).attr('data-pluginthemeid');
            $('.d_ov_wordpress_main_themeplugin').each(function () {
                if ($(this).attr('data-plugintheme-id') == id) {
                    $(this).find('.d_added_green_themeplugin').hide();
                    $(this).find('.addThemePluginContent').show();
                    $(this).find('.removeThemePluginContent').hide();
                }
            });
            $(this).parents('.d_remove_item').remove();
        });

        $(document).on('click', '.removeThemePluginContent', function () {
            debugger;
            var id = $(this).attr('data-plugintheme-id');
            $(this).hide();
            $(this).parents('.d_ov_wordpress_main_themeplugin').find('.addThemePluginContent').show();
            $(this).parents('.d_ov_wordpress_main_themeplugin').find('.d_added_green_themeplugin').hide();
            $('.d_remove_item').each(function () {
                if ($(this).attr('data-pluginthemeid') == id) {
                    $(this).remove();
                }
            });
        });

        //for HTML Preview
        $(document).on('click', '.d_btn_htmlpreview', function () {
            debugger;
            url = $('#previewHTML').val();
            window.open(url);
        });

        //-------------------------------------------------Portfoilo--------------------------------------------------------------//

        //add page
        var portfolioPageCount = 1;
        $(document).on('click', '.clonePortfolioPage', function () {
            debugger;
            $('.ov_page_3').last().after(
                    ' <page size="A4" class="ov_page_3">' +
                    '<div class="logo_portfolio">' +
                    '</div>' +
                    '<div class="portfolio_section d_main_portfolio_section_extra d_custom_portfolio_' + portfolioPageCount + '">' +
                    ' </div>' +
                    ' <div class="footer_section">' +
                    '<span class="left_span">www.aliansoftware.com</span>' +
                    '<span class="right_span"></span>' +
                    '<span class="copyright_text">&copy; 2010-19 Alian Software. All Rights Reserved.</span>' +
                    '<a href="javascript:;" class="deletePortfolioPage"><span  style="float: right;"><img src="'+closeIcon+'" alt="icon"/></span></a>' +
                    '</div>' +
                    '</page>');
            portfolioPageCount++;
        });

        //delete page
        $(document).on('click', '.deletePortfolioPage', function () {
            debugger;
            var id_array = [];
           $(this).parents('.ov_page_3').find('.d_main_portfolio_section_extra').find('.d_added_portfolio_list').each(function(){
                id_array.push($(this).attr('data-main-port-id'));
            });
             $.each(id_array, function (index, value) {
                $('a.d_remove_portfolio_main[data-portfolio-id = "'+value+'"]').trigger('click')
            });          
            $(this).parents('page').remove();
        }); 

        //get portfolio data on page load
        $.ajax({
            url: 'SearchProposalPortfolio',
            type: 'GET',
            data: {text: $('.d_proposal_portfolio_search').val(), tech_id: $('#get_tech_id').val()},
            success: function (data)
            {
                $('.d_append_portfolio_block').remove();
                $('.pagi_portfolio').empty();
                $.each(data, function (key, value) {
                    $('.d_portfolio_prop_list').find('.d_pagination_portfolio').before('<div class="ov_portfolio_main d_append_portfolio_block" data-portfolio-block-id="' + value.prop_pfolio_id + '"><div class="left_img"><img src="' + $('.imgPathFrontPage').val() + '/' + value.prop_pfolio_image + '" alt="icon" style="max-height:200px;"></div><div class="right_content"><h6>' + value.prop_pfolio_title + '</h6><p> ' + value.prop_pfolio_desc + ' </p><div class="right_content_icon"><a href="javascript:;" class="ov_icon d_add_portfolio_main" data-portfolio-id="' + value.prop_pfolio_id + '" data-portfolio-url="' + value.prop_pfolio_url + '" data-portfolio-image="' + $('.imgPathFrontPage').val() + '/' + value.prop_pfolio_image + '" data-portfolio-title="' + value.prop_pfolio_title + '"><img src="'+plusIcon+'" alt="icon"></a><a href="javascript:;" class="ov_icon d_remove_portfolio_main" data-portfolio-id="' + value.prop_pfolio_id + '" style="display:none;"><img src="'+closeIcon+'" alt="icon"></a><span class="added_green d_added_portfolio_green" style="display:none;">Added</span></div></div></div>');
                });
                //custom pagination
                var pageParts = $(".d_append_portfolio_block");
                var numPages = pageParts.length;
                var perPage = 3;
                pageParts.slice(perPage).hide();
                $(".pagi_portfolio").pagination({
                    items: numPages,
                    itemsOnPage: perPage,
                    cssStyle: "compact-theme",
                    onPageClick: function (pageNum) {
                        var start = perPage * (pageNum - 1);
                        var end = start + perPage;
                        pageParts.hide()
                                .slice(start, end).show();
                    }
                });
            },
        });

        //search portfolio from database
        $('.d_proposal_portfolio_search').keypress(function (event) {
            debugger;
            var keycode = (event.keyCode ? event.keyCode : event.which);
            if (keycode == '13') {
                var text = $(this).val();
                var tech_id = $('#get_tech_id').val();
                $.ajax({
                    url: 'SearchProposalPortfolio',
                    type: 'GET',
                    data: {text: text, tech_id: tech_id},
                    success: function (data)
                    {
                        $('.d_append_portfolio_block').remove();
                        $('.pagi_portfolio').empty();
                        $.each(data, function (key, value) {
                            $('.d_portfolio_prop_list').find('.d_pagination_portfolio').before('<div class="ov_portfolio_main d_append_portfolio_block" data-portfolio-block-id="' + value.prop_pfolio_id + '"><div class="left_img"><img src="' + $('.imgPathFrontPage').val() + '/' + value.prop_pfolio_image + '" alt="icon" style="max-height:200px;"></div><div class="right_content"><h6>' + value.prop_pfolio_title + '</h6><p> ' + value.prop_pfolio_desc + ' </p><div class="right_content_icon"><a href="javascript:;" class="ov_icon d_add_portfolio_main" data-portfolio-id="' + value.prop_pfolio_id + '" data-portfolio-url="' + value.prop_pfolio_url + '" data-portfolio-image="' + $('.imgPathFrontPage').val() + '/' + value.prop_pfolio_image + '" data-portfolio-title="' + value.prop_pfolio_title + '"><img src="'+plusIcon+'" alt="icon"></a><a href="javascript:;" class="ov_icon d_remove_portfolio_main" data-portfolio-id="' + value.prop_pfolio_id + '" style="display:none;"><img src="'+closeIcon+'" alt="icon"></a><span class="added_green d_added_portfolio_green" style="display:none;">Added</span></div></div></div>');
                        });
                        //custom pagination
                        var pageParts = $(".d_append_portfolio_block");
                        var numPages = pageParts.length;
                        var perPage = 3;
                        pageParts.slice(perPage).hide();
                        $(".pagi_portfolio").pagination({
                            items: numPages,
                            itemsOnPage: perPage,
                            cssStyle: "compact-theme",
                            onPageClick: function (pageNum) {
                                var start = perPage * (pageNum - 1);
                                var end = start + perPage;
                                pageParts.hide()
                                        .slice(start, end).show();
                            }
                        });
                    },
                });
            }
        });

        //add portfolio to main section
        $(document).on('click', '.d_add_portfolio_main', function () {
            debugger;
            $(this).hide();
            $(this).parents('.d_append_portfolio_block').find('.d_remove_portfolio_main').show();
            var portfolio_id = $(this).attr('data-portfolio-id');
            var portfolio_url = $(this).attr('data-portfolio-url');
            var portfolio_image = $(this).attr('data-portfolio-image');
            var portfolio_title = $(this).attr('data-portfolio-title');
            if ($('.d_added_portfolio_list').length == 0)
            {
                $(this).parents('.d_append_portfolio_block').find('.d_added_portfolio_green').show();
                $('.d_main_portfolio_section').append('<div class="portfolio_main_content portfolio_purple_bg d_added_portfolio_list" data-main-port-id="' + portfolio_id + '">' +
                        '<div class="portfolio_content"><h3>' + portfolio_title + '</h3><a href="' + portfolio_url + '" class="blue_btn" target="_blank">View Project</a></div>' +
                        '<div class="portfolio_img"><img src="' + portfolio_image + '" alt="" /></div>' +
                        '<div class="overview_all_icon">' +
                        '<ul>' +
                        '<li><a href="javascript:void(0);" class="all_icon close_icon d_portfolio_close_icon" data-portfolio-id="' + portfolio_id + '"><img src="'+hdn_Close_Icon+'" alt="icon"></a></li>' +
                        '</ul>' +
                        '</div>' +
                        '</div>');
            }
            else
            {
                var id_array = [];
                $('.d_added_portfolio_list').each(function () {
                    id_array.push($(this).attr("data-main-port-id"));
                });
                if ($.inArray(portfolio_id.toString(), id_array) > -1)
                {

                }
                else
                {
                    $(this).parents('.d_append_portfolio_block').find('.d_added_portfolio_green').show();
                    if( $('.d_added_portfolio_list').length >= 2 ){
                        var div_index = jQuery('.ov_page_3').length;
                        if(div_index != 0)
                            div_index = div_index-1;
                        $('.d_main_proposal_html').find('.ov_page_3').eq(div_index  ).find('.d_main_portfolio_section_extra').append(
                            '<div class="portfolio_main_content portfolio_purple_bg d_added_portfolio_list" data-main-port-id="' + portfolio_id + '">' +
                            '<div class="portfolio_content"><h3>' + portfolio_title + '</h3><a href="' + portfolio_url + '" class="blue_btn" target="_blank">View Project</a></div>' +
                            '<div class="portfolio_img"><img src="' + portfolio_image + '" alt=""/></div>' +
                            '<div class="overview_all_icon">' +
                            '<ul>' +                           
                            '<li><a href="javascript:void(0);" class="all_icon close_icon d_portfolio_close_icon" data-portfolio-id="' + portfolio_id + '"><img src="'+hdn_Close_Icon+'" alt="icon"></a></li>' +
                            '</ul>' +
                            '</div>' +
                            '</div>');                               
                    }
                    else{
                        $('.d_main_portfolio_section').append('<div class="portfolio_main_content portfolio_purple_bg d_added_portfolio_list" data-main-port-id="' + portfolio_id + '">' +
                            '<div class="portfolio_content"><h3>' + portfolio_title + '</h3><a href="' + portfolio_url + '" class="blue_btn" target="_blank">View Project</a></div>' +
                            '<div class="portfolio_img"><img src="' + portfolio_image + '" alt=""/></div>' +
                            '<div class="overview_all_icon">' +
                            '<ul>' +                           
                            '<li><a href="javascript:void(0);" class="all_icon close_icon d_portfolio_close_icon" data-portfolio-id="' + portfolio_id + '"><img src="'+hdn_Close_Icon+'" alt="icon"></a></li>' +
                            '</ul>' +
                            '</div>' +
                            '</div>');
                    }                    
                }
            }
        });

        //delete portfolio block
        $(document).on('click', '.d_portfolio_close_icon', function () {
//            debugger;
            var id = $(this).attr('data-portfolio-id');
            $('.d_append_portfolio_block').each(function () {
                if ($(this).attr('data-portfolio-block-id') == id) {
                    $(this).find('.d_added_portfolio_green').hide();
                    $(this).find('.d_add_portfolio_main').show();
                    $(this).find('.d_remove_portfolio_main').hide();
                }
            });
            $(this).parents('.d_added_portfolio_list').remove();
        });

        $(document).on('click', '.d_remove_portfolio_main', function () {
            debugger;
            var id = $(this).attr('data-portfolio-id');
            $(this).hide();
            $(this).parents('.d_append_portfolio_block').find('.d_add_portfolio_main').show();
            $(this).parents('.d_append_portfolio_block').find('.d_added_portfolio_green').hide();
            $('.d_added_portfolio_list').each(function () {
                if ($(this).attr('data-main-port-id') == id) {
                    $(this).remove();
                }
            });
        });
        
        //------------------------------------FAQ---------------------------------------------------//
        //////////FAQ///////////////
        $(document).on('click', '.add_custom_section_faq', function () {
            $('#d_custom_faq_textarea').code('');
        });

        $.ajax({
            url: 'Searchquescontent',
            type: 'GET',
            data: {question: $('#questions').val()},
            success: function (data)
            {
                $('.d_fq_wordpress_main').remove();
                $(".faq_pagin").empty();
                $.each(data, function (key, value) {
                    $('.d_faq_top_content').find('.d_pagination_faq').before('<div class="ov_wordpress_main d_fq_wordpress_main" data-contentid_fq="' + value.prop_faq_id + '">' +
                            '<div class="ov_wordpress_heading d_ov_wordpress_heading">' +
                            '<h6 class="ov_wordpress_title fq_wordpress_que">' + value.prop_faq_question + '</h6>' +
                            '<span class="added_green d_added_green_fq" style="display:none;">Added</span>' +
                            '<a href="javascript:;" class="ov_icon addContent_fq" data-contentid_fq="' + value.prop_faq_id + '" data-tag-faq="' + value.tags + '"><img src="'+plusIcon+'" alt="icon"></a>' +
                            '<a href="javascript:;" class="ov_icon fq_icon deleteContent_fq" style="display:none" data-contentid_fq="' + value.prop_faq_id + '"><img src="'+closeIcon+'" alt="icon"></a>' +
                            '</div>' +
                            '<div class="ov_wordpress_content d_fq_wordpress_content">' + value.prop_faq_ans + '</div>' +
                            '<div class="ov_wordpress_tags">' +
                            '<h6>Tag (S): </h6>' +
                            '<span> ' + value.tags + '</span>' +
                            '</div>' +
                            '</div>');
                });
                //custom pagination
                var pageParts = $(".d_fq_wordpress_main");
                var numPages = pageParts.length;
                var perPage = 3;
                pageParts.slice(perPage).hide();
                $(".faq_pagin").pagination({
                    items: numPages,
                    itemsOnPage: perPage,
                    cssStyle: "compact-theme",
                    onPageClick: function (pageNum) {
                        var start = perPage * (pageNum - 1);
                        var end = start + perPage;
                        pageParts.hide()
                                .slice(start, end).show();
                    }
                });
            },
        });

        ////////////////////FAQ Search/////////////////////
        
        var pageFAQCount = 1;
        $(document).on('click', '.cloneFAQPage', function () {
            debugger;
            $('.ov_page_5').last().after(
                   ' <page size="A4" class="ov_page_5">'+        
                    '<div class="overview_section d_faq_section">'+                      
                        '<div class="faq_content_main faq_contain_text">'+               
                           ' <div class="add_custom_section  d_add_custom_section_faq_dynamice d_add_custom_section_faq_'+pageFAQCount+'">'+
                                '<div class="add_custom_text">'+
                                    '<a href="javascript:;" class="add_custom_icon modal_btn d_open_new_model" data-toggle="modal" data-target="#new_modal_custom_Faq" data-faqpage-id="'+pageFAQCount+'"><span class="add_img"><img src="'+hdn_Add_Icon+'" alt="icon"></span><span>Add Custom Section</span></a>'+
                               ' </div>'+
                            '</div>'+
                        '</div>'+
                   ' </div>'+
                   ' <div class="footer_section">'+
                        '<span class="left_span">www.aliansoftware.com</span>'+
                        '<span class="right_span"></span>'+
                        '<span class="copyright_text">&copy; 2010-19 Alian Software. All Rights Reserved.</span>'+
                       ' <a href="javascript:;" class="deleteFAQPage"><span  style="float: right;"><img src="'+closeIcon+'" alt="icon"/></span></a>'+
                    '</div>'+
                '</page>'                
            );
            pageFAQCount++;
        });
        
        $(document).on('click','.d_open_new_model', function(){
            debugger;
            $('.hdnFaqPageID').val($(this).attr('data-faqpage-id'));
            $('.new_custom_faq_title').val('');
            $('.new_custom_faq_tags').val('');
            $('#d_custom_faq_textarea_new').code('');
        });
        
        //delete page
        $(document).on('click', '.deleteFAQPage', function () {
            debugger;
            $(this).parents('page').remove();
        });
        
        $(document).on('keypress', '#questions', function (e) {
            debugger;
            if (e.which == 13)
            {
                var question = $(this).val();
                $.ajax({
                    url: 'Searchquescontent',
                    type: 'GET',
                    data: {'question': question},
                    success: function (data)
                    {
                        $('.d_fq_wordpress_main').remove();
                        $(".faq_pagin").empty();
                        $.each(data, function (key, value) {
                            $('.d_faq_top_content').find('.d_pagination_faq').before('<div class="ov_wordpress_main d_fq_wordpress_main" data-contentid_fq="' + value.prop_faq_id + '">' +
                                    '<div class="ov_wordpress_heading d_ov_wordpress_heading">' +
                                    '<h6 class="ov_wordpress_title fq_wordpress_que">' + value.prop_faq_question + '</h6>' +
                                    '<span class="added_green d_added_green_fq" style="display:none;">Added</span>' +
                                    '<a href="javascript:;" class="ov_icon addContent_fq" data-contentid_fq="' + value.prop_faq_id + '" data-tag-faq="' + value.tags + '"><img src="'+plusIcon+'" alt="icon"></a>' +
                                    '<a href="javascript:;" class="ov_icon fq_icon deleteContent_fq" style="display:none" data-contentid_fq="' + value.prop_faq_id + '"><img src="'+closeIcon+'" alt="icon"></a>' +
                                    '</div>' +
                                    '<div class="ov_wordpress_content d_fq_wordpress_content">' + value.prop_faq_ans + '</div>' +
                                    '<div class="ov_wordpress_tags">' +
                                    '<h6>Tag (S): </h6>' +
                                    '<span> ' + value.tags + '</span>' +
                                    '</div>' +
                                    '</div>');
                        });
                        //custom pagination for overview                        
                        var pageParts = $(".d_fq_wordpress_main");
                        var numPages = pageParts.length;
                        var perPage = 3;
                        pageParts.slice(perPage).hide();
                        $(".faq_pagin").pagination({
                            items: numPages,
                            itemsOnPage: perPage,
                            cssStyle: "compact-theme",
                            onPageClick: function (pageNum) {
                                var start = perPage * (pageNum - 1);
                                var end = start + perPage;
                                pageParts.hide()
                                        .slice(start, end).show();
                            }
                        });
                    },
                });
            }
        });

        //for append text on FAQ section
        $(document).on('click', '.addContent_fq', function () {
            debugger;
            $(this).parents('.d_fq_wordpress_main').find('.deleteContent_fq').show();
            $(this).parents('.d_fq_wordpress_main').find('.addContent_fq').hide();
            var content_id = $(this).attr('data-contentid_fq');
            var tags = $(this).attr('data-tag-faq');
            if ($('.d_faq_contain').length == 0) {
                $(this).parents('.d_fq_wordpress_main').find('.d_added_green_fq').show();
                var ans = $(this).parents('.d_fq_wordpress_main').find('.d_fq_wordpress_content').html();
                var que = $(this).parents('.d_fq_wordpress_main').find('.fq_wordpress_que').text();
                $('.faq_contain_text').find('.add_custom_section_faq').before('<div class="editable_content_bg d_faq_contain" data-over-contentid_fq="' + content_id + '">' +
                        '<h6 class="get_faq_que">' + que + '</h6>' +
                        '<div class="getFaqContent"><p>' + ans + '</p></div>' +
                        '<div class="overview_all_icon">' +
                        '<ul>' +
                        '<li><a href="javascript:;" class="all_icon edit_icon d_fq_edit_icon" data-toggle="modal" data-target="#editContentfaq"><img src="'+hdn_Edit_Icon+'" alt="icon"/></a></li>' +
                        '<li><a href="javascript:;" class="all_icon add_icon d_fq_add_icon" style="display:none" data-tags-faq="' + tags + '"><img src="'+hdn_Add_Icon+'" alt="icon"/></a></li>' +
                        '<li><a href="javascript:;" class="all_icon close_icon d_fq_close_icon" data-fq-contentid_fq="' + content_id + '"><img src="'+hdn_Close_Icon+'" alt="icon"/></a></li>' +
                        '</ul>' +
                        '</div>' +
                        '</div>');
            }
            else
            {
                var ids_array = [];
                $('.d_faq_contain').each(function () {
                    ids_array.push($(this).attr("data-over-contentid_fq"));
                });
                if ($.inArray(content_id.toString(), ids_array) > -1)
                {

                }
                else
                {
                    $(this).parents('.d_fq_wordpress_main').find('.d_added_green_fq').show();
                    var ans = $(this).parents('.d_fq_wordpress_main').find('.d_fq_wordpress_content').html();
                    var que = $(this).parents('.d_fq_wordpress_main').find('.fq_wordpress_que').text();
                    $('.faq_contain_text').find('.add_custom_section_faq').before('<div class="editable_content_bg d_faq_contain" data-over-contentid_fq="' + content_id + '">' +
                            '<h6 class="get_faq_que">' + que + '</h6>' +
                            '<div class="getFaqContent"><p>' + ans + '</p></div>' +
                            '<div class="overview_all_icon">' +
                            '<ul>' +
                            '<li><a href="javascript:;" class="all_icon edit_icon d_fq_edit_icon" data-toggle="modal" data-target="#editContentfaq"><img src="'+hdn_Edit_Icon+'" alt="icon"/></a></li>' +
                            '<li><a href="javascript:;" class="all_icon add_icon d_fq_add_icon" style="display:none"  data-tags-faq="' + tags + '"><img src="'+hdn_Add_Icon+'" alt="icon"/></a></li>' +
                            '<li><a href="javascript:;" class="all_icon close_icon d_fq_close_icon" data-fq-contentid_fq="' + content_id + '"><img src="'+hdn_Close_Icon+'" alt="icon"/></a></li>' +
                            '</ul>' +
                            '</div>' +
                            '</div>');
                }
            }
        });

        ///faq delete paragraph faq
        $(document).on('click', '.d_fq_close_icon', function () {
            debugger;
            var id = $(this).attr('data-fq-contentid_fq');
            $('.d_fq_wordpress_main ').each(function () {
                if ($(this).attr('data-contentid_fq') == id) {
                    $(this).find('.d_added_green_fq').hide();
                    $(this).find('.deleteContent_fq').hide();
                    $(this).find('.addContent_fq').show();
                }
            });
            $(this).parents('.d_faq_contain').remove();
        });

        $(document).on('click', '.deleteContent_fq', function () {
            debugger;
            var id = $(this).attr('data-contentid_fq');
            $(this).parents('.d_fq_wordpress_main').find('.d_added_green_fq').hide();
            $(this).parents('.d_fq_wordpress_main').find('.deleteContent_fq').hide();
            $(this).parents('.d_fq_wordpress_main').find('.addContent_fq').show();
            $('.d_faq_contain').each(function () {
                if ($(this).attr('data-over-contentid_fq') == id) {
                    $(this).remove();
                }
            });
        });

        $(document).on('click', '.d_fq_edit_icon', function () {
            debugger;
            $(this).parents('.d_faq_contain').find('.d_fq_add_icon').show();
            var ans = $(this).parents('.d_faq_contain').find('.getFaqContent').html();
            $(this).parents('.d_faq_contain').find('.getFaqContent').addClass('active_edit');
            $('#d_edit_content_textarea_faq').code(ans);
        });

        //for update model textarea value to paragraph again FAQ
        $(document).on('click', '.d_btn_success_edit_model_faq', function () {
            debugger;
            var textEdit = $('#d_edit_content_textarea_faq').code();
            $('.err_msg').remove();
            if (textEdit === '')
            {
                $('.note-editor').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please add some content</span>');
                return false;
            }
            else
            {
                $('.d_faq_contain').find('.active_edit').html(textEdit);
                $('.d_faq_contain').find('.active_edit').removeClass('active_edit');
                $('#editContentfaq').modal('hide');
            }
        });

        $(document).ready(function () {
            $('#d_edit_content_textarea_faq').summernote({
                fontSizes: ['8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '20', '22', '24'],
                toolbar: [
                    // [groupName, [list of button]]
                    ['style', ['bold', 'italic', 'underline']],
                    ['font', ['strikethrough', 'superscript', 'subscript']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']]
                ],
            });
            $('#d_custom_faq_textarea').summernote({
                fontSizes: ['8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '20', '22', '24'],
                toolbar: [
                    // [groupName, [list of button]]
                    ['style', ['bold', 'italic', 'underline']],
                    ['font', ['strikethrough', 'superscript', 'subscript']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']]
                ],
            });
            $('#d_custom_faq_textarea_new').summernote({
                fontSizes: ['8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '20', '22', '24'],
                toolbar: [
                    // [groupName, [list of button]]
                    ['style', ['bold', 'italic', 'underline']],
                    ['font', ['strikethrough', 'superscript', 'subscript']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']]
                ],
            });
        });

        $(document).on('click', '.d_fq_add_icon', function () {
            debugger;
            var que = $(this).parents('.d_faq_contain').find('.get_faq_que').html();
            var ans = $(this).parents('.d_faq_contain').find('.getFaqContent').html();
            var result = confirm("Want to store this content in database?");
            var tags = $(this).attr('data-tags-faq');
            if (result) {
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('ans')
                    },
                    url: 'storefaqcontent',
                    type: 'post',
                    data: {ans: ans, que: que, tags: tags},
                    success: function (res) {
                        alert('Content saved successfully..');
//                        location.reload();
                    },
                });
            }
            else
            {
                return false;
            }
        });

        //save custom faq section data
        $(document).on('click', '.btn_save_custom_faq', function () {
            debugger;
            var question = $('.custom_faq_title').val();
            var answer = $('#d_custom_faq_textarea').code();
            var tags = $('.custom_faq_tags').val();

            $('.err_msg').remove();
            var error = false;
            if (question == '') {
                $('.custom_faq_title').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please enter question</span>');
                error = true;
            }
            if (answer == '') {
                $('.note-editor').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please add some answer</span>');
                error = true;
            }
            if (tags == '') {
                $('.custom_faq_tags').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please add tag name</span>');
                error = true;
            }
            if (error == true) {
                return false;
            } else {
                $('.faq_contain_text').find('.add_custom_section_faq').before('<div class="editable_content_bg d_faq_contain" data-over-contentid_fq="">' +
                        '<h6 class="get_faq_que">' + question + '</h6>' +
                        '<div class="getFaqContent"><p>' + answer + '</p></div>' +
                        '<div class="overview_all_icon">' +
                        '<ul>' +
                        '<li><a href="javascript:;" class="all_icon edit_icon d_fq_edit_icon" data-toggle="modal" data-target="#editContentfaq"><img src="'+hdn_Edit_Icon+'" alt="icon"/></a></li>' +
                        '<li><a href="javascript:;" class="all_icon add_icon d_fq_add_icon" style="display:none" data-tags-faq="' + tags + '"><img src="'+hdn_Add_Icon+'" alt="icon"/></a></li>' +
                        '<li><a href="javascript:;" class="all_icon close_icon d_fq_close_icon" data-fq-contentid_fq=""><img src="'+hdn_Close_Icon+'" alt="icon"/></a></li>' +
                        '</ul>' +
                        '</div>' +
                        '</div>');

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: 'StoreCustomfaqSectioncContent',
                    type: 'post',
                    data: {question: question, answer: answer, tags: tags},
                    success: function (res) {
                        alert('Content saved successfully..');
                    },
                });
            }
            $('.modal_cancel').trigger('click');
        });
        
        $(document).on('click', '.d_btn_save_faq_newmodel', function () {
            debugger;
            var question = $('.new_custom_faq_title').val();
            var answer = $('#d_custom_faq_textarea_new').code();
            var tags = $('.new_custom_faq_tags').val();
            var faqPageID = $('.hdnFaqPageID').val();
            
            $('.err_msg').remove();
            var error = false;
            if (question == '') {
                $('.new_custom_faq_title').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please enter question</span>');
                error = true;
            }
            if (answer == '') {
                $('.note-editor').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please add some answer</span>');
                error = true;
            }
            if (tags == '') {
                $('.new_custom_faq_tags').after('<span class="err_msg" style="color:#CD5C5C; font-family: calibri; font-size:15px;">Please add tag name</span>');
                error = true;
            }
            if (error == true) {
                return false;
            } else {
                $('.d_add_custom_section_faq_'+faqPageID+'').before('<div class="editable_content_bg d_faq_contain">' +
                        '<h6 class="get_faq_que">' + question + '</h6>' +
                        '<div class="getFaqContent"><p>' + answer + '</p></div>' +
                        '<div class="overview_all_icon">' +
                        '<ul>' +
                        '<li><a href="javascript:;" class="all_icon edit_icon d_fq_edit_icon" data-toggle="modal" data-target="#editContentfaq"><img src="'+hdn_Edit_Icon+'" alt="icon"/></a></li>' +
                        '<li><a href="javascript:;" class="all_icon add_icon d_fq_add_icon" style="display:none" data-tags-faq="' + tags + '"><img src="'+hdn_Add_Icon+'" alt="icon"/></a></li>' +
                        '<li><a href="javascript:;" class="all_icon close_icon d_fq_close_icon" data-fq-contentid_fq=""><img src="'+hdn_Close_Icon+'" alt="icon"/></a></li>' +
                        '</ul>' +
                        '</div>' +
                        '</div>');

//                $.ajax({
//                    headers: {
//                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
//                    },
//                    url: 'StoreCustomfaqSectioncContent',
//                    type: 'post',
//                    data: {question: question, answer: answer, tags: tags},
//                    success: function (res) {
//                        alert('Content saved successfully..');
//                    },
//                });
            }
            $('.modal_cancel').trigger('click');
        });
        
    });

</script>

<!--Cost milestons code-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script>    
        plusIcon = $('.hdnPlusIcon').val();
        closeIcon = $('.hdnCloseIcon').val();
        hdn_Add_Icon = $('.hdn_Add_Icon').val();
        hdn_Edit_Icon = $('.hdn_Edit_Icon').val();
        hdn_Close_Icon = $('.hdn_Close_Icon').val();
   
    $(document).on('keypress', '#amount_edit', function (event) {
        if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
            event.preventDefault();
        }
    });
    function resetForm() {
        document.getElementById("myForm").reset();
    }
    $("#addcontent").click(function () {
        $('.error').remove();
        error = false;
        var projectdate = $('#projectdate').val();
        var estimate_date = $('.d_estimate_start_date').text(projectdate);
        if (projectdate == '')
        {
            $('#projectdate').after('<span class="error" style="color:red">Select project date first</span>')
        }
        else {
            $("#addnewblock").show();
            $("#editblock").hide();
        }

    });
    $(document).ready(function () {
        $(document).on('change', '#projectdate', function () {
            debugger;
            start1 = this.value;
            $('#toggleprojectdate').val(start1);
            $(".my_div").each(function () {
                debugger;
                var _this = $(this);
                daysss = _this.find('#d_days').text();
                //dats = $(".my_div").find('#d_completedate').text();
                start = new Date(start1);
                counter = 0;
                var safety = 0;
                while (++safety < 700) {
                    start.setDate(start.getDate() + 1);
                    switch (start.getDay()) {
                        case 0: // Sunday
                        case 6: // Saturday
                            break;
                        default:
                            counter++;
                    }
                    if (counter >= daysss)
                        break;
                }
                console.log(daysss);
                console.log(start);
                var endsss = new Date(start)
                var edates = endsss.getDate();
                var emonths = endsss.getMonth() + 1;
                var eyears = endsss.getFullYear();
                var formateddate = emonths + "/" + edates + "/" + eyears;
                _this.find('#d_completedate').html(formateddate);
                start1 = formateddate;
            })

        });
    });

    $(document).ready(function () {
        $(document).on('change', '#toggleprojectdate', function () {
            debugger;
            toggledate = this.value;
            $('#projectdate').val(toggledate);
            $('#projectdate').trigger('change');
        });
    });

    $(document).on('change', '#dt_days', function () {
        debugger;

        var date = "";
        $(".mileajax").children().last().addClass('temper');
        if ($('.temper').length > 0) {
            divdate = $(".temper").find('#d_completedate').text();
            date = new Date(divdate);
        }
        else
        {
            date = new Date($("#projectdate").val());
        }

        var days = parseInt($('#dt_days').val(), 10);
        counter = 0;
        var safety = 0;
        while (++safety < 700) {
            date.setDate(date.getDate() + 1);
            switch (date.getDay()) {
                case 0: // Sunday
                case 6: // Saturday
                    break;
                default:
                    counter++;
            }
            if (counter >= days)
                break;
        }
        console.log(days);
        console.log(date);
        var endsss = new Date(date)
        var edates = endsss.getDate();
        var emonths = endsss.getMonth() + 1;
        var eyears = endsss.getFullYear();
        var formateddate = emonths + "/" + edates + "/" + eyears;
        var setdate = $('#completedate').datepicker("setDate", new Date(formateddate));
        $('.mileajax').find('.temper').removeClass('temper');
    });

    $(document).ready(function () {
        $(document).on('change', '#completedate', function () {
            debugger;
            var end1 = this.value;
            var end = new Date(end1);
            var start = "";
            $(".mileajax").children().last().addClass('temper1');
            if ($('.temper1').length > 0) {
                divdate = $(".temper1").find('#d_completedate').text();
                start = new Date(divdate);
            }
            else
            {

                start = new Date($("#projectdate").val());
            }

            if (end < start)
                return 0;
            var millisecondsPerDay = 86400 * 1000;
            start.setHours(0, 0, 0, 1);
            end.setHours(23, 59, 59, 999);
            var diff = end - start;
            var days = Math.ceil(diff / millisecondsPerDay);
            var weeks = Math.floor(days / 7);
            days = days - (weeks * 2);
            var startDay = start.getDay();
            var endDay = end.getDay();
            if (startDay - endDay > 1)
                days = days - 2;
            if (startDay == 0 && endDay != 6)
                days = days - 1
            if (endDay == 6 && startDay != 0)
                days = days - 1
            var setdays = days - 1;
            $('#dt_days').val(setdays);
            $('.mileajax').find('.temper1').removeClass('temper1');
        });
    });
//    $(document).ready(function(){
//    $(document).on('change', '#dt_days', function() {
//        alert("hii");
//    });
//    });

    $("#deleteblock").click(function () {
        $("#addnewblock").hide();
    });
    $("#del_ed_block").click(function () {
        $("#editblock").hide();
    });
    $("#savedata").click(function () {
        debugger;
        $('.error').remove();
        error = false;

        var milestone = $("#milestone").val();
        var completedate = $("#completedate").val();
        var days = $("#dt_days").val();
        var amount = $("#amount").val();
        var activity = $("#activity").val();
        if (milestone == '')
        {
            error = true;
            $("#milestone").after('<span class="error" style="color:red">Please Enter Milestone</span>');
        }
        if (completedate == '')
        {
            error = true;
            $("#completedate").after('<span class="error" style="color:red">Please Enter Date</span>');
        }
        if (amount == '')
        {
            error = true;
            $("#amount").after('<span class="error" style="color:red">Please Enter Amount</span>');
        }
        if (activity == '')
        {
            error = true;
            $("#activity").after('<span class="error" style="color:red">Please Enter Activities</span>');
        }
        if (error == true)
        {
            $('#savedata').attr('disabled', false);
            e.preventDefault();
            return false;
        }
        else {
            $("#addnewblock").hide();
            $(".mileajax").append('<div class="overview_contain cost_content my_div cost_m_style" id="milestonecontentlist">' +
                    '<div class="milestone_content">' +
                    '<div class="milestone_title">' +
                    '<h6>Milestone </h6>' +
                    '<div id="d_milestone">' + milestone + '</div>' +
                    '</div>' +
                    '<div class="price">' +
                    '<h6>Days</h6>' +
                    '<div id="d_days">' + days + '</div>' +
                    '</div>' +
                    '<div class="right_content">' +
                    '<h6>Completion Date</h6>' +
                    '<div id="d_completedate">' + completedate + '</div>' +
                    '</div>' +
                    '<div class="price">' +
                    '<h6>Amount</h6>' +
                    '<div id="d_amount">' + amount + '</div>' +
                    '</div>' +
                    '</div>' +
                    '<div class="milestone_bottom_content">' +
                    '<div class="milestone_title">' +
                    '<h6>Activities </h6>' +
                    '<div id="d_activity">' + activity + '</div>' +
                    '</div>' +
                    '</div>' +
                    '<div class="overview_all_icon">' +
                    '<ul>' +
                    '<li><a class="edit_icon updatedate" style="display:none" ><img src="'+hdn_Add_Icon+'" alt="icon"/></a></li>' +
                    '<li><a data-id="um"  class="edit_icon editdata" ><img src="'+hdn_Edit_Icon+'" alt="icon"/></a></li>' +
                    '<li><a data-id="iu" class="close_icon deletedata" ><img src="'+hdn_Close_Icon+'" alt="icon"/></a></li>' +
                    '</ul>' +
                    '</div>' +
                    '</div>');
        }
        ////////sum//
        var sum = 0;
        if ($('.my_div').length > 0) {
            $(".my_div").each(function () {
                debugger;
                var val = $.trim($(this).find('#d_amount').text());

                if (val) {
                    val = parseFloat(val.replace(/^\$/, ""));

                    sum += !isNaN(val) ? val : 0;
                }
            });
        }

        $('#totalcost').html('Total Cost: $' + sum);
        ////sum end

    });
    ////////////////daysedit//////////
    $(document).ready(function () {
        $(document).on('change', '#days_edit', function () {
            debugger;

            var date = "";
            var _this = $(this);
            $(this).parents('#milestonecontentlist').prev().addClass('prev_days');
            if ($('.prev_days').length > 0) {
                console.log("second");
                date1 = $(".prev_days").find('#d_completedate').text();
                date = new Date(date1);
            }
            else
            {
                date = new Date($("#projectdate").val());
                console.log("first");
            }



            var days_edit = parseInt(this.value, 10);
            counter = 0;
            var safety = 0;
            while (++safety < 700) {
                date.setDate(date.getDate() + 1);
                switch (date.getDay()) {
                    case 0: // Sunday
                    case 6: // Saturday
                        break;
                    default:
                        counter++;
                }
                if (counter >= days_edit)
                    break;
            }
            console.log(days_edit);
            console.log(date);
            var endsss = new Date(date)
            var edates = endsss.getDate();
            var emonths = endsss.getMonth() + 1;
            var eyears = endsss.getFullYear();
            var formateddate = emonths + "/" + edates + "/" + eyears;
            console.log(formateddate);
            $(this).parents('#milestonecontentlist').find('#d_completedate').html('<input type="text" value="' + formateddate + '" class="form-form_label m_datepicker_1" name="completedate" id="completedate_edit"   autocomplete="off" placeholder="Select date">');
            $('.mileajax').find('.prev_days').removeClass('prev_days');
            $('#completedate_edit').trigger('change');
        });
    });
    /////////////////////////
    ////////////////////dateedit////////////
    $(document).ready(function () {
        $(document).on('change', '#completedate_edit', function () {
            debugger;
            var start1 = this.value;
            var end = new Date(start1);
            var start_aa = "";
            $(this).parents('#milestonecontentlist').prev().addClass('prev_edit');
            if ($('.prev_edit').length > 0) {
                console.log("second");
                datew = $(".prev_edit").find('#d_completedate').text();
                start_aa = new Date(datew);
            }
            else
            {

                start_aa = new Date($("#projectdate").val());
                console.log("first");
            }
            $('.mileajax').find('.prev_edit').removeClass('prev_edit');
            if (end < start_aa)
                return 0;
            var millisecondsPerDay = 86400 * 1000;
            start_aa.setHours(0, 0, 0, 1);
            end.setHours(23, 59, 59, 999);
            var diff = end - start_aa;
            var days = Math.ceil(diff / millisecondsPerDay);
            var weeks = Math.floor(days / 7);
            days = days - (weeks * 2);
            var startDay = start_aa.getDay();
            var endDay = end.getDay();
            if (startDay - endDay > 1)
                days = days - 2;
            if (startDay == 0 && endDay != 6)
                days = days - 1
            if (endDay == 6 && startDay != 0)
                days = days - 1
            var setdays = days - 1;
            $(this).parents('#milestonecontentlist').find('#days_edit').val(setdays);

            //////////afterdate//////////////

            $(this).parents('#milestonecontentlist').nextAll().addClass('next');
            if ($('.next').length > 0) {
                $(".next").each(function () {
                    debugger;
                    var _this = $(this);
                    daysss1 = _this.find('#d_days').text();
                    start = new Date(start1);
                    counter = 0;
                    var safety = 0;
                    while (++safety < 700) {
                        start.setDate(start.getDate() + 1);
                        switch (start.getDay()) {
                            case 0: // Sunday
                            case 6: // Saturday
                                break;
                            default:
                                counter++;
                        }
                        if (counter >= daysss1)
                            break;
                    }
                    console.log(daysss1);
                    console.log(start);
                    var endsss = new Date(start)
                    var edates = endsss.getDate();
                    var emonths = endsss.getMonth() + 1;
                    var eyears = endsss.getFullYear();
                    var formateddate = emonths + "/" + edates + "/" + eyears;
                    _this.find('#d_completedate').html(formateddate);
                    start1 = formateddate;
                })
            }
            $('.mileajax').find('.next').removeClass('next');
        });
    });
    ////////////////////////////////////////

    $(document).on('click', '.deletedata', function () {
        debugger;
        $(this).parents('#milestonecontentlist').remove();
        ///////sum//
        var sum = 0;
        if ($('.my_div').length > 0) {
            $(".my_div").each(function () {
                debugger;
                var val = $.trim($(this).find('#d_amount').text());

                if (val) {
                    val = parseFloat(val.replace(/^\$/, ""));

                    sum -= !isNaN(val) ? val : 0;
                }
            });

        }
        math_ps = Math.abs(sum);
        $('#totalcost').html('Total Cost: $' + math_ps);
        ////sum end
    });
    $(document).on('click', '.editdata', function () {
        debugger;
        $(this).parents('#milestonecontentlist').find(".updatedate").css("display", "block");
        $(this).parents('#milestonecontentlist').find(".editdata").css("display", "none");
        //$("#editblock").show();
        var ed_milestone = $(this).parents('#milestonecontentlist').find('#d_milestone').text();
        var ed_amount = $(this).parents('#milestonecontentlist').find('#d_amount').text();
        var ed_activity = $(this).parents('#milestonecontentlist').find('#d_activity').text();
        var ed_completedate = $(this).parents('#milestonecontentlist').find('#d_completedate').text();
        var ed_days = $(this).parents('#milestonecontentlist').find('#d_days').text();
        $(this).parents('#milestonecontentlist').find('#d_milestone').html('<input type="text"  value="' + ed_milestone + '" name="milestone_edit" id="milestone_edit" class="form_label" autocomplete="off" placeholder="">');
        $(this).parents('#milestonecontentlist').find('#d_amount').html('<input type="text" name="amount" value="' + ed_amount + '" id="amount_edit" class="form-control m-input" autocomplete="off" placeholder="" min="0">');
        $(this).parents('#milestonecontentlist').find('#d_completedate').html('<input type="text" value="' + ed_completedate + '"  id="completedate_edit" class="form_label m_datepicker_1 hasDatepicker_style hasDatepicker" name="completedate" autocomplete="off" placeholder="Select date">');
        $(this).parents('#milestonecontentlist').find('#d_days').html('<input type="number" value="' + ed_days + '" name="days_edit" id="days_edit" pattern="[0-9]*" class="form-control m-input" autocomplete="off" placeholder="" min="0">');
        $(this).parents('#milestonecontentlist').find('#d_activity').html('<textarea name="activity" id="activity_edit">' + ed_activity + '</textarea>');
// 
//   $(this).parents('#milestonecontentlist').addClass('active_edit');
//    if ($('.active_edit').length > 0) { 
//        
//    }
//    $("#editblock").show();
//    $("#addnewblock").hide();
//    $("#milestone_edit").val(ed_milestone);
//    $("#completedate_edit").val(ed_completedate);
//    $("#amount_edit").val(ed_amount);
//    $("#activity_edit").val(ed_activity);
//     $("#days_edit").val(ed_days);

    });
    $(document).on('click', '.updatedate', function () {
        $(".editdata").css("display", "block");
        $(".updatedate").css("display", "none");
        debugger;
        $(this).parents('#milestonecontentlist').find('#d_milestone').html('<div>' + $(this).parents('#milestonecontentlist').find('#milestone_edit').val() + '</div>');
        $(this).parents('#milestonecontentlist').find('#d_days').html('<div>' + $(this).parents('#milestonecontentlist').find('#days_edit').val() + '</div>');
        $(this).parents('#milestonecontentlist').find('#d_completedate').html('<div>' + $(this).parents('#milestonecontentlist').find('#completedate_edit').val() + '</div>');
        $(this).parents('#milestonecontentlist').find('#d_amount').html('<div>' + $(this).parents('#milestonecontentlist').find('#amount_edit').val() + '</div>');
        $(this).parents('#milestonecontentlist').find('#d_activity').html('<div>' + $(this).parents('#milestonecontentlist').find('#activity_edit').val() + '</div>');
        ///////sum//
        var sum = 0;
        if ($('.my_div').length > 0) {
            $(".my_div").each(function () {
                debugger;
                var val = $.trim($(this).find('#d_amount').text());

                if (val) {
                    val = parseFloat(val.replace(/^\$/, ""));

                    sum += !isNaN(val) ? val : 0;
                }
            });

        }
        math_ps = Math.abs(sum);
        $('#totalcost').html('Total Cost: $' + math_ps);
        ////sum end
//     var milestoneup=$("#milestone_edit").val();
//     var completedateup=$("#completedate_edit").val();
//     var daysup=$("#days_edit").val();
//     var amountup=$("#amount_edit").val();
//     var activityup=$("#activity_edit").val();
//     $(".active_edit").find('#d_milestone').html(milestoneup);
//     $(".active_edit").find('#d_completedate').html(completedateup);
//     $(".active_edit").find('#d_days').html(daysup);
//     $(".active_edit").find('#d_amount').html(amountup);
//     $(".active_edit").find('#d_activity').html(activityup);
//     $('.mileajax').find('.active_edit').removeClass('active_edit');
//     $('#editblock').hide(); 
        ////////////////////////////////////////days frmo days start//////////////////////////////

        ////////////////////////////////////////days frmo days end//////////////////////////////

    });
//    $(document).on('click', '#completedate_edit', function() {
//        debugger;
//        var date = "";
//        $(".mileajax").children().last().addClass('temper');
//        if ($('.temper').length > 0) {
//            divdate = $(".temper").find('#d_completedate').text();
//            date = new Date(divdate);
//        }
//        else
//        {
//
//            date = new Date($("#projectdate").val());
//        }
//        var daychek = $('#dt_days').val();
//        if (daychek != '')
//        {
//            // $('#completedate').prop('readonly', true);
//            $('#completedate').prop('disabled', true);
//        }
//        if (daychek == '')
//        {
//            // $('#completedate').prop('readonly', true);
//            $('#completedate').prop('disabled', false);
//        }
//        var days = parseInt($('#dt_days').val(), 10);
//        counter = 0;
//        var safety = 0;
//        while (++safety < 700) {
//            date.setDate(date.getDate() + 1);
//            switch (date.getDay()) {
//                case 0: // Sunday
//                case 6: // Saturday
//                    break;
//                default:
//                    counter++;
//            }
//            if (counter >= days)
//                break;
//            console.log("final" + date);
//        }
//        console.log(days);
//        console.log(date);
//        var endsss = new Date(date)
//        var edates = endsss.getDate();
//        var emonths = endsss.getMonth() + 1;
//        var eyears = endsss.getFullYear();
//        var formateddate = emonths + "/" + edates + "/" + eyears;
//        var setdate = $('#completedate').val(formateddate);
//        $('.mileajax').find('.temper').removeClass('temper');
//    });
//    $(document).on('click', '#completedate', function() {
//        var comdate = $('#completedate').val();
//    });

//    $(document).on('change','.form-form_label.m_datepicker_1.completedate',function() {
//       debugger;
//        alert("hi");
//    });



//    $(document).ready(function() {
//        debugger;
//        $('.completedate').datepicker();
//        $('.completedate').datepicker("option", "onSelect", function() {
//            alert('hi');    
//        });
//    });



</script>
<script src="{{URL::asset('ProposalHTML/js/jquery.min.js')}}" type="text/javatypescript"></script>
<script src="{{URL::asset('ProposalHTML/js/jquery-ui.js')}}" type="text/javascript"></script>
<script src="{{URL::asset('ProposalHTML/js/custom.js')}}" type="text/javascript"></script>
@stop