@extends('admin.layouts.master')

@section('content')


<div class="content-wrapper">
    <!-- Content Header (Page header) -->

    <!-- Main content -->
    <section class="content">
       <div class="row">
          <!-- Form controls -->
          <div class="col-sm-12">
             <div class="panel panel-bd lobidrag">
                <div class="panel-heading">
                   <div class="btn-group" id="buttonlist">
                      <a class="btn btn-add " href="#">
                      <i class="fa fa-list"></i>  Add new project </a>
                   </div>
                </div>
                <div class="panel-body">
                <form class="col-sm-6" action="{{url('add-project')}}" method="POST" enctype="multipart/form-data" id="myForm">
                    @csrf
                      <div class="form-group">
                         <label>GroupNumber</label>
                         <input type="text" class="form-control" placeholder="Enter Group Number" name="GroupNumber" id="GroupNumber" required>
                      </div>
                      <div class="form-group">
                         <label>Year</label>
                         <input type="text" class="form-control" placeholder="Enter Year" name="Year" id="Year" required>
                      </div>
                      <div class="form-group">
                         <label>Team Name </label>
                         <input type="text" class="form-control" placeholder="Enter Team Name" name="TeamName" id="TeamName" required>
                      </div>
                      <div class="form-group">
                         <label>Project Name</label>
                         <input type="text" class="form-control" placeholder="Enter Project Name" name="ProjectName" id="ProjectName" required>
                      </div>

                      <div class="form-group">
                         <label>Project Description  </label>
                         <textarea name="ProjectDescription" id="ProjectDescription" class="form-control" cols="30" rows="10">
                        </textarea>
                        </div>

                      <div class="form-group">
                        <label>Professor Name</label>
                        <input class="form-control" id="ProfessorName" name="ProfessorName" placeholder="Enter Professor Name">
                     </div>

                     <div class="form-group">
                        <label>Youtube Link</label>
                        <input class="form-control" id="YoutubeLink" name="YoutubeLink" placeholder="Enter Youtube Link">
                     </div>



                     <div class="form-group">
                        <label>Team Member1</label>
                        <input type="text" class="form-control" placeholder="Enter Team Member1 Name" name="TeamMember1" id="TeamMember1" required>
                    </div>

                     <div class="form-group">
                        <label>Team Member2</label>
                        <input type="text" class="form-control" placeholder="Enter Team Member2 Name" name="TeamMember2" id="TeamMember2" required>
                    </div>

                     <div class="form-group">
                        <label>Team Member3</label>
                        <input type="text" class="form-control" placeholder="Enter Team Member3 Name" name="TeamMember3" id="TeamMember3" required>
                    </div>

                     <div class="form-group">
                        <label>Team Member4</label>
                        <input type="text" class="form-control" placeholder="Enter Team Member4 Name" name="TeamMember4" id="TeamMember4" required>
                    </div>

                     <div class="form-group">
                        <label>Password</label>
                        <input type="text" class="form-control" placeholder="Enter Password" name="Password" id="Password" required>
                    </div>

                     <div class="form-group">
                        <label>Awards</label>
                        <input type="text" class="form-control" placeholder="Enter Awards" name="Awards" id="Awards" >
                    </div><br>

                      <div class="reset-button" style="padding:0px;">
                         <a onclick="myFunction()" class="btn btn-warning">Reset</a>
                         <input type="submit" name="submit" class="btn btn-success" value="Add Project">
                      </div>

                    </form>
                </div>
             </div>
          </div>
       </div>
    </section>

 </div>
 
<script>
function myFunction() {
  document.getElementById("myForm").reset();
}
</script>




@endsection