c3lf-system-3/templates/request.php

<?php
/**
 * Created by PhpStorm.
 * User: jedi
 * Date: 12/27/18
 * Time: 4:46 AM
 */
?>
    <div class="container-fluid">

        <!-- Breadcrumbs-->
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="#">Dashboard</a>
            </li>
            <li class="breadcrumb-item active">Feature Request</li>
        </ol>

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

        <!-- Area Chart Example-->
        <div class="card mb-3">
            <div class="card-header">
                <i class="fas fa-plus"></i>
                Add Feature Request
            </div>
            <div class="card-body">
                <form id="lost_form" method="POST" action="action.php?action=lost">
                    <div class="form-group">
                        <label for="title_field">Title</label>
                        <input type="text" class="form-control" placeholder="title" name="title" id="title_field">
                    </div>
                    <div class="form-group">
                        <label for="desc_field">Description</label>
                        <textarea class="form-control" id="desc_field" name="desc" rows="5"></textarea>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="form-control btn btn-primary" placeholder="description" onclick="testajax(); return false;">Submit</button>
                    </div>
                </form>
            </div>
            <!--div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div-->
        </div>

    </div>
    <!-- /.container-fluid -->

<script>

    function testajax(){
        $.post( "ajax.php?action=add_lost", $( "#lost_form" ).serialize() ).done(function( data ) {
            alert( "Data Loaded: " + data );
        }).fail(function() {
            alert( "error" );
        }).always(function() {
            alert( "finished" );
        });;

        /*$.post( "ajax.php", { name: "John", time: "2pm" } ).done(function( data ) {
            alert( "Data Loaded: " + data );
        });*/

    }

</script>


<!-- Bootstrap core JavaScript-->
<script src="/vendor/jquery/jquery.min.js"></script>
<script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->
<script src="/vendor/jquery-easing/jquery.easing.min.js"></script>

<!-- Page level plugin JavaScript-->
<script src="/vendor/chart.js/Chart.min.js"></script>

<!-- Custom scripts for all pages-->
<script src="/js/sb-admin.min.js"></script>

<!-- Demo scripts for this page-->
<script src="/js/demo/chart-area-demo.js"></script>
<script src="/js/demo/chart-bar-demo.js"></script>
<script src="/js/demo/chart-pie-demo.js"></script>