@(curationObject: models.CurationObject, properties: Map[String, List[String]], userPreferences:  Map[String,List[String]], mmResponse: List[models.MatchMakerResponse])(implicit user: Option[models.User] )
@main("Matchmaker") {
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-body">
                    <a  href ="@routes.CurationObjects.getCurationObject(curationObject.id)">Edit Metadata</a> >
                    <u><strong>Select Repository</strong></u> >
                    Submit to Repository
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <a class="btn btn-default" href ="@routes.CurationObjects.getCurationObject(curationObject.id)"><span class="glyphicon glyphicon-chevron-left"></span> Edit Metadata</a>
        </div>
        <div class="col-md-8 text-center">
            <h1>Select Repository</h1>
        </div>
        <div class="col-md-2">
            <button  class="btn btn-primary pull-right selectRepository">Submit to Repository <span class="glyphicon glyphicon-chevron-right"></span></button>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3">
            @spaces.curationSummary( curationObject, false)
            <div class="panel-body">
                <h4>Preferences</h4>
                @for((prop, value) <- properties) {
                    <h5>@prop</h5>
                    @if(prop.equalsIgnoreCase("Purpose")) {
                        <select id="@prop" class="form-control">
                        @for(cur<-value) {
                            @if((userPreferences.contains(prop.replace(" ", "_")) && userPreferences(prop.replace(" ", "_")).contains(cur))) {
                                <option value="@cur" selected>@cur</option>
                            } else {
                                <option value="@cur">@cur</option>
                            }

                        }
                        </select>
                    } else {
                        @for(cur<-value) {
                            @if((userPreferences.contains(prop.replace(" ", "_")) && userPreferences(prop.replace(" ", "_")).contains(cur))) {
                                <input type="checkbox" name="@prop" value="@cur" checked> @cur <br/>

                            } else {
                                <input type="checkbox" name="@prop" value="@cur"> @cur <br/>
                            }

                        }
                    }
                }

                <div class="center-margin">
                    <button class="btn btn-sm btn-link" id="updateResults"><span class="glyphicon glyphicon-send"></span> Update Results</button>
                </div>

            </div>
        </div>
        <div class="col-md-9">
                <h3 id="candidate">Candidate Repositories</h3>
            @if(mmResponse.size >0 ) {
                The results below are based on an analysis of the dataset's properties and metadata and the preferences you specified. <br/>
            } else {
                There was an error calling Matchmaker or there were no match's returned <br/>
            }

            <span class="error hiddencomplete" id="selecterror"> Please select a repository</span><br>
            <div id="mmresults"></div>

        </div>

    </div>
   <div class="row bottom-padding">
        <div class="col-md-12">
            <a class="btn btn-default" href ="@routes.CurationObjects.getCurationObject(curationObject.id)"><span class="glyphicon glyphicon-chevron-left"></span> Edit Metadata</a>
            <button class="btn btn-primary pull-right selectRepository">Submit to Repository<span class="glyphicon glyphicon-chevron-right"></span></button>
        </div>
    </div>
    <form id="selectRepository" action='@routes.CurationObjects.submitRepositorySelection(curationObject.id)' method="POST" enctype="multipart/form-data">
            <!-- Redirect browsers with JavaScript disabled to the origin page -->
        <noscript>Javascript is required in order to use the uploader to create a new collection.</noscript>

        <input type="hidden" name="repository" id="hiddenRepository" value="not set">
        <input type="hidden" name="purpose" id="hiddenPurpose" value="not set">
    </form>
    <script src="@routes.Assets.at("javascripts/handlebars-v1.3.0.js")" type="text/javascript"></script>
    <script src="@routes.Assets.at("javascripts/handlebars-loader.js")" type="text/javascript"></script>
    <script src="@routes.Assets.at("javascripts/people.js")" type="text/javascript"></script>
    <script>

        Handlebars.registerHelper('nomorethan', function(lvalue, rvalue, options) {
            if (arguments.length < 3)
                throw new Error("Handlebars Helper equal needs 2 parameters");
            if( lvalue>rvalue ) {
                return options.inverse(this);
            } else {
                return options.fn(this);
            }
        });
        Handlebars.registerHelper('ifCond', function(v1, v2, options) {
            if(v1 == v2) {
                return options.fn(this);
            }
            return options.inverse(this);
        });

        Handlebars.registerHelper('contains', function(string, sub_string, options){
            if(string.toLowerCase().indexOf(sub_string.toLowerCase()) >=0) {
                return options.fn(this);
            } else {
                return options.inverse(this);
            }

        });

        var repositoryTemplate = Handlebars.getTemplate('@routes.Assets.at("templates/spaces/mmrepository")');
        @for(curRepository <- mmResponse) {
            var rules = [];
            var match = true;
            @for(rule <- curRepository.per_rule_score) {
                rules.push({rule_name: "@rule.rule_name", score: "@rule.Score", message: "@rule.Message"});
                @if(rule.Score < 0) {
                 match = false;
                }
            }
            console.log(match);
            @if(curationObject.repository.isDefined && curationObject.repository.get.compareTo(curRepository.orgidentifier) == 0) {
                var html =repositoryTemplate({href_metadata: "@routes.CurationObjects.getCurationObject(curationObject.id)", href_profile: "@routes.Profile.viewProfileUUID(curationObject.author.id)", repositoryName: new Handlebars.SafeString("@curRepository.repositoryName"), is_match:match, orgidentifier: "@curRepository.orgidentifier", per_rule_score: rules,  selected: true});
                $('#mmresults').append(html);
            } else {

                var html =repositoryTemplate({href_metadata: "@routes.CurationObjects.getCurationObject(curationObject.id)", href_profile: "@routes.Profile.viewProfileUUID(curationObject.author.id)", repositoryName: new Handlebars.SafeString("@curRepository.repositoryName"), is_match:match, orgidentifier: "@curRepository.orgidentifier", per_rule_score: rules, selected: false});
                $('#mmresults').append(html);
            }
        }
        $('.matchmaker_link').on('click', function() {
            if($(this).find('span').attr("class").indexOf("glyphicon-plus") > 0) {
                $(this).find('span').removeClass("glyphicon-plus");
                $(this).find('span').addClass("glyphicon-minus");
            } else {
                $(this).find('span').removeClass("glyphicon-minus");
                $(this).find('span').addClass("glyphicon-plus");
            }
        });

        $('#updateResults').on('click', function() {

            var dataMap = buildDataMap();

            var request = jsRoutes.api.CurationObjects.findMatchmakingRepositories('@curationObject.id').ajax({
                type: 'POST',
                data: JSON.stringify({"data": dataMap}),
                dataType: 'json',
                contentType: 'application/json; charset=utf-8'
            });

            request.done(function(response, textStatus, jqXHR) {
                console.log("Updated Data in Preferences");

                var repository = $("input[type='radio'][name='repository']:checked").val();
                $('#mmresults').html("");

                for(i in response) {
                    var sel = repository == response[i].orgidentifier;
                    var match = true;
                    for(var j=0; j<response[i].per_rule_score.length; j++) {
                        if(response[i].per_rule_score[j].score < 0) {
                            match = false;
                        }

                    }

                    console.log(match);
                    var html  = repositoryTemplate({href_metadata: "@routes.CurationObjects.getCurationObject(curationObject.id)", repositoryName:response[i].repositoryName, is_match: match, orgidentifier: response[i].orgidentifier, per_rule_score: response[i].per_rule_score, selected: repository == response[i].orgidentifier});
                    $('#mmresults').append(html);

                }

            });
            request.fail(function( jqXHR, textStatus, errorThrown) {
                console.error("The following error occurred: " + textStatus, errorThrown);
                notify("Preferences were not updated due to:"+ jqXHR.responseText, "error");
            });
        });

        function buildDataMap(){
            var purpose = $('#Purpose').val();

            var dataMap={};
            if(purpose !="")
                dataMap ["Purpose"]= purpose.toString();

            return dataMap;

        }

        $('.selectRepository').on('click', function() {
            var radios = document.getElementsByName('repository');
            var repository = "";
            for (var i = 0, length = radios.length; i < length; i++) {
                 if (radios[i].checked) {
                    repository = radios[i].value;
                 break;
                }
            }

            if(repository == ""){
                $('#selecterror').show();

                $('html, body').animate({
                    scrollTop: $('#candidate').offset().top + 'px'
                }, 'fast');

            } else{
                var dataMap = buildDataMap();
                $('#hiddenRepository').val(repository);
                $('#hiddenPurpose').val(dataMap["Purpose"]);
                $('#selectRepository').submit();

            }
        });

        $(document).ready(function(){
            $("#Purpose").select2({ minimumResultsForSearch: -1});

        });

    </script>
}