228 lines
8.6 KiB
HTML
228 lines
8.6 KiB
HTML
<?xml version="1.0" encoding="utf-8" ?>
|
|
<html>
|
|
<version>1</version>
|
|
|
|
<head>
|
|
<title>Reimbursement Claim / Credit Card statement</title>
|
|
<style type="text/css">
|
|
th {
|
|
text-align: center;
|
|
}
|
|
tr.descr {
|
|
font-size: small;
|
|
}
|
|
tr.example {
|
|
font-style: italic;
|
|
}
|
|
tr.descr td {
|
|
padding: 1px 4px !important;
|
|
}
|
|
table input.form-control,
|
|
table textarea.form-control {
|
|
font-size: 12px;
|
|
}
|
|
table td {
|
|
padding: 1px !important;
|
|
}
|
|
.form-control {
|
|
padding: 3px 6px !important;
|
|
}
|
|
input[type="file"] {
|
|
width: 180px;
|
|
}
|
|
</style>
|
|
<script src="/scripts/addrow.js"></script>
|
|
</head>
|
|
|
|
<body class="full-width">
|
|
<h1>Reimbursement Claim / Credit Card statement</h1>
|
|
|
|
<p>
|
|
In this form, you can enter your reimbursable expenses (monthly)
|
|
as well as your credit card expenses (twi-monthly), upload
|
|
receipts, and eventually submit it to our financial team.
|
|
</p>
|
|
|
|
<p>
|
|
Please fill out all fields as requested, and take care of
|
|
selecting the correct type (Reimbursement Claim or Credit Card).
|
|
</p>
|
|
|
|
<form action="/cgi-bin/reimbursement.php" method="post" enctype="multipart/form-data">
|
|
<h2>1. Set general options</h2>
|
|
|
|
<div class="form-group form-inline">
|
|
<label class="col-sm-3">Employee:</label>
|
|
<select class="form-control col-sm-9" name="who" size="1" required="required">
|
|
<option />
|
|
<option value="Alexander Sander|alex.sander">Alexander Sander</option>
|
|
<option value="Ana Galan|anaghz">Ana Galán</option>
|
|
<option value="Bonnie Mehring|bonnie">Bonnie Mehring</option>
|
|
<option value="Erik Albers|eal">Erik Albers</option>
|
|
<option value="Evelyn Kwarteng|evelyn.kwarteng">Evelyn Kwarteng</option>
|
|
<option value="Fani Partsafyllidou|fani">Fani Partsafyllidou</option>
|
|
<option value="Florian Snow|floriansnow">Florian Snow</option>
|
|
<option value="Francesca Indorato|fi">Francesca Indorato</option>
|
|
<option value="Gabriel Ku Wei Bin|gabriel.ku">Gabriel Ku Wei Bin</option>
|
|
<option value="Heiki Lõhmus|repentinus">Heiki Lõhmus</option>
|
|
<option value="Jackie Chen|jackie">Jackie Chen</option>
|
|
<option value="Lina Ceballos|lina.ceballos">Lina Ceballos</option>
|
|
<option value="Linda Wagener|linda">Linda Wagener</option>
|
|
<option value="Linus Sehn|linus">Linus Sehn</option>
|
|
<option value="Lucas Lasota|lucas.lasota">Lucas Lasota</option>
|
|
<option value="Max Mehl|max.mehl">Max Mehl</option>
|
|
<option value="Max Schlüter|maxsc">Max Schlüter</option>
|
|
<option value="Matthias Kirschner|mk">Matthias Kirschner</option>
|
|
<option value="Reinhard Müller|reinhard">Reinhard Müller</option>
|
|
<option value="Sergio Montandon|sergio">Sérgio Montandon</option>
|
|
<option value="Tobias Diekershoff|tobiasd">Tobias Diekershoff</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-3">Type:</label>
|
|
<div class="radio form-inline col-sm-9">
|
|
<label>
|
|
<input type="radio" name="type" value="rc" required="required" />
|
|
Reimbursement Claim for month
|
|
<select class="form-control" name="rc_month">
|
|
<option />
|
|
<option value="01">January</option>
|
|
<option value="02">February</option>
|
|
<option value="03">March</option>
|
|
<option value="04">April</option>
|
|
<option value="05">May</option>
|
|
<option value="06">June</option>
|
|
<option value="07">July</option>
|
|
<option value="08">August</option>
|
|
<option value="09">September</option>
|
|
<option value="10">October</option>
|
|
<option value="11">November</option>
|
|
<option value="12">December</option>
|
|
</select>
|
|
<select class="form-control" name="rc_year">
|
|
<option value="2022">2022</option>
|
|
<option value="2023">2023</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<div class="radio form-inline col-sm-offset-3 col-sm-9">
|
|
<label>
|
|
<input type="radio" name="type" value="cc" required="required" />
|
|
Credit Card for quarter
|
|
<select class="form-control" name="cc_month">
|
|
<option />
|
|
<option value="Q1">Q1</option>
|
|
<option value="Q2">Q2</option>
|
|
<option value="Q3">Q3</option>
|
|
<option value="Q4">Q4</option>
|
|
</select>
|
|
<select class="form-control" name="cc_year">
|
|
<option value="2022">2022</option>
|
|
<option value="2023">2023</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<h2>2. Enter your expenses</h2>
|
|
|
|
<table class="table table-striped">
|
|
<tr>
|
|
<th>Date</th>
|
|
<th>Amount</th>
|
|
<th>Recipient</th>
|
|
<th>ER number</th>
|
|
<th>Catchphrase</th>
|
|
<th>Description</th>
|
|
<th>Receipt Scan</th>
|
|
<th>Rows</th>
|
|
</tr>
|
|
|
|
<tr class="descr">
|
|
<td>"Belegdatum" for credit card statements</td>
|
|
<td>In EUR (<a href="https://ec.europa.eu/budget/graphs/inforeuro.html">Convert</a>). Format: 123,00</td>
|
|
<td></td>
|
|
<td>Valid ER number</td>
|
|
<td>Catch phrase for the ER</td>
|
|
<td>What specifically was paid for. <strong>-</strong> if equal to catchphrase</td>
|
|
<td>Upload receipt as PDF, max. 2MB each</td>
|
|
<td>Add a new row, or delete one</td>
|
|
</tr>
|
|
|
|
<tr class="descr example">
|
|
<td>Example 1: 16.04.2021</td>
|
|
<td>12,34</td>
|
|
<td>Berlin Bus Company</td>
|
|
<td>er.2021-04-16.123.4567</td>
|
|
<td>Cool Conference</td>
|
|
<td>Bus ticket from Berlin to New York</td>
|
|
<td>e.g. busticket.pdf</td>
|
|
<td></td>
|
|
</tr>
|
|
|
|
<tr class="descr example">
|
|
<td>Example 2: 17.04.2021</td>
|
|
<td>67,89</td>
|
|
<td>ACME</td>
|
|
<td>er.2021-04-17.890.1234</td>
|
|
<td>New laptop for Jane Doe</td>
|
|
<td>USB adapter for external keyboard</td>
|
|
<td>e.g. acme-adapter.pdf</td>
|
|
<td></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><input type="date" name="entry[]" class="form-control" required="required" /></td>
|
|
<td><input type="text" name="amount[]" class="form-control" pattern="-?\d{0,5},\d{2}" placeholder="12,34" required="required" /></td>
|
|
<td><input type="text" name="recipient[]" class="form-control" required="required" /></td>
|
|
<td><input type="text" name="er[]" class="form-control" pattern="^er\.[\d]{4}-[\d]{2}-[\d]{2}\.[\d.-]+" placeholder="er.2020-..." required="required" /></td>
|
|
<td><input type="text" name="catch[]" class="form-control" required="required" /></td>
|
|
<td><input type="text" name="remarks[]" class="form-control" required="required" /></td>
|
|
<td><input type="file" name="receipt[]" class="form-control" required="required" /></td>
|
|
<td><input type="button" class="AddNewRow btn btn-primary" value="+ 1 row" /></td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<h2>3. Notes for the financial team</h2>
|
|
|
|
<p>If necessary, you can add additional remarks and notes to the statement you send.</p>
|
|
|
|
<div class="form-group">
|
|
<textarea name="extra" class="form-control" rows="3"></textarea>
|
|
</div>
|
|
|
|
<h2>4. Submit RC/CC statement</h2>
|
|
|
|
<p>If you would like to preview the results, either via email or
|
|
only in the web interface, choose differing options below. To not
|
|
lose your data, press the "back" button in your browser to come
|
|
back to this page afterwards.</p>
|
|
|
|
<div class="form-group">
|
|
<label class="radio-inline">
|
|
<input type="radio" name="mailopt" value="normal" required="required" checked="checked" /> Send emails to finance team and me
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="mailopt" value="onlyme" required="required" /> Send email only to me
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="mailopt" value="none" required="required" /> Do not send any email at all
|
|
</label>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary">Submit RC/CC report</button>
|
|
|
|
</form>
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|