{{!
    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 comments.

    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_dataprivacy/request_details

    Data request details

    Classes required for JS:
    * none

    Data attributes required for JS:
    * none

    Context variables required for this template:
    * foruser Object The context data provided by core_user/external/user_summary_exporter.
    * reviewurl String The URL for the Review request link.
    * timecreated Number The timestamp when the request was created.
    * statuslabel String The text equivalent of the status.
    * statuslabelclass String The class to be used for rendering the status text.
    * messagehtml String The HTML version of the request message.

    Example context (json):
    {
        "foruser" : {
            "fullname": "Martha Smith",
            "email": "martha@example.com",
            "profileurl": "#",
            "profileimageurl": "https://randomuser.me/api/portraits/women/60.jpg"
        },
        "canreview": true,
        "reviewurl": "#",
        "timecreated": 1517561224,
        "requestedbyuser" : {
            "fullname": "Martha Smith",
            "profileurl": "#"
        },
        "statuslabel": "Pending",
        "statuslabelclass": "bg-secondary text-dark",
        "messagehtml": "<p>Hello,</p><p>I would like to download all of my personal data.</p><p>Thanks!</p>"
    }
}}
<div class="container"  data-requestid="{{id}}">
    <div class="d-flex">
        <div class="flex-shrink-0">
            <img class="userpicture" src="{{foruser.profileimageurl}}"
                 alt="{{#str}}pictureof, moodle, {{foruser.fullname}}{{/str}}"
                 title="{{#str}}pictureof, moodle, {{foruser.fullname}}{{/str}}" />
        </div>
        <div class="flex-grow-1 ms-3">
            <h4 class="mt-0 mb-1">
                <a href="{{foruser.profileurl}}" title="{{#str}}viewprofile{{/str}}">{{foruser.fullname}}</a>
            </h4>
            <a href="mailto:{{foruser.email}}">{{foruser.email}}</a>
            <div class="clearfix mt-1 mb-1">
            <span class="float-start me-1">
                <strong>{{#str}}daterequesteddetail, tool_dataprivacy{{/str}}</strong>
                {{#userdate}} {{timecreated}}, {{#str}} strftimedatetime, core_langconfig {{/str}} {{/userdate}}
            </span>
                <span class="float-start me-1">
                <strong>{{#str}}statusdetail, tool_dataprivacy{{/str}}</strong>
                <span class="badge {{statuslabelclass}}">{{statuslabel}}</span>
            </span>
            <span class="float-start me-1">
                <strong>{{#str}}requestbydetail, tool_dataprivacy{{/str}}</strong>
                <span><a href="{{requestedbyuser.profileurl}}" title="{{#str}}viewprofile{{/str}}">{{requestedbyuser.fullname}}</a></span>
            </span>
            </div>
            {{#canreview}}
                <!--a href="{{reviewurl}}" class="btn btn-secondary">{{#str}}reviewdata, tool_dataprivacy{{/str}}</a-->
            {{/canreview}}
        </div>
    </div>
    <hr>
    <div class="mb-1">
        <strong>{{#str}}messagelabel, tool_dataprivacy{{/str}}</strong>
    </div>
    <div>
        {{{messagehtml}}}
    </div>
</div>
