<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="../../../../user.js" type="text/javascript"></script>
<script src="https://paulcodes.co.uk/js/textboxio/textboxio.js"></script>
<script>
  $(function(){
    $(".header").load("../../../../header.php");
    checkLogin(function(isLoggedIn, user) {
      if(isLoggedIn) {
        $(".header").load("../../../../dashheader.php");
        var firstname = user.first_name;
        var lastname = user.last_name;
        setTimeout(function() {
          console.log("Setting account!");
          document.getElementById("account").innerHTML = firstname + " " + lastname;
        }, 400);
      }else{
        goTo("login");
      }
    });
    $(".footer").load("../../../../footer.php");
  });

  function logoutbutton() {
    checkLogin(function(isLoggedIn, user) {
      if(isLoggedIn) {
        logout();
      }
    });
  }

  $(function(){
    setTimeout(function() {
      console.log("Setting title!");
      document.getElementById("page-title").innerHTML = "Kaplan Vintage | Admin Listing";
    }, 450);

    setTimeout(function() {
      console.log("Setting name!");
      document.getElementById("page-name").innerHTML = "Kaplan Vintage | Admin Listing";
    }, 450);
  });
</script>
<div class="header">
</div>

<main role="main">

  <section class="jumbotron text-center">
    <div class="container">
      <hr style="width: 50%;">
      <h1 class="jumbotron-heading">Create Admin Listing</h1>
      <hr style="width: 50%;">
    </div>
    <form id="post-form" method="POST">
      <div class="row">
        <div class="col-sm">
          <textarea id="post-html" style="height: 400px;" rows="20" cols="50" maxlength="40000000"></textarea>
        </div>
        <div class="col-sm">
          <div class="vertical-input-group">
            <div class="row">
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Title" aria-label="Title" aria-describedby="title" id="post-title">
              </div>
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Color" aria-label="Color" aria-describedby="color" id="post-color">
              </div>
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Make" aria-label="Make" aria-describedby="make" id="post-make">
              </div>
            </div>
            <div class="row">
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Model" aria-label="Model" aria-describedby="model" id="post-model">
              </div>
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Year" aria-label="Year" aria-describedby="year" id="post-year">
              </div>
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Condition" aria-label="Condition" aria-describedby="condition" id="post-condition">
              </div>
            </div>
            <div class="row">
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Vin" aria-label="Vin" aria-describedby="vin" id="post-vin">
              </div>
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Displacement" aria-label="Displacement" aria-describedby="displacement" id="posst-displacement">
              </div>
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Price" aria-label="Price" aria-describedby="price" id="post-price">
              </div>
            </div>
            <div class="row">
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Minimum Bid" aria-label="Minimum Bid" aria-describedby="minbid" id="post-minbid">
              </div>
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Buyout Price" aria-label="Buyout Price" aria-describedby="buyoutprice" id="post-buyout-price">
              </div>
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Location" aria-label="Location" aria-describedby="location" id="post-location">
              </div>
            </div>
            <div class="row">
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Days" aria-label="Days" aria-describedby="days" id="post-days">
              </div>
              <div class="mb-3 col-sm input-group">
                <input type="text" class="form-control" placeholder="Hours" aria-label="Hours" aria-describedby="hours" id="post-hours">
              </div>
              <div class="custom-control custom-checkbox input-group col-sm mb-3">
                <input class="custom-control-input" type="checkbox" value="" id="post-rebuilt">
                <label class="custom-control-label" for="listing-rebuilt">
                  Is Rebuilt?
                </label>
              </div>
              <div class="custom-control custom-checkbox input-group col-sm mb-3">
                <input class="custom-control-input" type="checkbox" value="" id="post-checklist">
                <label class="custom-control-label" for="post-checklist">
                  Paperwork Status?
                </label>
              </div>
            </div>
            <div class="row">
              <div class="form-group mb-3 col-sm">
                <label for="listing-description">Notes:</label>
                <textarea class="form-control" rows="4" id="post-description"></textarea>
              </div>
              <div class="form-group mb-3 col-sm-4">
                <label for="listing-images">Upload Images:</label>
                <input type="file" class="form-control-file" id="post-images" multiple>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>
      <br>
      <button type="submit" id="post-submit" class="btn btn-success">Submit</button>
    </form>
  </section>
</main>

<div class="footer"></div>
<script src="listing.js" type="text/javascript"></script>
<script type="text/javascript">
  var editor = textboxio.replace('#post-html');
</script>
</body>
</html>