EVOLUTION-NINJA

Edit File: new-ticket.php

<?php
    echo view('includes/flow-header');    
?>
<section class="attend-flow">
    <div class="row">
        <div class="col-sm-3">
             <div class="conference-left">
                <ul>
                    <li><a href="">Report Problem</a></li>
                </ul>
                <div class="go-back" id="report_go_back">
                    <a href="<?php echo base_url('Gas');?>"><i class="fa fa-arrow-left" aria-hidden="true"></i>Go Back</a>
                </div> 
            </div>
        </div>
    <div class="col-sm-9" id="report_col">
  <div class="ticket-head"> 
    <div class="row mt-3">
      <div class="col-sm-9">
        <h3 id="ticket-list-name">Report Problem</h3>
      </div>
      <div class="col-sm-2 mb-3" id="go-back-new">
        
        
        <a href="<?php echo base_url('Gas');?>"><i class="fa fa-arrow-left" aria-hidden="true"></i>Back</a>
      </div>
      <div class="border1"></div>
    </div>
  </div>
  <div class="col-sm-9" id="whole-form">
    <div class="ticket-form"></div>

<div class="form-group" id="priority">
            <label for="pwd">Type of request</label>
            <select name="priority" id="subject" class="form-control">
              <option>Login issues</option>
              <option>Registration issues</option>
              <option>Call back request</option>
              <option>Payment issues</option>
              <option>General enquiries</option>
            </select>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-12">
            <div class="form-group">
              <label for="subject">Description</label>
            <textarea
                class="form-control"
                name="description"
                id="Description" required
              ></textarea>
            </div>
          </div>
        </div>

<div class="row">
          <div class="col-sm-12">
            <div class="form-group">
              <label for="subject">Upload Files</label>
              <input
                type="file"
                class="form-control"
                name="img_upload"
                id="img_upload"
                onchange="readURL(this);"
              />
            </div>
          </div>
        </div>

<button type="submit" class="formsubmit" id="btn">Submit</button>
      
    </form>
  </div>
</div>

<?php
    echo view('includes/admin-footer');    
?>

reader.onload = function (e) {
        $("#img_display").attr("src", e.target.result).width(150).height(200);
      };

reader.readAsDataURL(input.files[0]);
    }
  }

const date = new Date();

let day = date.getDate();
  let month = date.getMonth() + 1;
  let year = date.getFullYear();

// This arrangement can be altered based on how we want the date's format to appear.
  let currentDate = `${day}-${month}-${year}`;
  $("#date").val(currentDate);
  $("#new_ticket_form").submit(function (e) {
    e.preventDefault();
    var formData = new FormData(this);

$.ajax({
      type: "POST",
      url: '<?php  echo base_url("create-ticket")?>',
      data: formData,
      contentType: false,
      processData: false,
      success: function (response) {
        var res = JSON.parse(response);
        console.log(res.result);

if (res.result == 1) {
          toastr["success"](res.message);
        } else {
          toastr["error"](response.message);
        }

setTimeout(() => {
          window.location = '<?php echo base_url("Gas")?>';
        }, 2000);
      },
    });
  });
</script>