<?php $__env->startSection('styles'); ?>

<?php $__env->stopSection(); ?>



<?php $__env->startSection('content'); ?>

<!-- ============================================================== -->

<!-- Start right Content here -->

<!-- ============================================================== -->

<div class="content-page">

    <!-- Start content -->

    <div class="content">

        <div class="container-fluid">

          <div class="row">

              <div class="col-sm-12">

                  <div class="page-title-box">

                      <div class="row align-items-center">

                          <div class="col-md-8">

                              <h4 class="page-title mb-0">Courses</h4>

                              <ol class="breadcrumb m-0">

                                  <li class="breadcrumb-item"><a href="#">Dashboard</a></li>

                                  <li class="breadcrumb-item active" aria-current="page">Courses</li>

                              </ol>

                          </div>

                          <div class="col-md-4">

                              <div class="float-right d-none d-md-block">

                                  <div class="dropdown">

                                      <button class="btn btn-success btn-rounded" type="button"  data-toggle="modal" data-target="#addCourseModal">

                                          <i class="fa fa-plus"></i> Add New Course

                                      </button>



                                  </div>

                              </div>

                          </div>

                      </div>



                  </div>

              </div>

          </div>

          <!-- end row -->

            <div class="row">

                <div class="col-lg-12">

                    <div class="card">

                        <div class="card-body">

                            <h4 class="mt-0 header-title">Courses List</h4>

                            <div class="table-responsive mt-4">

                                <table class="table  table-striped table-hover mb-0">

                                    <thead>

                                        <tr>

                                            <th scope="col">(#)</th>

                                            <th scope="col">Course Title</th>

                                

                                            <th scope="col">Grade</th>
											  <th scope="col">Price</th>
										

                                            <th scope="col" colspan="2">Actions</th>

                                        </tr>

                                    </thead>

                                    <tbody>
										<tr>
										<td>1</td>
											<td>BTT1O, Information and Communication Technology in Business, Grade 9, Open</td>
											<td>Grade 9</td>
											<td> $475</td>
								
											<td>   <a  class="btn btn-success btn-sm"><i class="ion-search text-white"></i></a>

                                                    <a  class="btn btn-danger btn-sm" ><i class="ion-trash-a text-white"></i></a>
</td>
										
										
										</tr>
										<tr>
										<td>1</td>
											<td>BTT1O, Information and Communication Technology in Business, Grade 9, Open</td>
											<td>Grade 9</td>
											<td> $475</td>
								
											<td>   <a  class="btn btn-success btn-sm"><i class="ion-search text-white"></i></a>

                                                    <a  class="btn btn-danger btn-sm" ><i class="ion-trash-a text-white"></i></a>
</td>
										
										
										</tr>
										<tr>
										<td>1</td>
											<td>BTT1O, Information and Communication Technology in Business, Grade 9, Open</td>
											<td>Grade 9</td>
											<td> $475</td>
								
											<td>   <a  class="btn btn-success btn-sm"><i class="ion-search text-white"></i></a>

                                                    <a  class="btn btn-danger btn-sm" ><i class="ion-trash-a text-white"></i></a>
</td>
										
										
										</tr>
										<tr>
										<td>1</td>
											<td>BTT1O, Information and Communication Technology in Business, Grade 9, Open</td>
											<td>Grade 9</td>
											<td> $475</td>
								
											<td>   <a  class="btn btn-success btn-sm"><i class="ion-search text-white"></i></a>

                                                    <a  class="btn btn-danger btn-sm" ><i class="ion-trash-a text-white"></i></a>
</td>
										
										
										</tr>
										<tr>
										<td>1</td>
											<td>BTT1O, Information and Communication Technology in Business, Grade 9, Open</td>
											<td>Grade 9</td>
											<td> $475</td>
								
											<td>   <a  class="btn btn-success btn-sm"><i class="ion-search text-white"></i></a>

                                                    <a  class="btn btn-danger btn-sm" ><i class="ion-trash-a text-white"></i></a>
</td>
										
										
										</tr>

                     

                                    </tbody>

                                </table>
								
								

                            </div>
							
							<nav aria-label="Page navigation example">
                                            <ul class="pagination justify-content-end mb-0  m-t-15">
                                                <li class="page-item disabled">
                                                    <a class="page-link" href="#" tabindex="-1">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>

            </div>

            <!-- end row -->

<!-- add new couses row -->

            <div class="row">

                <div class="col-lg-12">

                    <div class="card">

                        <div class="card-body">

                            <h4 class="mt-0 header-title"> Add New Course</h4>

                            <div class="card">
                                    <div class="card-body">
										<h4 class="m-b-20 text-danger addcourse-heading">BASIC DETAILS</h4>
        
                                       
        
                                        <div class="form-group row">
                                            <label for="example-text-input" class="col-sm-2 col-form-label">Course Title</label>
                                            <div class="col-sm-10">
                                                <input class="form-control" type="text" value="Title" >
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="example-search-input" class="col-sm-2 col-form-label">Short Description</label>
                                            <div class="col-sm-10">
                                                <textarea required="" class="form-control" rows="5"></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="example-email-input" class="col-sm-2 col-form-label">Price($)</label>
                                            <div class="col-sm-2">
                                                <input class="form-control" type="email" value="$" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Prerequisite</label>
                                            <div class="col-sm-6">
                                                <input class="form-control" type="url" value="None/Some Value" >
                                            </div>
                                        </div>
										
									
										
										<div class="form-group row">
                                            <label for="example-email-input" class="col-sm-2 col-form-label">Department</label>
                                            <div class="col-sm-4">
                                                <input class="form-control" type="email" value="Department" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Course Developer</label>
                                            <div class="col-sm-4">
                                                <input class="form-control" type="url" value="Course Developer" >
                                            </div>
                                        </div>
										<div class="form-group row">
                                            <label for="example-email-input" class="col-sm-2 col-form-label"> Development Date</label>
                                            <div class="col-sm-4">
                                                <input class="form-control" type="email" value=" Development Date" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Revision Date</label>
                                            <div class="col-sm-4">
                                                <input class="form-control" type="url" value="Revision Date" >
                                            </div>
                                        </div>
										<div class="form-group row">
                                            <label for="example-email-input" class="col-sm-2 col-form-label"> Course Reviser</label>
                                            <div class="col-sm-4">
                                                <input class="form-control" type="email" value=" Course Reviser" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Course Type</label>
                                            <div class="col-sm-4">
                                                <input class="form-control" type="url" value="Course Type" >
                                            </div>
                                        </div>
										<div class="form-group row">
                                            <label for="example-email-input" class="col-sm-2 col-form-label">Ministry Course Code</label>
                                            <div class="col-sm-4">
                                                <input class="form-control" type="email" value="Ministry Course Code" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Credit Value</label>
                                            <div class="col-sm-4">
                                                <input class="form-control" type="url" value="Credit Value" >
                                            </div>
                                        </div>
										<div class="form-group row">
                                            <label for="example-email-input" class="col-sm-3 col-form-label">Ministry Curriculum Policy Doc</label>
                                            <div class="col-sm-9">
                                                <input class="form-control" type="email" value="Ministry Curriculum Policy Document" >
                                            </div>
											
                                        </div>
										
										
										<h4 class="m-b-20 text-danger addcourse-heading">OVERALL CURRICULUM EXPECTATIONS</h4>
										
										<div  class="input_fields_wrap">
										
										<div class="form-group row">
                                            <label for="example-text-input" class="col-sm-2 col-form-label">Title</label>
                                            <div class="col-sm-8">
                                                <input class="form-control" type="text" value="Title" >
                                            </div>
											<div class="col-sm-2">
                                                <a class="float-right add_field_button m-l-10"><i class="ion-plus text-success"></i> Add more</a>&nbsp;&nbsp; <a class="float-right remove_field_button "><i class="ion-trash-a text-danger"></i> Delete</a>
                                            </div>
                                        </div>
										
										<div class="form-group row">
                                            <label for="example-text-input" class="col-sm-2 col-form-label">Detail</label>
                                            <div class="col-sm-8">
                                               <textarea required="" class="form-control" rows="5"></textarea>
                                            </div>
											<div class="col-sm-2">
                                               
                                            </div>
                                        </div>
											
											
										</div>
										
									
										
										<h4 class="m-b-20 text-danger addcourse-heading">UNIT OUTLINE <span for="example-url-input" class="col-sm-12 text-right col-form-label">Total Approx. Time <span><strong>22 hours</strong></span></span>
                                            </h4>
                                       <div class="form-group row">
                                            <label for="example-email-input" class="col-sm-1 col-form-label">Unit</label>
                                            <div class="col-sm-6">
                                                <input class="form-control" type="email" value="Unit Title" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time</label>
                                            <div class="col-sm-3">
                                                <input class="form-control" type="url" value="Time in hours" >
                                            </div>
                                        </div>
										<div class="form-group row">
                                            <label for="example-email-input" class="col-sm-1 col-form-label">Unit</label>
                                            <div class="col-sm-6">
                                                <input class="form-control" type="email" value="Unit Title" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time</label>
                                            <div class="col-sm-3">
                                                <input class="form-control" type="url" value="Time in hours" >
                                            </div>
                                        </div>
										<div class="form-group row">
                                            <label for="example-email-input" class="col-sm-1 col-form-label">Unit</label>
                                            <div class="col-sm-6">
                                                <input class="form-control" type="email" value="Unit Title" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time</label>
                                            <div class="col-sm-3">
                                                <input class="form-control" type="url" value="Time in hours" >
                                            </div>
                                        </div>
										<div class="form-group row">
                                            <label for="example-email-input" class="col-sm-1 col-form-label">Unit</label>
                                            <div class="col-sm-6">
                                                <input class="form-control" type="email" value="Unit Title" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time</label>
                                            <div class="col-sm-3">
                                                <input class="form-control" type="url" value="Time in hours" >
                                            </div>
                                        </div>
										<div class="form-group row">
                                            <label for="example-email-input" class="col-sm-1 col-form-label">Unit</label>
                                            <div class="col-sm-6">
                                                <input class="form-control" type="email" value="Unit Title" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time</label>
                                            <div class="col-sm-3">
                                                <input class="form-control" type="url" value="Time in hours" >
                                            </div>
                                        </div>
										<div class="form-group row">
                                            <label for="example-email-input" class="col-sm-1 col-form-label">Unit</label>
                                            <div class="col-sm-6">
                                                <input class="form-control" type="email" value="Unit Title" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time</label>
                                            <div class="col-sm-3">
                                                <input class="form-control" type="url" value="Time in hours" >
                                            </div>
                                        </div>
										<div class="form-group row">
                                            <label for="example-email-input" class="col-sm-1 col-form-label">Unit</label>
                                            <div class="col-sm-6">
                                                <input class="form-control" type="email" value="Unit Title" >
                                            </div>
											 <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time</label>
                                            <div class="col-sm-3">
                                                <input class="form-control" type="url" value="Time in hours" >
                                            </div>
                                        </div>
										
										
										
										<h4 class="m-b-20 text-danger addcourse-heading">UNIT DESCRIPTION</h4>
										
										<div  class="input_fields_wrap">
										
										<div class="form-group row">
                                            <label for="example-text-input" class="col-sm-2 col-form-label">Unit Title</label>
                                            <div class="col-sm-8">
                                                <input class="form-control" type="text" value="Title" >
                                            </div>
											<div class="col-sm-2">
                                                <a class="float-right add_field_button m-l-10"><i class="ion-plus text-success"></i> Add more</a>&nbsp;&nbsp; <a class="float-right remove_field_button "><i class="ion-trash-a text-danger"></i> Delete</a>
                                            </div>
                                        </div>
										
										<div class="form-group row">
                                            <label for="example-text-input" class="col-sm-2 col-form-label">Detail</label>
                                            <div class="col-sm-8">
                                               <textarea required="" class="form-control" rows="5"></textarea>
                                            </div>
											<div class="col-sm-2">
                                               
                                            </div>
                                        </div>
											
											
										</div>
										
										
										<h4 class="m-b-20 text-danger addcourse-heading">PROGRAM CONSIDERATIONS </h4>
                                       <div class="form-group row">
                                            <h5>Assessment and Evaluation</h5>
											
                                            <div class="col-sm-12">
                                                  <form method="post">
                                            <textarea id="elm1" name="area"></textarea>
                                        </form>
                                            </div>
                                        </div>
										<div class="form-group row">
                                            <h5>Teaching & Learning Strategies</h5>
											
                                            <div class="col-sm-12">
                                                <input class="form-control" type="url" value="Time in hours" >
                                            </div>
                                        </div>
									
										
										
										<div class="form-group mb-0">
                                                <div>
                                                    <button type="submit" class="btn btn-primary waves-effect waves-light">
                                                        Submit
                                                    </button>
                                                    <button type="reset" class="btn btn-secondary waves-effect m-l-5">
                                                        Cancel
                                                    </button>
                                                </div>
                                            </div>
                          
                                    </div>
								
								
								
								
                                </div>

                        </div>

                    </div>

                </div>

            </div>

            <!-- end add new couses row -->

        </div> <!-- container-fluid -->



    </div> <!-- content -->



    <footer class="footer">

        © 2020 - 2021  The Educators Academy

    </footer>

</div>





<!-- ============================================================== -->

<!-- End Right content here -->

<!-- ============================================================== -->

<!-- sample modal content -->

<div id="addCourseModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-header">

                <h5 class="modal-title mt-0" id="myModalLabel">Add New Course</h5>

                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

            </div>

            <div class="modal-body">

              <form action="<?php echo e(route('admin.addCourse')); ?>" method="post">

                <div class="row">

                  <div class="col-md-12">

                    <label>Course Name</label>

                    <input class="form-control" required name="name" placeholder="Enter name here ..."/>

                  </div>



                  <div class="col-md-12">

                    <label>Description</label>

                    <textarea class="form-control"  name="description" placeholder="Enter description here ..."></textarea>

                  </div>



                  <div class="col-md-12">

                    <label>Grade</label>

                   <select required name="grade" class="form-control">

                     <?php $__currentLoopData = $grades; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $grade): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

                     <option value="<?php echo e($grade->id); ?>"><?php echo e($grade->name); ?></option>

                     <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                   </select>

                  </div>

                </div>





            </div>

            <div class="modal-footer">

                <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">Close</button>

                <button type="submit" class="btn btn-primary waves-effect waves-light" >Add Grade</button>

            </div>

            <?php echo e(csrf_field()); ?>


            </form>

        </div><!-- /.modal-content -->

    </div><!-- /.modal-dialog -->

