<!DOCTYPE html>
<html lang="pl">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Formularz do zgłoszeń awarii - SPKSO</title>
    <link href="https://fonts.googleapis.com/css?family=Inconsolata|Rubik:300,400,700,900" rel="stylesheet">
    <link rel="stylesheet" href="style.css">


    <!--[if lt IE 9]>
      <script src="js/vendor/html5shiv.min.js"></script>
      <script src="js/vendor/respond.min.js"></script>
    <![endif]-->


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $("html").on("submit","#contact_form",function(e){
    e.preventDefault();
    $("#send_form_status").html('').hide();
    var data=$("#contact_form").serialize();
    $.post("send_form.php",data,function(res){
      $("#send_form_status").html(res.msg).show();
      if(res.status==1){
        $("#contact_form")[0].reset();
      }
    });
  });
});
</script>
</head>
<body>

    <h1>Formularz zgłoszeniowy - awarie</h1>

    <div id="form">

         <div id="send_form_status"></div>
         <form method="post" action="/send_form.php" id="contact_form">
         <div><label for="dzial">Do działu:</label></div>
         <select name="dzial">
		 <option>Biuro ds. Informatyki</option>
         <option>Dział Techniczny</option></select></div> <br />
         <div><label for="name">Lokalizacja (np. Gabinet 30)</label></div>
         <div><input type="text" name="name" id="name" class="formField" /></div>
         <div><label for="phone">Temat zgłoszenia (Np. wymiana tonera)</label></div>
         <div><input type="text" name="phone" id="phone" class="formField" /></div>
         <div><label for="email">Adres email</label></div>
         <div><input type="text" name="email" id="email" class="formField" /></div>
         <div><label for="message">Opis zgłoszenia</label></div>
         <div><textarea name="message" id="message" class="formField"></textarea></div>
         <div><button id="sendBtn">Wyślij</button></div> <br />

        <div><img src="Logo.png" alt="Logo" width="30%" height="10%">
    </form>


  </body>
</html>