@extends('admin.layouts.index')



@section('content')
 <section id="main-content">
<script src="https://cdn.ckeditor.com/4.20.0/standard-all/ckeditor.js"></script>
	<section class="wrapper">
		<div class="table-agile-info"  style="padding: 2em;">


        <div class="col-lg-8 ">
            <div class="col-lg-4" >
                <div class="form-group">
                               
                   <p>Search Courses</p>            
                
                                
                                
                                </div>
</div><div class="col-lg-2">
                                <div class="form-group">
                               
                                <input type="text" class="form-control search" >
                               
                                
                                </div>
                                </div>
                                <div class="col-lg-3">
                                <div class="form-group">
                                <input class="btn btn-warning" data-toggle="modal" data-target="#myModal5"  type="submit" value="Add  New" name="login">
                               
                                <div class="col-lg-3">
                                
                                </div>
                                
                                </div>
                                </div>
                                
                                </div>
                        </div>

        
            


                             
                            </div>
                           
   
 <div class="panel panel-default" style="margin-top:15px;">
    <div class="panel-heading">
     
    </div>
    
    <div>
      <table class="table" ui-jq="footable" ui-options='{
        "paging": {
          "enabled": true
        },
        "filtering": {
          "enabled": true
        },
        "sorting": {
          "enabled": true
        }}'>
       
        <thead>
          <tr>
            <th >ID</th>
            <th>Title</th>
            <th>Created On</th>
            <th>Assigned TO</th>
            <th>Question</th>
            
           
            <th class ="text-right">Promote Criteria</th>
           
          </tr>
        </thead>
        <tbody>
          <tr data-expanded="true">
            <td>1</td>
            <td>DANCE</td>
            <td> 2022-11-01	</td>
            <td>2022-11-02	</td>
            <td>2</td>
          
            
            <td class="pull-right" >
            <a style="padding:6px; border-style: solid;" class="agile-icon bg-success" href="#"><i style="padding:10px;"  data-toggle="modal" data-target="#myModal" class="fa fa-eye" aria-hidden="true">View Details</i> </a>
            <a style="padding:6px; border-style: solid;" class="agile-icon bg-info" href="#"><i style="padding:10px;"  data-toggle="modal" data-target="#myModal5" class="fa fa-edit" aria-hidden="true">Question</i> </a>
            <a style="padding:6px; border-style: solid;" class="agile-icon bg-success" href="#"><i style="padding:10px;"  data-toggle="modal" data-target="#myModal3 " class="fa fa-edit" aria-hidden="true">Report</i> </a>
            
            <a style="padding:6px; border-style: solid;" class="agile-icon bg-success" href="#"><i style="padding:10px;"  data-toggle="modal" data-target="#myModal3 " class="fa fa-edit" aria-hidden="true">Edit</i> </a>
            <a style="padding:6px; border-style: solid;" class="agile-icon bg-danger" href="#"><i style="padding:10px;" data-toggle="modal" data-target="#myModal1" class="fa fa-trash" aria-hidden="true">Delete</i> </a>

           
            
            </td>
            
            
           
            
        
          </tr>
          
        </tbody>
      </table>
      <nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item"><a class="page-link" href="#">Previous</a></li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item"><a class="page-link" href="#">Next</a></li>
  </ul>
</nav>
    </div>
  </div>
</div>
</section>
<!--modal-->
<div style="z-index: 999999; margin-top: 2%;" class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div style="width:900px;" class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
	  <h4 class="modal-title" id="myModalLabel" style="margin-right:40px;">Create New Test</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		
        <div class="row">
                
                        <div class="panel-body">
                            <div class="form">
                                <form class="cmxform form-horizontal" id="signupForm" method="get" action="" >
                                
                                    <div class="form-group ">
                                        <label for="lastname" class="control-label col-lg-4 pull-left">Course Title:</label>
                                        <div class="col-lg-8">
                                        <input type="text" for="currrentsession" class="col-lg-12" id="currentsession" name="" value="">
                                        </div>
                                    </div>
                                    
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">Start Date:</label>
                                        <div class="col-lg-8">
                                        <input type="date" for="currrentsession" class="col-lg-12" id="currentsession" name="">
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">End Date:</label>
                                        <div class="col-lg-8">
                                        <input type="date" for="currrentsession" class="col-lg-12" id="currentsession" name="">
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">Link Text to:</label>
                                        <div class="col-lg-8">
                                            <select class="form-control ">
                                <option>Not Assign</option>
                                <option>ABZ</option></select>
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">Assign To Exam:</label>
                                        <div class="col-lg-8">
                                            <select class="form-control ">
                                <option>Not Assign</option>
                                <option>ABZ</option></select>
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">Assign To Subject:</label>
                                        <div class="col-lg-8">
                                            <select class="form-control ">
                                <option>Not Assign</option>
                                <option>1699</option></select>
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">Assign Score to:</label>
                                        <div class="col-lg-8">
                                            <select class="form-control ">
                                <option>Not Assign</option>
                                <option>1699</option></select>
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">Exam Score Contribution (%):</label>
                                        <div class="col-lg-8">
                                        <input type="number" for="currrentsession" class="col-lg-12" id="currentsession" name="" value="What % of Exam scrore will this test contribution.">
                                    </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">Assign Teacher:</label>
                                        <div class="col-lg-8">
                                            <select class="form-control ">
                                <option>Not Assign</option>
                                <option>1699</option></select>
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">No. of Questions per Test:</label>
                                        <div class="col-lg-8">
                                        <input type="number" for="currrentsession" class="col-lg-12" id="currentsession" name="" value="Question will be serve inrandom order.">
                                    </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">Pass Mark (%):	</label>
                                        <div class="col-lg-8">
                                        <input type="number" for="currrentsession" class="col-lg-12" id="currentsession" name="" value="Pass Marks in Percentage  of test Questions.">
                                    </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">Test Duration:	</label>
                                        <div class="col-lg-8">
                                        <input type="number" for="currrentsession" class="col-lg-12" id="currentsession" name="" value="in second.">
                                    </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="password" class="control-label col-lg-4 pull-left">Should students be allowed to retake this test?:</label>
                                        <div class="col-lg-8">
                                            <select class="form-control ">
                                <option>No</option>
                                <option>Yes</option></select>
                                        </div>
                                    </div>
                                    
                                    <div class="form-check">
                                    <div class="form-group ">
                                        <label for="firstname" class="control-label col-lg-4 pull-left">Introduction:</label>
                                        <div class="col-lg-8">
                                         <textarea cols="80" id="editor1" name="editor1" rows="10"></textarea>
  <script>
    CKEDITOR.replace('editor1', {
      height: 260,
      width: 580,
      removeButtons: 'PasteFromWord'
    });
  </script>
                                        </div>
                                    </div>
  
