<script src="<?php print bloginfo('wpurl') . '/wp-content/plugins/witchroute';?>/js/jquery-ui.js"></script>
<script>
    jQuery(function() {
        jQuery( ".date" ).datepicker();
        jQuery("#date-submit").click(function(){

            var start_date  =   jQuery("#start-date").val();
            var end_date    =   jQuery('#end-date').val();
            var price       =   jQuery('#price').val();
            var seats       =   jQuery('#seats').val();
            var post_id     =   <?php print $post->ID; ?>

            myFormData  = { 'start_date' : start_date,
                            'end_date': end_date,
                            'price': price,
                            'seats': seats,
                            'post_id': post_id,
                            'action': 'insert_date_to_route',
                            'security': '<?php print wp_create_nonce("asjdnhaspdas[dasudasodasd"); ?>'
                        };


            if ( start_date == '')
            {
                alert("Das Start Datum kann nicht leer sein!");
                return false;
            }
            else if ( end_date == '')
            {
                alert("Das Ende Datum kann nicht leer sein!");
                return false;
            }
            else if ( start_date > end_date )
            {
                alert("Das Ende Datum kann nicht vor dem Start Datum liegen!");
                return false;
            }
            else
            {
                var request = jQuery.ajax({
                    url: ajaxurl,
                    type: "POST",
                    data: myFormData,
                    dataType: "html"
                });

                request.done(function(msg) {
                    jQuery("#witchroute_date_display_body").html(msg);
                });
            }

        });


    });
</script>
<p>Du musst nun Termine erstellen, wann diese Tour stattfindet.</p>
<form id="date-insert">
    <table cellpadding="5" cellspacing="5" border="0">
        <tr>
            <td>
                <label for="start-date">Von</label>
            </td>
            <td>
                <input type="text" name="start-date" id="start-date" class="date"/>
            </td>
            <td>
                <label for="end-date">bis </label>
            </td>
            <td>
                <input type="text" name="end-date" id="end-date" class="date" />
            </td>
            <td>
                <label for="end-date">Preis pro Auto </label>
            </td>
            <td>
                <input type="text" name="price" id="price"  />
            </td>
            <td>
                <label for="end-date">Pl&auml;tze </label>
            </td>
            <td>
                <input type="text" name="seats" id="seats"  />
            </td>
            <td>
                <input type="button" id="date-submit" value="Hinzuf&uuml;gen" />
            </td>
        </tr>
    </table>
</form>