{% extends "base.html" %}

{% block main_content %}

<div class="container-fluid">

    <div class="row">
    <h3>Defaults for {{user.dn|Username}}</h3>
    <div class="col-7">
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end">Size of image thumbnails:</label>
                {{CreateSelect( "size", user.default_size, ["XS", "S", "M", "L", "XL"], "ChangeDefault();return false", "col-2 rounded-end", { 0:64, 1:96, 2:128, 3:192, 4:256 } )|safe }}
            </div>
        </div class="row">
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end"><b>Import</b>&nbsp; path ordered by:</label>
                {{CreateSelect( "import_noo", user.default_import_noo, ["Oldest", "Newest","A to Z", "Z to A"], "ChangeDefault();return false", "col-2 rounded-end")|safe }}
            </div class="input-group">
        </div class="row">
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end"><b>Storage</b>&nbsp; path ordered by:</label>
                {{CreateSelect( "storage_noo", user.default_storage_noo, ["Oldest", "Newest","A to Z", "Z to A"], "ChangeDefault();return false", "col-2 rounded-end")|safe }}
            </div class="input-group">
        </div>
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end"><b>Search</b>&nbsp; path ordered by:</label>
                {{CreateSelect( "search_noo", user.default_search_noo, ["Oldest", "Newest","A to Z", "Z to A"], "ChangeDefault();return false", "col-2 rounded-end")|safe }}
            </div class="input-group">
        </div>
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end">How many thumbnails to show at once:</label>
                {{CreateSelect( "how_many", user.default_how_many, [10, 25, 50, 75, 100, 150, 200, 500], "ChangeDefault();return false", "col-2 rounded-end")|safe }}
            </div class="input-group">
        </div>
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end">Group by:</label>
                {{CreateSelect( "grouping", user.default_grouping, ["None", "Day", "Week", "Month"], "ChangeDefault();return false", "col-2 rounded-end")|safe }}
            </div class="input-group">
        </div>
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end">Folders or Flat view of thumbnails in &nbsp;<b>import</b>&nbsp; path:</label>
                {{CreateSelect( "import_folders", user.default_import_folders, ["In Folder", "Flat View"], "ChangeDefault();return false", "col-2 rounded-end", { 0:true, 1:false } )|safe }}
            </div>
        </div>
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end">Folders or Flat view of thumbnails in &nbsp;<b>storage</b>&nbsp; path:</label>
                {{CreateSelect( "storage_folders", user.default_storage_folders, ["In Folder", "Flat View"], "ChangeDefault();return false", "col-2 rounded-end", { 0:true, 1:false } )|safe }}
            </div>
        </div>
    </div class="col-7">
</div class="container-fluid">
{% endblock main_content %}
{% block script_content %}
<script>
function ChangeDefault()
{
    data="dn={{user.dn}}"
    data+="&default_size="+$('#size').val()
    data+="&default_import_noo="+$('#import_noo').val()
    data+="&default_storage_noo="+$('#storage_noo').val()
    data+="&default_search_noo="+$('#search_noo').val()
    data+="&default_how_many="+$('#how_many').val()
    data+="&default_grouping="+$('#grouping').val()
    data+="&default_import_folders="+$('#import_folders').val()
    data+="&default_storage_folders="+$('#storage_folders').val()
    $.ajax({ type: 'POST', data: data, url: '/change_defaults', success: function(data){ window.location='/states'; return false; } })
}
</script>
{% endblock script_content %}