<script id="template_all" type="text/template">

    <div class="row">

        <div class="col-lg-6">
            <div class="card p-3">
                <div class="text-lg">
                    {{institution_name}}
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="row">
                <div class="col">
                    <div class="statcard card">
                        <div class="title">ලැබුණු ලිපි</div>
                        <div class="number">{{received_count}}</div>
                    </div>
                </div>
                <div class="col">
                    <div class="statcard card">
                        <div class="title">තොරතුරු ඇතුලත් කිරීම</div>
                        <div class="number">X%</div>
                    </div>
                </div>
                <div class="col">
                    <div class="statcard card">
                        <div class="title">වැඩ අවසන් කිරීම</div>
                        <div class="number">X%</div>
                    </div>
                </div>

            </div>
        </div>

    </div>

    <div class="card">
        
        <div class="card-body">

        <div class="datalist">
        {{#summary}}

            <div class="listitem" id="{{id}}">

                    <div class="row listitem-content">

                        <div class="col m-auto">

                            <div class="text">
                                <span class="">{{name}}</span>
                            </div>

                        </div>

                        <div class="col-w6 right px-3 m-auto">
                            {{count}}
                        </div>

                        <div class="col-lg-6 m-auto">

                            <div class="row m-auto">

                                <div class="col progress m-auto">
                                    <div class="progress-bar" role="progressbar" data-value="{{percentage}}" aria-valuenow="" style="width: 0%" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>

                                <div class="col col-w6 m-auto text-strong center">
                                    <div class="text-success"> <span class="text-lg">{{percentage}}</span> <span class="text-xs">%</span> </div>
                                </div>

                            </div>
                            
                        </div>

                    </div>

            </div>

        {{/summary}}
        </div>

        </div>
        
    </div>


</script>