{{define "title"}}
Atridad Lahiji // Tools // Resizer
{{end}}

{{define "description"}}
A tool to re-size images.
{{end}}

{{define "navcontent"}}
Atridad Lahiji // Tools // Resizer
{{end}}

{{define "head"}}
{{end}}

{{define "main"}}
<div class="tool-page">
  <h1>Image Resizer</h1>
  
  <p>Upload and resize your images quickly and easily. Select an image file, specify dimensions, and get a resized version instantly.</p>
  
  <form action="/api/tools/resize" method="post" enctype="multipart/form-data" class="form-group">
    <div class="form-group">
      <label for="image">Select image to resize:</label>
      <input type="file" id="image" name="image" accept=".png,.jpg,.jpeg" required />
    </div>
    
    <div class="form-group">
      <label for="newWidth">New width (px):</label>
      <input type="number" id="newWidth" name="width" min="1" required />
    </div>
    
    <div class="form-group">
      <label for="newHeight">New height (px):</label>
      <input type="number" id="newHeight" name="height" min="1" required />
    </div>
    
    <button type="submit" class="tool-button">Resize Image</button>
  </form>
</div>
{{end}}

{{define "foot"}}
{{end}}