<html>
<head>
    <title>CYCLESCALER | Job Configuration</title>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="/public/css/semantic.min.css">
	<style>body{border-top: 30px solid rgb(0, 181, 173);}</style>
	<noscript>
		<style>
			.dropdown:hover > .menu { display: block; }
			.ui.secondary.menu .dropdown.item > .menu { margin-top: 0; }
		 </style>
	</noscript>
    <script src="/public/js/jquery-3.4.1.min.js"></script>
    <script src="/public/js/semantic.min.js"></script>
</head>
<body>
    <div class="ui container">
            <br >
        <div class="ui teal segment">
            <h1 class="ui header">
                <i class="cube icon"></i>
                <div class="content">CYCLESCALER</div>
                <div class="sub header">Containerized Distributed Redering System</div>
            </h1>
        </div>
        <div class="ui teal segment">
            <p>Settings for file "{{.BlendFileName}}"</p>
            <form class="ui form" enctype="multipart/form-data" action="/settings" method="post">
                <div class="required field">
                    <label>Render Frames</label>
                    <input type="input" name="renderframes" placeholder="1-40,46,50-60" />
                </div>
                <input type="hidden" name="token" value="{{.Token}}"/>
                <input type="submit" class="ui submit button"></input>
            </form>
        </div>
    </div>
</body>
</html>