<!DOCTYPE HTML>
<html>
<head>
<title>OpenWebRX Settings</title>
<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="static/css/admin.css" />
<meta charset="utf-8">
</head>
<body>
${header}
<div class="container">
<div class="col-12">
<h1>Settings</h1>
</div>
<div class="col-12 settings-category">
<h3 class="settings-header">
General Settings
</h3>
<form class="settings-body">
<div class="form-group row">
<label class="col-form-label col-form-label-sm col-3" for="receiver_name">Receiver name</label>
<input type="text" class="form-control form-control-sm col-9" id="receiver_name" name="receiver_name" placeholder="Receiver name">
</div>
<div class="form-group row">
<label class="col-form-label col-form-label-sm col-3" for="receiver_location">Receiver location</label>
<input type="text" class="form-control form-control-sm col-9" id="receiver_location" name="receiver_location" placeholder="Receiver location">
</div>
<div class="form-group row">
<label class="col-form-label col-form-label-sm col-3" for="receiver_asl">Receiver elevation</label>
<div class="col-9 p-0">
<input type="text" class="form-control form-control-sm" id="receiver_asl" name="receiver_asl" placeholder="Receiver elevation">
<small class="form-text text-muted">Elevation in meters above mean see level</small>
</div>
</div>
<div class="form-group row">
<label class="col-form-label col-form-label-sm col-3" for="receiver_admin">Receiver admin</label>
<input type="text" class="form-control form-control-sm col-9" id="receiver_admin" name="receiver_admin" placeholder="Receiver admin">
</div>
<div class="form-group row">
<label class="col-form-label col-form-label-sm col-3" for="receiver_gps">Receiver coordinates</label>
<div class="col-9">Placeholder for a map widget to select receiver location</div>
</div>
<div class="form-group row">
<label class="col-form-label col-form-label-sm col-3" for="photo_title">Photo title</label>
<input type="text" class="form-control form-control-sm col-9" id="photo_title" name="photo_title" placeholder="Photo title">
</div>
<div class="form-group row">
<label class="col-form-label col-form-label-sm col-3" for="photo_desc">Photo description</label>
<textarea class="form-control form-control-sm col-9" id="photo_desc" name="photo_desc"></textarea>
</div>
</form>
</div>
</div>
</body>