<?php
/**
 * Created by PhpStorm.
 * User: jedi
 * Date: 2/22/19
 * Time: 10:03 PM
 */

?>
<div id="alertmessage" class="collapse alert alert-danger" role="alert">
    This is a danger alert—check it out!
</div>


<div id="successmessage" class="collapse alert alert-success" role="alert">
    A simple success alert—check it out!
</div>

<!-- Modal Edit Found Item -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="card mb-3">
                    <div class="card-header">
                        <i class="fas fa-edit"></i>
                        Edit Item
                    </div>
                    <div class="card-body">
                        <form method="POST" action="/action.php?action=edit_found" id="found_form">
                            <p><input type="text" readonly="true" class="form-control" placeholder="ID" name="id" id="id" value=""></p>
                            <p><input type="text" class="form-control" placeholder="WAS" name="was" id="was" value=""></p>
                            <p><input type="text" class="form-control" placeholder="WANN" name="wann" id="wann" value=""></p>
                            <p><input type="text" class="form-control" placeholder="WO" name="wo" id="wo" value=""></p>
                            <p><input type="text" class="form-control" placeholder="KISTE" name="container" id="container" value=""></p>

                            <div class="form-group">
                                <div class="input-group">
                                    <div class="custom-file btn-file">
                                        <input type="file" class="custom-file-input" id="inputGroupImage"  name="image" accept="image/*" capture="environment">
                                        <label class="custom-file-label" for="inputGroupImage">Choose Image</label>
                                    </div>
                                </div>
                                <img id='img-upload'  src="/upload/"/>
                            </div>
                            <div class="form-group">
                                <button type="submit" data-dismiss="modal" class="btn btn-primary form-control" onclick="edit_found_item(); return false;">Save</button>
                            </div>
                            <div class="form-group">
                                <button type="button" class="btn btn-secondary form-control"  data-dismiss="modal">Close</button>
                            </div>
                        </form>
                    </div>
                    <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
                </div>

            </div>
        </div>

    </div>
</div>
</div>



<!-- Modal Picture Zoom -->
<div class="modal fade bd-example-modal-lg"  id="exampleModal_picture"  tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content" >
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <img id='img-zoom'  src="/upload/"/>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>