</div>





<div id="deleteCourseModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-header">

                <h5 class="modal-title mt-0" id="myModalLabel">Delete Course</h5>

                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

            </div>

            <div class="modal-body">

              <form action="<?php echo e(route('admin.deleteCourse')); ?>" method="post">

                <div class="row">



<h4>Are you sure you want to delete this course ?</h4>

<input type="hidden" name="course_id" required id="course_id"/>

            </div>

            <div class="modal-footer">

                <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">Close</button>

                <button type="submit" class="btn btn-primary waves-effect waves-light" >Delete Course</button>

            </div>

            <?php echo e(csrf_field()); ?>


            </form>

        </div><!-- /.modal-content -->

    </div><!-- /.modal-dialog -->

</div>

<!-- /.modal -->

<?php $__env->stopSection(); ?>



<?php $__env->startSection('scripts'); ?>

<script>

function setcourseid(id)

{

  $("#course_id").val(id);

}

</script>
	<script>
	
	var max_fields      = 20;
var wrapper         = $(".input_fields_wrap"); 
var add_button      = $(".add_field_button");
var remove_button   = $(".remove_field_button");

$(add_button).click(function(e){
	e.preventDefault();
	var total_fields = wrapper[0].childNodes.length;
	if(total_fields < max_fields){
		$(wrapper).append('<div class="form-group row"><label for="example-text-input" class="col-sm-2 col-form-label">Title</label><div class="col-sm-8"><input class="form-control" type="text" value="Title" ></div></div>', '<div class="form-group row"><label for="example-text-input" class="col-sm-2 col-form-label">Detail</label><div class="col-sm-8"><textarea required="" class="form-control" rows="5"></textarea></div></div>');
	}
});
$(remove_button).click(function(e){
	e.preventDefault();
	var total_fields = wrapper[0].childNodes.length;
	if(total_fields>2){
		wrapper[0].childNodes[total_fields-2].remove();
	}
});
	</script>
	

<?php $__env->stopSection(); ?>


<?php echo $__env->make('layouts.admin', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/techciuz/public_html/demo/school/resources/views/admin/courses.blade.php ENDPATH**/ ?>