chiro-canto/public/upload/upload.php

<section class="observation">
    <form action="submit.php" method="post" enctype="multipart/form-data">
        <div class="container row">
            <div class="container column map">
                <div id="map" style="height: 440px; border: 1px solid #AAA;"></div>
            </div>
            <div class="container column metadata">
                <label for="file"><?=_('File')?>*<span class="info"><?=_('Audio File must be in wav format.')?></span></label>
                <input type="file" name="file" value="file" required><br>
                <label for="latlng"><?=_('Coordinates')?>*</label>
                <input type="text" id="latlng" name="latlng" required>
                <label for="spchoice"><?=_('Species')?>*</label><br>
                <input type="radio" name="spchoice" value="species" id="spchoice" checked>
                <label for="spchoice"><?=_('Species identified')?></label>
                <input type="text" name="species" value="<?= isset($_COOKIE['species']) ? $_COOKIE['species'] : "" ?>" id="species" placeholder="<?=_('Enter a species..')?>">
                <br>
                <span id="hint"></span>
                <input type="radio" name="spchoice" value="unknown" id="spunknown">
                <label for="spunknown"><?=_('Identity unknown')?></label>
                <br>
                <label for="subspecies"><?=_('Subspecies')?></label>
                <input type="text" name="subspecies" value="<?= isset($_COOKIE['subspecies']) ? $_COOKIE['subspecies'] : "" ?>" placeholder="<?=_('Enter a subspecies name..')?>"><br>
                <label for="recording-license"><?=_('License')?>*</label>
                <select name="recording-license" id="recording-license">
                    <option value="CC-by-nc-sa-4.0" selected="">Creative Commons Attribution-NonCommercial-ShareAlike 4.0</option>
                    <option value="CC-by-nc-nd-4.0">Creative Commons Attribution-NonCommercial-NoDerivs 4.0</option>
                    <option value="CC-by-sa-4.0">Creative Commons Attribution-ShareAlike 4.0</option>
                    <option value="CC-by-nc-4.0">Creative Commons Attribution-NonCommercial 4.0</option>
                    <option value="CC-by-4.0">Creative Commons Attribution 4.0</option>
                    <option value="CC0">Creative Commons Public Domain Dedication 1.0</option>
                </select>
                <label for="name"><?=_('Recordist Name')?>*</label>
                <input type="text" name="name" value="<?= isset($_COOKIE['name']) ? $_COOKIE['name'] : "" ?>" placeholder="<?=_('Enter your name..')?>" required><br>
                <label for="loc-country"><?=_('Country')?>*</label>
                <select name="loc-country" class="required valid" id="loc-country"><option value="Afghanistan">Afghanistan</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Antarctica">Antarctica</option><option value="Antigua &amp; Departments">Antigua &amp; Departments</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Australia">Australia</option><option value="Austria">Austria</option><option value="Azerbaijan">Azerbaijan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia Herzegovina">Bosnia Herzegovina</option><option value="Botswana">Botswana</option><option value="Brazil">Brazil</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canada">Canada</option><option value="Cape Verde">Cape Verde</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo (Brazzaville)">Congo (Brazzaville)</option><option value="Congo (Democratic Republic)">Congo (Democratic Republic)</option><option value="Costa Rica">Costa Rica</option><option value="Croatia">Croatia</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Denmark">Denmark</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="East Timor">East Timor</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Ethiopia">Ethiopia</option><option value="Fiji">Fiji</option><option value="Finland">Finland</option><option value="France" selected="">France</option><option value="French Guiana">French Guiana</option><option value="Gabon">Gabon</option><option value="Gambia">Gambia</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Greece">Greece</option><option value="Grenada">Grenada</option><option value="Guatemala">Guatemala</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Honduras">Honduras</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Ivory Coast">Ivory Coast</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Laos">Laos</o
                </select>
                <label for="recording-date"><?_('Recording Date')?>*</label>
                <input id="recording-date" class="required" type="date" name="recording-date" placeholder="YYYY-MM-DD" value=""><br>
                <label for="recording-time"><?=_('Recording Time')?>*</label>
                <input id="recording-time" class="required" type="time" name="recording-time" placeholder="HH:MM" value=""><br>
                <button type="button" class="collapsible"><?=_('Optional Metadata')?></button>
                <div class="content">
                    <label for="sound-type"><?=_('Sound Types')?>*</label><br>
                        <div class="container row">
                            <input name="sound-type-option[]"  id="uncertain" type="checkbox" value="uncertain" checked><label for="song"><?=_('uncertain')?></label>
                            <input name="sound-type-option[]"  id="echolocation" type="checkbox" value="echolocation"><label for="echolocation"><?=_('echolocation')?></label>
                            <input name="sound-type-option[]"  id="buzz" type="checkbox" value="buzz"><label for="buzz"><?=_('buzz')?></label>
                            <input name="sound-type-option[]"  id="social-cry" type="checkbox" value="social-cry"><label for="social-cry"><?=_('social cry')?></label>
                            <input name="sound-type-option[]"  id="song" type="checkbox" value="song"><label for="song"><?=_('song')?></label><br>
                        </div>
                    <label for="quality"><?=_('Quality')?>*</label><br>
                    <div class="container row">
                        <input type="radio" name="quality" value="0" id="quality-0" checked=""><label for="quality-0"><?=_('Unrated')?></label>
                        <input type="radio" name="quality" value="1" id="quality-1"><label for="quality-1" class="tooltip" title="<?=_('Loud and Clear')?>">A</label>
                        <input type="radio" name="quality" value="2" id="quality-2"><label for="quality-2" class="tooltip" title="<?=_('Clear, but bat a bit distant, or some interference with other sound sources')?>">B</label>
                        <input type="radio" name="quality" value="3" id="quality-3"><label for="quality-3" class="tooltip" title="<?=_('Moderately clear, or quite some interference')?>">C</label>
                        <input type="radio" name="quality" value="4" id="quality-4"><label for="quality-4" class="tooltip" title="<?=_('Faint recording, or much interference')?>">D</label>
                        <input type="radio" name="quality" value="5" id="quality-5"><label for="quality-5" class="tooltip" title="<?=_('Barely audible')?>">E</label><br>
                    </div>
                    <label for="remarks"><?=_('Remarks')?></label><br>
                    <textarea id="remarks" name="remarks"></textarea><br>
                    <label for="make"><?=_('Recorder manufacturer')?></label><br>
                    <input type="text" name="make" id="make"><br>
                    <label for="model"><?=_('Recorder model')?></label><br>
                    <input type="text" name="model" id="model"><br>
                    <label for="serial"><?=_('Recorder Serial Number')?></label><br>
                    <input type="text" name="serial" id="serial"><br>
                    <label for="sample_rate"><?=_('Samplerate')?> (kHz)</label><br>
                    <input type="number" name="sample_rate" id="sample_rate" value="384"><br>
                    <label for="time_expansion"><?=_('Time Expansion Factor')?></label><br>
                    <input type="number" name="time_expansion" id="time_expansion" value="10"><br>
                </div>
                <input type="submit" name="submit" value="<?=_('submit')?>">
                <input type="reset" value="<?=_('reset')?>">
            </div>
        </div>
       
    </form>
</section>
<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js'></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
  integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
  crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
  integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
  crossorigin=""></script>
<script src="scripts/map.js"></script>
<script src="scripts/ajax_species_suggestion.js"></script>