tp_servicedesk/app/ui/views/ticket/view.html

<!-- Ticket - View -->
<div class="is-flex">
    <h1 class="title is-flex-grow-1">{{ @ticket.title }}</h1>
    <div class="field is-grouped">
        <p class="control"><a class="button" href="/ticket/{{ @ticket.id}}/edit">edit ticket</a></p>
        <p class="control"><a class="button is-primary" href="/ticket/create">new ticket</a></p>
    </div>
</div>

<hr>

<div class="content">

    <div class="columns">
        <div class="column is-two-thirds">
            <!-- content -->
            <div class="block">
                <p>{{ @ticket.created_at }}</p>
                <div class="content">
                    <parsedown>{{ @ticket.description | raw }}</parsedown>
                </div>
            </div>
            <hr>
            <include href="views/attachment/index.html">
            <include href="views/comments/view.html">
        </div>
        
        <div class="column">
            <!-- meta data -->
            <div class="block">
                <h6 class="title is-6">Tags
                    <span class="icon"><i class="fas fa-cog"></i></span></h6>
                <!-- tags -->
                <div class="block">
                    <div class="tags">
                    <repeat group="{{ @ticket.tags }}" value="{{@tag}}">
                        <span class="tag is-{{@tag.color}}">{{@tag.name}}</span>
                    </repeat>
                    </div>
                </div>
            </div>
            <hr>
            <div class="block">
                <h6 class="title is-6">Projects
                    <span class="icon"><i class="fas fa-cog"></i></span></h6>
                <hr>
                <h6 class="title is-6">Assigned User:</h6>
                <check if="{{ @assigned_user }}">
                    <div class="block">
                        <p>{{ @assigned_user.display_name ?: @assigned_user.username }}</p>
                    </div>
                </check>
                <h6 class="title is-6">Participants</h6>
                <h6 class="title is-6">Time Tracker?</h6>
                <h6 class="title is-6">Dependencies</h6>
                <p>Reference:</p>
                <a href="#" class="button"><span class="icon">
                    <i class="fas fa-trash"></i></span><span>Delete</span></a>
            </div>
            <!-- form to add child ticket relationships -->
            <div class="box">
                <h3>Linked Tickets</h3>
                <!-- parent -->
                <check if="{{ @parent_tickets }}">
                    <div class="block">
                        <h4 class="title">Parent Tickets</h4>
                        <ul>
                            <repeat group="{{ @parent_tickets }}" value="{{ @p }}">
                                <li><a href="/ticket/{{ @p.id }}">{{ @p.title }}</a></li>
                            </repeat>
                        </ul>
                    </div>
                </check>
                <!-- child tickets -->
                <check if="{{ @child_tickets }}">
                    <div class="block">
                        <h4 class="title">Child Tickets</h4>
                        <ul>
                            <repeat group="{{ @child_tickets }}" value="{{ @c }}">
                                <li><a href="/ticket/{{ @c.id }}">{{ @c.title }}</a></li>
                            </repeat>
                    </div>
                </check>
                <form action="/ticket/{{ @ticket.id }}/add-subtask" method="POST">
                    {{ \CSRFHelper::field() | raw }}
                    <div class="field">
                        <label class="label">Add existing ticket as child ticket (ID):</label>
                        <div class="control">
                            <input class="input" type="number" placeholder="Child Ticket ID" required 
                                name="child_ticket_id">
                        </div>
                    </div>
                    <div class="field">
                        <div class="control">
                            <button class="button is-link" type="submit">Link</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <!-- 
    <div class="block" id="attachments"></div>
    <div class="block" id="comments"></div>
    -->

</div>