</div>
                                    </div>
                                  
                                    

                                    <div class="form-group " >
                                        <div class="col-lg-offset-3 col-lg-6" style="margin-top:15px;">
                                            <button class="btn btn-primary  " type="submit">Add Test</button>
                                            <button class="btn btn-default" type="button">Cancel</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </section>
                </div>
            </div>




    </div>
	
      <div style="padding: 10px;" class="modal-body">
        
      </div>
     
    </div>
  </div>
</div>
<!--modal-->
<!--modal-->
<div style="z-index: 999999; margin-top: 2%;" class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div style="width:900px;" class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
	  <h4 class="modal-title" id="myModalLabel" style="margin-right:40px;">Course Details</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		
        <div class="row">
                
                        <div class="panel-body">
                        <div class="panel panel-default" style="margin-top:15px;">
    <div class="panel-heading">
     Course  Details
    </div>
    <div>
      <table class="table" ui-jq="footable" ui-options='{
        "paging": {
          "enabled": true
        },
        "filtering": {
          "enabled": true
        },
        "sorting": {
          "enabled": true
        }}'>
        <thead>
          <tr>
            <th >ID</th>
            <th>Title</th>
            <th>Start Date</th>
            <th >End Date</th>
            <th>Assigned Teacher</th>
            <th>Assigned Class</th>
            <th >Cost</th>
           
            <th >Lesson</th>
            
          </tr>
        </thead>
        <tbody>
          <tr data-expanded="true">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>
                
            </td>
          </tr>
          
        </tbody>
      </table>
      <h5>Introduction</h5><h3>We Want to Know</h3>
    </div>
  </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>




    </div>
	
      <div style="padding: 10px;" class="modal-body">
        
      </div>
     
    </div>
  </div>
</div>
<!--modal-->
<!--modal-->
<div style="z-index: 999999; margin-top: 2%;" class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div style="width:900px;" class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
	  <h4 class="modal-title" id="myModalLabel" style="margin-right:40px;">Course Details</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		
        <div class="row">
                
                        <div class="panel-body">
                        <div class="panel panel-default" style="margin-top:15px;">
    <div class="panel-heading">
     Course  Details
    </div>
    <div>
      <table class="table" ui-jq="footable" ui-options='{
        "paging": {
          "enabled": true
        },
        "filtering": {
          "enabled": true
        },
        "sorting": {
          "enabled": true
        }}'>
        <thead>
          <tr>
            <th >ID</th>
            <th>Title</th>
            <th>Start Date</th>
            <th >End Date</th>
            <th>Assigned Teacher</th>
            <th>Assigned Class</th>
            <th >Cost</th>
           
            <th >Lesson</th>
            
          </tr>
        </thead>
        <tbody>
          <tr data-expanded="true">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>
                
            </td>
          </tr>
          
        </tbody>
      </table>
      <h5>Introduction</h5><h3>We Want to Know</h3>
    </div>
  </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>




    </div>
	
      <div style="padding: 10px;" class="modal-body">
        
      </div>
     
    </div>
  </div>
</div>
<!--modal-->
<!--modal-->
<div style="z-index: 999999; margin-top: 2%;" class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div style="width:900px;" class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
	  <h4 class="modal-title" id="myModalLabel" style="margin-right:40px;">Course Details</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		
        <div class="row">
                
                        <div class="panel-body">
                        <div class="panel panel-default" style="margin-top:15px;">
    <div class="panel-heading">
     Course  Details
    </div>
    <div>
      <table class="table" ui-jq="footable" ui-options='{
        "paging": {
          "enabled": true
        },
        "filtering": {
          "enabled": true
        },
        "sorting": {
          "enabled": true
        }}'>
        <thead>
          <tr>
            <th >ID</th>
            <th>Title</th>
            <th>Start Date</th>
            <th >End Date</th>
            <th>Assigned Teacher</th>
            <th>Assigned Class</th>
            <th >Cost</th>
           
            <th >Lesson</th>
            
          </tr>
        </thead>
        <tbody>
          <tr data-expanded="true">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>
                
            </td>
          </tr>
          
        </tbody>
      </table>
      <h5>Introduction</h5><h3>We Want to Know</h3>
    </div>
  </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>




    </div>
	
      <div style="padding: 10px;" class="modal-body">
        
      </div>
     
    </div>
  </div>
</div>
<!--modal-->

@endsection