<?php
include 'header.php';
?> 



<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0 font-size-18">Homework Add</h4>

                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="index.php">Dashboard</a></li>
                                <li class="breadcrumb-item active">Homework Add</li>
                            </ol>
                        </div>

                    </div>
                </div>
            </div>
            <!-- end page title -->

            <div class="row">
                <div class="col-xl-12">
                    <div class="card">
                        <div class="card-body">
                            <!-- <h4 class="card-title mb-4">Form Grid Layout</h4> -->
                            <form id="formValidation" action="backend/homeworkAdd.php" method="post" enctype="multipart/form-data"> 
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="formrow-firstname-input" class="form-label">Question Pdf</label>
                                            <input type="file" class="form-control uploadPDF" name="img" accept="application/pdf" />
                                            <small class="text-danger">Note: Please upload compressed file.</small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="formrow-firstname-input" class="form-label">Class Name</label>
                                            <input type="text" class="form-control" name="class_name">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="formrow-firstname-input" class="form-label">Student Subject</label>
                                            <input type="text" class="form-control" name="student_subject">
                                        </div>
                                    </div>                                    
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="formrow-firstname-input" class="form-label">Remark</label>
                                            <textarea class="form-control" rows="4" name="remark"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <button type="submit" class="btn btn-primary w-md" name="submitFormBtn">Submit</button>
                                </div>
                            </form>
                        </div>
                        <!-- end card body -->
                    </div>
                    <!-- end card -->
                </div>
                <!-- end col -->

                <!-- <div class="col-xl-4">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title mb-4">Picture Preview</h4>
                            <div>
                                <img id="blah" src="http://placehold.it/150" alt="your image" width="300px" height="300px" />   
                            </div>
                        </div>
                    </div>
                </div> -->
            </div>           
            
        </div> <!-- container-fluid -->
    </div>
</div>


<?php
include 'footer.php';
?> 

<script src="assets/libs/tinymce/tinymce.min.js"></script>
<script src="assets/js/pages/form-editor.init.js"></script>

<!-- <script>
function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        };
        reader.readAsDataURL(input.files[0]);
    }
}
</script> -->



<script>
  $(".uploadPDF").change(function () {
    var fileSize = this.files[0];
    var sizeInMb = fileSize.size/1024;
    var sizeLimit= 1024*2;
    if (sizeInMb > sizeLimit) {
      alert("Please upload less then 2 MB files");
      $(this).val("");
    }
  });
</script>


  <script>
    $(document).ready(function(){
      $("#formValidation").validate({
        rules :{            
          img: {
              required: true
            },
          class_name: {
              required: true,
            },
          student_subject: {
              required: true,
            }
        },
    });

});

</script>