<?xml version="1.0" encoding="UTF-8" ?>
<!--    Dashboard template    -->
<template id="amazon_s3">
    <t t-name="AmazonDashboard">
        <section class="amazon_dashboard_main_section"
                 id="main_section_manager">
            <img src="amazon_s3_connector/static/src/img/s3_icon.png"
                 alt="Amazon" style="width:150px; margin: 5px;"/>
            <img src="amazon_s3_connector/static/src/img/amazon_s3_text.png"
                 alt="Amazon Text" style="width:220px; margin: -10px;"/>
            <input class="btn amazon_upload" type="button" value="Upload"
                   id="amazon_s3_upload" t-on-click="upload"/>
            <!--    Search console    -->
            <input type="search" class="amazon_header-search-input"
                   placeholder="Search Files" t-on-keyup="search_file"/>
            <!--    Filter files on file type    -->
            <label for="filter">
                <select id="filter" class="form-select files_select" t-on-click="filter_files">
                    <option value="ALL FILES">ALL FILES</option>
                    <option value="pdf">PDF</option>
                    <option value="image">IMAGE</option>
                    <option value="zip">ZIP</option>
                    <option value="txt">TEXT</option>
                    <option value="xlsx">EXCEL</option>
                </select>
            </label>
            <div class="amazon_content">
                <table class="table table-light table-hover" id="files_table">
                    <thead>
                        <tr>
                            <th class="sort-number" style="text-align:center;"
                                scope="col" t-on-click="sort_number">SL NO:
                            </th>
                            <th class="sort-name" scope="col"
                                t-on-click="sort_name">Name</th>
                            <th scope="col">Type</th>
                            <th scope="col">Last Modified</th>
                            <th scope="col">Size</th>
                        </tr>
                    </thead>
                    <tbody class="amazon_s3_files">
                        <!--     Files appends here    -->
                    </tbody>
                </table>
            </div>
        </section>
    </t>
</template>
