@extends('layouts.admin')



@section('styles')
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ asset('assets/edi/css/site.css')}}">
<link rel="stylesheet" href="{{ asset('assets/edi/src/richtext.min.css')}}">


@endsection



@section('content')

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

<!-- Start right Content here -->

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

<div class="content-page">

    <!-- Start content -->

    <div class="">

        <div class="container-fluid">


          <!-- 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">
                                          <form action="{{ route('admin.addCourse')}}" method="post">
                                              <div class="card-body">
          										<h4 class="m-b-20 text-danger addcourse-heading">BASIC DETAILS</h4>

                              <div class="form-group row">

                                <label class="col-sm-2 col-form-label">Grade</label>
          <div class="col-sm-10">
                               <select required name="grade" class="form-control">

                                 @foreach($grades as $grade)

                                 <option value="{{$grade->id}}">{{$grade->name}}</option>

                                 @endforeach

                               </select>
          </div>
                              </div>

                                                  <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" required type="text" value="Title" name="name">
                                                      </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="required" name="description" 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="number" value="" name="price" >
                                                      </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="text" value="" name="prerequisite">
                                                      </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="text" name="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="text" name="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="text" name="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="text" name="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="text" name="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="text" name="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="text" name="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="text" name="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="text" name="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" name="overall[]" >
                                                      </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" name="overdetail[]"></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="text" name="unittitle[]" >
                                                      </div>
                                                      <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time in hours</label>
                                                                           <div class="col-sm-3">
                                                                               <input class="form-control" type="number" name="unithour[]" >
                                                                           </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="text" name="unittitle[]" >
                                                      </div>
                                                      <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time in hours</label>
                                                                           <div class="col-sm-3">
                                                                               <input class="form-control" type="text" name="unithour[]" >
                                                                           </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="text" name="unittitle[]" >
                                                      </div>
                                                      <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time in hours</label>
                                                                           <div class="col-sm-3">
                                                                               <input class="form-control" type="text" name="unithour[]" >
                                                                           </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="text" name="unittitle[]" >
                                                      </div>
                                                      <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time in hours</label>
                                                                           <div class="col-sm-3">
                                                                               <input class="form-control" type="text" name="unithour[]" >
                                                                           </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="text" name="unittitle[]" >
                                                      </div>
                                                      <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time in hours</label>
                                                                           <div class="col-sm-3">
                                                                               <input class="form-control" type="text" name="unithour[]" >
                                                                           </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="text" name="unittitle[]" >
                                                      </div>
                                                      <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time in hours</label>
                                                                           <div class="col-sm-3">
                                                                               <input class="form-control" type="text" name="unithour[]" >
                                                                           </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="text" name="unittitle[]" >
                                                      </div>
          											 <label for="example-url-input" class="col-sm-2 col-form-label">Approx. Time in hours</label>
                                                      <div class="col-sm-3">
                                                          <input class="form-control" type="text" name="unithour[]" >
                                                      </div>
                                                  </div>



          										<h4 class="m-b-20 text-danger addcourse-heading">UNIT DESCRIPTION</h4>

          										<div  class="input_fields_wrap1">

          										<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" name="contitle[]" >
                                                      </div>
          											<div class="col-sm-2">
                                                          <a class="float-right add_field_button1 m-l-10"><i class="ion-plus text-success"></i> Add more</a>&nbsp;&nbsp; <a class="float-right remove_field_button1 "><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" name="condetail[]" 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 page-wrapper box-content">

                                                      <!-- <textarea id="" class="form-control content" name="evaluation"></textarea> -->
                                                      <textarea class="content" name="evaluation" name="example"></textarea>
                                                      </div>
                                                  </div>

                                                            <div class="form-group row">
                                                      <h5>Teaching & Learning Strategies</h5>

                                                      <div class="col-sm-12 page-wrapper box-content">
                                                        <textarea class="content2" name="satrategy" name="example2"></textarea>
                                                          <!-- <textarea class="form-control content2" type="text" name="satrategy" ></textarea> -->
                                                      </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>
                                                      {{ csrf_field()}}
                                                    </form>
                                              </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>






@endsection



@section('scripts')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="{{ asset('assets/edi/src/jquery.richtext.js')}}"></script>
<script>
    $(document).ready(function() {
        $('.content').richText();
        $('.content2').richText();
    });
</script>
@endsection