{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
}}
{{!
    @template tool_lp/related_competencies

    List of related competencies.

    Classes required for JS:
    * none

    Data attributes required for JS:
    * none

    Context variables required for this template:
    * showdeleterelatedaction boolean
    * relatedcompetencies array
      * id int
      * shortname string
      * idnumber string

    Example context (json):
    {
        "showdeleterelatedaction": false,
        "relatedcompetencies":
        [
            {
                "id": 1,
                "shortname": "Competency",
                "idnumber": "C1"
            }
        ]
    }

}}
<div class="card-special mt-4 pt-4 border-top" data-region="relatedcompetencies">
    <h5>{{#str}}crossreferencedcompetencies, tool_lp{{/str}}:</h5>
<ul class="my-0">
    {{#relatedcompetencies}}
        <li>
            {{#showdeleterelatedaction}}
                <div class="float-sm-right">
                    <a href="#" data-action="deleterelation" id="id-related-{{id}}" title="{{#str}}delete{{/str}}">
                        <svg width="24" height="24" fill="none" viewBox="0 0 24 24">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.75 7.75L7.59115 17.4233C7.68102 18.4568 8.54622 19.25 9.58363 19.25H14.4164C15.4538 19.25 16.319 18.4568 16.4088 17.4233L17.25 7.75"></path>
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.75 7.5V6.75C9.75 5.64543 10.6454 4.75 11.75 4.75H12.25C13.3546 4.75 14.25 5.64543 14.25 6.75V7.5"></path>
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 7.75H19"></path>
                        </svg>
                    </a>
                </div>
            {{/showdeleterelatedaction}}
            <p>
                <a href="#" data-action="competency-dialogue" data-id="{{id}}">
                    {{{shortname}}}{{#idnumber}} {{idnumber}}{{/idnumber}}
                </a>
            </p>
        </li>
    {{/relatedcompetencies}}
</ul>
{{^relatedcompetencies}}
    <div class="alert alert-warning">{{#str}}nocrossreferencedcompetencies, tool_lp{{/str}}</div>
{{/relatedcompetencies}}
</div>
{{#js}}
require(['tool_lp/competencydialogue'], function(Compdialogue) {
    Compdialogue.init();
});
{{/js}}
