  <!--start main wrapper-->
  <main class="main-wrapper">
      <div class="main-content ">
          <div class="upload-form">
              <h3 class="fh2 fmon">Create Workout Plan</h3>
              <h4 class="mb-3 fs13">Workout Plans</h4>
              <form>
                  <div class="mb-3 row">
                      <div class="col-md-6">
                          <label for="title">Title</label>
                          <input type="text" class="form-control" id="title" placeholder="Write title">
                      </div>
                      <div class="mb-3 col-md-6">
                          <label for="description">Description</label>
                          <textarea class="form-control" id="description" rows="1"
                              placeholder="Write description"></textarea>
                      </div>

                  </div>
                  <h4 class="mb-3 fs13">Workout 1</h4>
                  <div class="mb-3 row">
                      <div class="col-md-6">
                          <label for="title">Title</label>
                          <input type="text" class="form-control" id="title" placeholder="Write title">
                      </div>

                      <div class="mb-3 col-md-6">
                          <label for="category">Workout Type</label>
                          <select class="form-control" id="category">
                              <option selected>Select</option>
                              <option value="1">Category 1</option>
                              <option value="2">Category 2</option>
                              <option value="3">Category 3</option>
                          </select>
                      </div>
                  </div>
                  <div class="mb-3 row">

                      <div class="mb-3 col-md-6">
                          <label for="description">As Many Rounds as Posible</label>
                          <textarea class="form-control" id="description" rows="6" placeholder="Details"></textarea>
                      </div>

                      <div class="mb-3 col-md-6 ">
                          <label for="">Movements</label>
                          <label for="video" class="bor1 d-flex justify-content-center align-items-center">
                              <input type="file" style="display: none;" name="video" id="video">
                              <div class="d-flex justify-content-center flex-column align-items-center">
                                  <img class="d-block m-auto" src="<?php echo base_url(); ?>assets/images/megaIcons/upload.png" alt="">
                                  <p class="text-center">Tap to Upload</p>

                              </div>
                          </label>
                      </div>
                  </div>

                  <div class="row ">
                      <div class="col-md-6 my-2">
                          <button type="button" class="btn btn-dark  w-100">+ Add another block of Workout</button>
                      </div>
                      <div class="col-md-6 my-2">
                          <button type="button" class="btn btn-dark  w-100">Share Workout Plan</button>
                      </div>
                  </div>
              </form>
          </div>
      </div>
  </main>

  <!--end main wrapper-->


  <!--start overlay-->
  <div class="overlay btn-toggle"></div>
  <!--end overlay-->