​

<!--  modal toevoegen -->

<div class="modal modal-lg" id="addGebeurtenis">

    <div class="modal-dialog">

        <div class="modal-content">

            <!-- Modal Header -->

            <div class="modal-header">

                <h4 class="modal-title">Toevoegen Gebeurtenis</h4>

                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>

            </div>

​

            <!-- Modal body -->

            <div class="modal-body">

                <div class="col-md-4 mb-4" style="width: 190px;">

                    <!-- dropdown van alle eigenschappen -->

                    <select id="GebeurtenisEigenschap" data-mdb-select-init data-mdb-filter="true"  > 

                        <option disabled selected>Kies een eigenschap</option>

                        <!-- alle eigenschappen in de dropdown toevoegen --> 

                        <?php  foreach($options as $option){

                            echo"<option value='".$option."' >". $option ."</option>";

                        }?>

                    </select>

                </div>

                <label for="GebeurtenisUitleg">Dit is de uitleg van de eigenschap:</label>

                <textarea class="form-control" name="GebeurtenisUitleg" id="GebeurtenisUitleg" cols="30" rows="5"></textarea>

​

                <!-- bestanden kunnen toevoegen -->

                <div class="file-upload-wrapper mb-3 mt-3">

                    <input

                        type="file"

                        id="input-file-now"

                        class="file-upload-input"

                        data-mdb-multiple="true"

                        data-mdb-file-upload-init 

                        data-mdb-default-msg="Sleep of klik om een bestand toe te voegen"

                        data-mdb-remove-btn ="verwijder"

                        data-mdb-max-file-quantity="5"

                        data-mdb-preview-msg ="klik om iets anders toe te voegen"

                    />

                </div>

                <!-- alle checkboxen: positief, gesprek en prive -->

                <div class="form-check mt-3">

                    <input class="form-check-input" type="checkbox" id="GebeurtenisPositief" value="positief" name="GebeurtenisPositief"/>

                    <label class="form-check-label" for="GebeurtenisPositief">Positief</label>

                </div>

                <?php if($_SESSION["Rol"]!="leerling"):?>

                    <div class="form-check mt-3">

                        <input class="form-check-input" type="checkbox" id="GebeurtenisGesprek" value="gesprek" name="GebeurtenisGesprek"/>

                        <label class="form-check-label" for="GebeurtenisGesprek">Gesprek</label>

                    </div>

                <?php endif; ?>

                <?php if($_SESSION["Rol"]=="leerlingBegeleiding"||$_SESSION["Rol"]=="admin"):?>

                    <div class="form-check mt-3">

                        <input class="form-check-input" type="checkbox" id="GebeurtenisPrive" value="prive" name="GebeurtenisPrive"/>

                        <label classs="form-check-label" for="GebeurtenisPrive">Prive</label>

                    </div>

                <?php endif; ?>

            </div>

            <!-- Modal footer -->

            <div class="modal-footer">

                <button type="button" class="btn btn-warning" data-bs-dismiss="modal">Annuleer</button>

                <button type="button" value="" id="KnopAdd" class="btn btn-danger" onclick="AddEigenschap(this.value)">Opslaan</button>

            </div>

        </div>

    </div

</div>

​

​