<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!--RELEASE NOTES-->
    <!--
	2016-08-02: - Added LEaderboard header and made formatting tweaks.
	2016-07-25: - Modified code to work on secure server.
				- Added code to prevent caching of page.
    2016-06-01: - Added Resize code to body tag. This allows us to resize the window without having to change the size within oXygen code.
                - Added Contact Me ckeckbox, allowing the user to indicate they would like a reply.
                - Changed glyphicon colors to WKFS primary green (disabled for now)
                - Changed header fonts to WKFS branding Fira Sans font
                - Modified Submit button to have send icon and matching header font
    2016-05-31: - Added Company field
                - Added styles to conform to webhelp styles.
                - Added favicon
    -->

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="A contact form using the Bootstrap 3 framework." />
    <meta name="author" content="" />
	<link rel="icon"
      type="image/png"
      href="https://documentation.wolterskluwerfs.com/Help/resources/img/favicon.ico">


    <title>WKFS Documentation Feedback</title>
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
    <link rel="stylesheet" href="https://documentation.wolterskluwerfs.com/Help/resources/bootstrap/3.3.6/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://documentation.wolterskluwerfs.com/Help/resources/font-awesome/4.6.3/css/font-awesome.min.css" />

    <style>
        @font-face {
            font-family: PrimaryFontLight;
            src: url(https://documentation.wolterskluwerfs.com/Help/resources/fonts/FiraSans-Light.ttf);
        }
        @font-face {
            font-family: FiraItalics;
            src: url(https://documentation.wolterskluwerfs.com/Help/resources/fonts/FiraSans-Italic.ttf);
        }
        .container {
            width: auto;
            max-width: 600px;
        }
        .banner {
            border="0";
            margin-top:10px;
        }
        .form-group {
            margin-bottom: 8px;
            line-height: .7;
        }
        #feedbackForm {
            font-size: 12px;
        }
        h1,h2,h3,h4,h5,h6{
            font-family: 'PrimaryFontLight', Fallback,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-style:normal;
            font-weight:400;
            margin:0 0 1em;
            clear:both;
            color: rgb(110, 187, 31);}
        /*h3 {
            font-size: 33px;
            color: rgb(110, 187, 31);
            font-weight: 100;
            font-family: Fira Sans, Segoe UI Light, Segoe UI, Helvetica, Garuda, Arial, sans-serif;
            font-style: normal;
            line-height: 1.167;
        }*/
        .submitbtn {
            font-size: 33px;
            font-family: 'PrimaryFontLight', Fallback,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        /*.glyphicon {
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            color: #007ac3;
            -moz-osx-font-smoothing: grayscale;
        }*/
        div.BannerTitle {
            position: absolute;
            top: 12px;
            right: 0px;
            width: 380px;
            height: 62px;
            color: white;
            font-size: 28px;
            font-family: FiraItalics;
        }
        .singlespacing {
            line-height: 20px;
            font-weight: normal;

        }
    </style>
    <!-- <======= UP TO HERE -->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="assets/vender/bootstrap/assets/js/html5shiv.js"></script>
      <script src="assets/vender/bootstrap/assets/js/respond.min.js"></script>
    <![endif]-->
</head>

<body onload="window.resizeTo(640,800)">
<!--<body>-->

    <div class="container">
        <div id="contact_form" class="row">
            <div class="col-md-12">
                    <table class="banner">
                        <tr>
                            <td colspan="2">
                            <img src="https://documentation.wolterskluwerfs.com/Help/resources/img/Feedback-Leaderboard-documentation_02.png" alt="Wolters Kluwer" class="logo" height="90" width="570" />
                                <!-- <div class="BannerTitle">
                                        <script>
                                                document.write("Documentation Feedback")
                                        </script>
                                </div> -->
                            </td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>

                    </table>
                    <div style="font-size:10px;margin-left:30px"><p><b>This form is provided for feedback regarding WKFS documentation.</b><br/>To provide comments regarding an application, please select the Feedback link from the application Help menu.</p></div>
                    <form name="contactform" method="post" action="thankyou.php">


                        <input type="hidden" id="txtUrl" name="url" value="" />
                        <script>
                            document.getElementById('txtUrl').value = window.location.href;
                        </script>



                        <div class="form-group">
                            <!--<label class="control-label" for="first_name">Full Name *</label>-->
                            <br />
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input type="text" class="form-control" id="inputName" name="full_name" placeholder="* Enter your full name" required/>
                                <span class="input-group-addon"><!--<i class="glyphicon glyphicon-unchecked form-control-feedback"></i>--></span>
                            </div>
                            <span class="help-block" style="display: none;">Please enter your name.</span>
                        </div>

                        <div class="form-group">
                            <!--<label class="control-label" for="company">Full Name *</label>-->
                            <br />
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-home"></i></span>
                                <input type="text" class="form-control" id="inputCompany" name="company" placeholder="* Enter your Company name" required/>
                                <span class="input-group-addon"><!--<i class="glyphicon glyphicon-unchecked form-control-feedback"></i>--></span>
                            </div>
                            <span class="help-block" style="display: none;">Please enter your Company  name.</span>
                        </div>

                        <div class="form-group">
                            <!--<label class="control-label" for="email">Email Address *</label>-->
                            <br />
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
                                <input type="email" class="form-control" id="email" name="email" placeholder="* Enter your email address" required/>
                                <span class="input-group-addon"><!--<i class="glyphicon glyphicon-unchecked form-control-feedback"></i>--></span>
                            </div>
                            <span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
                        </div>

                        <!--
						<div style="margin-left:50px">
                            <div class="checkbox checkbox-inline" style="margin:0px; width:350px">
                                <input type="checkbox" name="ContactMe" id="ContactMe" />
                                <label for="ContactMe" style="margin-left:-20px">I would like to be contacted.</label>
                            </div>
                        </div>
						-->

                        <div class="form-group">
                            <!--<label class="control-label" for="email">Telephone</label>-->
                            <br />
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
                                <input type="tel" class="form-control" id="email" name="telephone" placeholder="Enter your telephone number" />
                                <span class="input-group-addon"><!--<i class="glyphicon glyphicon-unchecked form-control-feedback"></i>--></span>
                            </div>
                            <span class="help-block" style="display: none;">Please enter a valid phone number.</span>
                        </div>

                        <hr />


                        <input type="hidden" id="txtApp" name="app" value="" />
                        <script>
                            if (/SecurityAdministration/.test(self.location.href)) {
                               var AppVal = "Security Administration";
                               document.getElementById('txtApp').value = AppVal;
                               document.write("<b>Application: </b>" + AppVal);
                            } else if (/PubAssistFTP/.test(self.location.href)) {
                                    var AppVal = "PubAssist FTP";
                                    document.getElementById('txtApp').value = AppVal;
                                    document.write("<b>Application: </b>" + AppVal);
                            } else {
                                var AppVal = "No App";
                                document.write("We cannot determine the application documentation you are coming from.<br/>To better server you, please enter the application here:");
                                document.write("<div class='form-group'>\n\
                                                    <div class='input-group'>\n\
                                                        <span class='input-group-addon'><i class='glyphicon glyphicon-question-sign blue'></i></span>\n\
                                                        <input type='text' class='form-control' id='inputApp' name='app' placeholder='* Enter an application name' required/>\n\
                                                        <span class='input-group-addon'></span>\n\
                                                    </div>\n\
                                                    <span class='help-block' style='display: none;'>Please enter a valid phone number.</span>\n\
                                                </div>");
                            }


                        </script>




                        <div class="form-group">
                            <!--<label class="control-label" for="email">Product</label>-->
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-list"></i></span>
                                <select id="reason" name="reason" style="width:100%; height:30px" required>
                                    <option value="None selected">Reason for your feedback...</option>
                                    <option value="General Comment">General Comment</option>
                                    <option value="Feature Request">Feature Request</option>
                                    <option value="Possible Defect Identified">Possible Defect Identified</option>
                                </select>
                                <span class="input-group-addon"><!--<i class="glyphicon glyphicon-unchecked form-control-feedback"></i>--></span>
                            </div>
                            <span class="help-block" style="display: none;">Please select a reason for submitting feedback (this helps us route your comments).</span>
                        </div>


                        <div class="form-group">
                            <!--<label class="control-label" for="message">Message *</label>-->
                            <br />
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-edit"></i></span>
                                <textarea rows="5" cols="30" class="form-control" id="comments" name="comments" placeholder="* Enter your message" required></textarea>
                                <span class="input-group-addon"><!--<i class="glyphicon glyphicon-unchecked form-control-feedback"></i>--></span>
                            </div>
                            <span class="help-block" style="display: none;">Please enter a message.</span>
                        </div>

                        <button type="submit"
                                id="feedbackSubmit"
                                class="btn btn-success btn-lg"
                                data-loading-text="Sending..."
                                style="display: block; margin-top: 10px;">
                            <i class="fa fa-send-o fa-2x pull-left">&nbsp;<span class="submitbtn">&nbsp;Submit</span></i>
                        </button>

                        <br />


                    </form>


                </div></form>
            </div> <!--col-md-12-->
        </div> <!--contact_form-->
    </div> <!--container-->



</body>
</html>
