HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/himsaral/resources/js/components/admin/pages/
Current File : /home/htlwork.com/www/himsaral/resources/js/components/admin/pages/ExamDateSheetAdd.js
import React, { Component } from "react";
import axios from 'axios';
import { Link } from 'react-router-dom';
import Swal from 'sweetalert2';

import Script from "@gumgum/react-script-tag";

import Copyright from "../basic/Copyright";

import Preloader from "../basic/Preloader";
import HeaderPart from "../layout/HeaderPart";

const base_url=location.protocol+'//'+location.host+'/';


class ExamDateSheetAdd extends Component {

  constructor(props) {
	  super(props)
	  this.state = {
		  showError: false,
		  showSuccess: false,
		  isLoading:true,
		  subMsg:'',
		  course_id:'',
		  class_id:'',
		  section_id:'',
		  max_mark:'',
		  messgae:'',
		  courseList:[],
		  classList:[],
		  sectionList:[],
		  subjectList:[],
		  subjectRow:[],
		  examList:[],
		  subjectarr:[],
		  subjectlst:[],
		  theoryarr:[],
		  theorylst:[],
		  palst:[],
		  internalst:[],
		  assessmentarr:[],
		  internalarr:[],
		  datearr:[],
		  datelst:[],
		  errors:[],
          sectionArr:[],
	      sectionchk:[],
	  }

	  this.handleChange = this.handleChange.bind(this);
	  this.handleCourse = this.handleCourse.bind(this);
	  this.handleSection = this.handleSection.bind(this);
	  this.handleCheckAll = this.handleCheckAll.bind(this);
	  this.handleClass = this.handleClass.bind(this);
	  this.handleSubject = this.handleSubject.bind(this);
	  this.handleAllSubject = this.handleAllSubject.bind(this);
	  this.handleAdd = this.handleAdd.bind(this);
	  this.handleMark = this.handleMark.bind(this);
	  this.handleDate = this.handleDate.bind(this);
	  this.handleTheory = this.handleTheory.bind(this);
	  this.handleAssessment = this.handleAssessment.bind(this);
	  this.handleInternal = this.handleInternal.bind(this);
	  this.formSubmit = this.formSubmit.bind(this);
	  this.hasErrorFor = this.hasErrorFor.bind(this);
	  this.renderErrorFor = this.renderErrorFor.bind(this);
	  this.input = React.createRef();
}
handleChange(event){
    event.preventDefault();
    this.setState({ [event.target.name]: event.target.value });
}

handleCourse(event) {

	const inpt=event.target.name;
	const id = event.target.value;

   if(id !='')
   {
		axios.get(`${base_url}api`+`/class/getclassbycourse/${id}`).then(response => {
			this.setState({
				classList: response.data.data ? response.data.data :[],
				sectionList:[],
				subjectList:[],
				[inpt]: id
			});
		})
		.catch(error => {
		    console.log(error.message);
		})
   }
   else
   {
	   this.setState({
			classList:[],
			sectionList:[],
			subjectList:[],
			[inpt]: id,
			class_id:'',
			section_id:'',
		});
   }

}
handleClass(event){
	const inpt=event.target.name;
	const id = event.target.value;
	const courseid = this.state.course_id;

	if(id !='')
	{
			axios.get(`${base_url}api`+`/class/getsectionsubjectbyclass/${courseid}/${id}`).then(response => {
				this.setState({
					[inpt]:id,
					sectionList:response.data.data.sections?response.data.data.sections:[],
					subjectList:response.data.data.subjects?response.data.data.subjects:[],
				});
			})
			.catch(error => {
			   console.log(error.message);
			})

	}
	else
	{
		this.setState({ [inpt]:id,section_id:'',sectionList:[],subjectList:[] });
	}
}

handleSection(event){
	const inpt=event.target.name;
	const id = event.target.value;
	const courseid = this.state.course_id;
	const classid=this.state.class_id;

	const secid = event.target.value;
	const sectionRows = this.state.sectionArr;
    var isCheck = event.target.checked;

    const subarr = [];

		if(isCheck)
		{
			for(var key in sectionRows)
			{
				subarr.push(sectionRows[key]);
			}
			if(!subarr.includes(parseInt(secid)))
			{
				subarr.push(parseInt(secid));
			}
		}
		else
		{
			for(var key in sectionRows)
			{
				if(sectionRows[key] !=secid)
				{
					subarr.push(sectionRows[key]);
				}
			}
		}

	if(id !='')
	{
		axios.get(`${base_url}api`+`/class/getsectionsubjectbyclass/${courseid}/${classid}/${id}`).then(response => {
		this.setState({
				[inpt]:id,
				sectionList:response.data.data.sections?response.data.data.sections:[],
				subjectList:response.data.data.subjects?response.data.data.subjects:[],
                sectionArr:subarr
			});
		})
		.catch(error => {
		   console.log(error.message);
		})

	}
	else
	{
		this.setState({ [inpt]:id,subjectList:[] });
	}
}

handleCheckAll = (event) => {
    var isCheck = event.target.checked;
    let sections = this.state.sectionchk;
    let subarr=[];

    if(isCheck)
    {
          for(var key in sections)
          {
              if(sections[key]!=null && sections[key].name=='section[]')
              {
                  subarr.push(parseInt(sections[key].value));
              }
          }
    }

    this.setState({
          sectionArr:subarr
    });

}
handleSubject(event){

	let opt = event.target.name;
	let check = event.target.checked;
    let check_val = event.target.value;
	let checks=this.state.subjectarr;
	let subjects=this.state.subjectlst;

	let idarr = [];
	let idset = [];
	let setarr = [];
	let unique_arr = [];

	for(var key in subjects)
	{
		if(subjects[key] !== null && subjects[key].name=='subject[]')
		{
			idset.push(parseInt(subjects[key].value));
		}
	}

	if(check)
	{
		for(var key in checks)
		{
			idarr.push(parseInt(checks[key]));
		}
		if(!idarr.includes(parseInt(check_val)))
		{
			idarr.push(parseInt(check_val));
		}
	}
	else
	{
		for (var key in checks)
		{
			if(checks[key] !=check_val && checks[key] !=0)
			{
				idarr.push(parseInt(checks[key]));
			}

		}
	}

	unique_arr=this.removeDuplicates(idarr);
	setarr=this.removeDuplicates(idset);

	if(unique_arr.length==parseInt(setarr.length))
	{
		unique_arr.push(0);
	}

	this.setState({subjectarr:unique_arr});

}

handleAllSubject(event){

	let opt = event.target.name;
	let check = event.target.checked;
    let check_val = event.target.value;
	let checks=this.state.subjectlst;

	let idarr = [];
	let unique_arr = [];

	if(check)
	{
		for(var key in checks)
		{
			if(checks[key] !== null && checks[key].name=='subject[]')
			{
				idarr.push(parseInt(checks[key].value));
			}
		}
		if(!idarr.includes(0))
		{
			idarr.push(0);
		}
	}

	unique_arr=this.removeDuplicates(idarr);

	this.setState({subjectarr:unique_arr});

}
handleAdd(event){
    event.preventDefault();
	let checks=this.state.subjectarr;

	let idarr = [];
	let unique_arr = [];

	for(var key in checks)
	{
		idarr.push(parseInt(checks[key]));
	}

    unique_arr=this.removeDuplicates(idarr);

    if(unique_arr.length>0)
	{
		const list = unique_arr.toString();
		axios.get(`${base_url}api`+`/subject/listsome/${list}`).then(response => {
			this.setState({
				subMsg:'',
				subjectRow:response.data.data?response.data.data:[],
			});
		})
		.catch(error => {
		   console.log(error.message);
		})
	}
	else
	{
		this.setState({
			subMsg:'Please select some subjects!!',
			subjectRow:[],
		});
	}

}

handleMark(event){
    event.preventDefault();

	let inp_name = event.target.name;
    let inp_value = event.target.value;

	var regex = /[^0-9]/g;
	if(!regex.test(inp_value))
	{
		let theories=this.state.theorylst;
		const markarr ={};

		for(var key in theories)
		{
			if(theories[key] !== null)
			{
				if(theories[key].name=='theory_mark[]')
				{
					markarr[theories[key].id]=(isNaN(parseInt(inp_value)))?'':parseInt(inp_value);
				}
			}
		}

		this.setState({ max_mark:inp_value,theoryarr:markarr,assessmentarr:[],internalarr:[],datearr:[] });
	}

}

handleTheory(event){
    event.preventDefault();

	let inp_id = event.target.id;
	let inp_name = event.target.name;
    let inp_value = event.target.value;

	const maxmark = this.state.max_mark;
	let theories=this.state.theoryarr;
	let assessments=this.state.assessmentarr;
	let internals=this.state.internalarr;

	let assessmentmark = 0;
	let internalmark  = 0;
	let inpmark = (isNaN(parseInt(inp_value)))?0:parseInt(inp_value);

	const markarr ={};

	if(assessments.hasOwnProperty(inp_id))
	{
		assessmentmark = assessments[inp_id];
	}

	if(internals.hasOwnProperty(inp_id))
	{
		internalmark = internals[inp_id];
	}

	let sum = parseInt(assessmentmark)+parseInt(internalmark)+inpmark;

	var regex = /[^0-9]/g;
	if(!regex.test(inp_value) && parseInt(sum)<=parseInt(maxmark))
	{
		for(var key in theories)
		{
			markarr[key]=theories[key];
		}

		markarr[inp_id]=(isNaN(parseInt(inp_value)))?'':parseInt(inp_value);

		this.setState({ theoryarr:markarr });

	}

}

handleAssessment(event){
    event.preventDefault();

	let inp_id = event.target.id;
	let inp_name = event.target.name;
    let inp_value = event.target.value;

	let assessments=this.state.assessmentarr;
	let theories=this.state.theorylst;
	let internals=this.state.internalst;
	let theorymark = 0;
	let internalmark  = 0;
	let inpmark = (isNaN(parseInt(inp_value)))?0:parseInt(inp_value);

	const maxmark = (this.state.max_mark)?this.state.max_mark:0;
	const markarr ={};
	const theorymarkarr ={};

	for(var key in internals)
	{
		if(internals[key] !== null)
		{
			if(internals[key].name=='internal_mark[]')
			{
				const i_mark = (isNaN(parseInt(internals[key].value)))?0:parseInt(internals[key].value);
				if(internals[key].id==inp_id)
				{
					internalmark=i_mark;
				}
			}
		}
	}

	let sum = parseInt(internalmark)+inpmark;

	var regex = /[^0-9]/g;
	if(!regex.test(inp_value) && sum<=parseInt(maxmark))
	{
		for(var key in assessments)
		{
			markarr[key]=assessments[key];
		}

		for(var key in theories)
		{
			if(theories[key] !== null)
			{
				if(theories[key].name=='theory_mark[]')
				{
					if(theories[key].id==inp_id)
					{
						theorymarkarr[inp_id]=maxmark-inpmark-internalmark;
					}
					else
					{
						theorymarkarr[theories[key].id]=theories[key].value;
					}
				}
			}
		}

		markarr[inp_id]=(isNaN(parseInt(inp_value)))?'':parseInt(inp_value);

		this.setState({ assessmentarr:markarr,theoryarr:theorymarkarr });

	}

}

handleInternal(event){
    event.preventDefault();

	let inp_id = event.target.id;
	let inp_name = event.target.name;
    let inp_value = event.target.value;

	let theories=this.state.theorylst;
	let internals=this.state.internalarr;
	let assessments=this.state.palst;

	let theorymark = 0;
	let assessmentmark  = 0;
	let inpmark = (isNaN(parseInt(inp_value)))?0:parseInt(inp_value);

	const maxmark = (this.state.max_mark)?this.state.max_mark:0;
	const markarr ={};
	const theorymarkarr ={};

	for(var key in assessments)
	{
		if(assessments[key] !== null)
		{
			if(assessments[key].name=='pa_mark[]')
			{
				const i_mark = (isNaN(parseInt(assessments[key].value)))?0:parseInt(assessments[key].value);
				if(assessments[key].id==inp_id)
				{
					assessmentmark=i_mark;
				}
			}
		}
	}

	let sum = parseInt(assessmentmark)+inpmark;

	var regex = /[^0-9]/g;
	if(!regex.test(inp_value) && sum<=parseInt(maxmark))
	{
		for(var key in internals)
		{
			markarr[key]=internals[key];
		}

		for(var key in theories)
		{
			if(theories[key] !== null)
			{
				if(theories[key].name=='theory_mark[]')
				{
					if(theories[key].id==inp_id)
					{
						theorymarkarr[inp_id]=maxmark-inpmark-assessmentmark;
					}
					else
					{
						theorymarkarr[theories[key].id]=theories[key].value;
					}
				}
			}
		}

		markarr[inp_id]=(isNaN(parseInt(inp_value)))?'':parseInt(inp_value);
		this.setState({ internalarr:markarr,theoryarr:theorymarkarr });

	}


}

handleDate(event){
    event.preventDefault();

	let datelist=this.state.datelst;
	const dateset = [];

	for(var key in datelist)
	{
		if(datelist[key] !== null)
		{
			if(datelist[key].name=='mark_date[]')
			{
				dateset[datelist[key].id]=datelist[key].value;
			}
		}
	}

	this.setState({ datearr:dateset });
}

hasErrorFor (field) {
  return !!this.state.errors[field]
}
renderErrorFor (field) {
  if (this.hasErrorFor(field))
  {
	  return (<span className='invalid-feedback'> <strong>{this.state.errors[field][0]}</strong></span>);
  }
}
removeDuplicates(arr) {
	let unique = [];
	for(var i=0;i<arr.length;i++){
		if(unique.indexOf(arr[i]) === -1) {
			unique.push(parseInt(arr[i]));
		}
	}
	return unique;
}
componentDidMount() {

	const isAuthenticated = localStorage.getItem("isLoggedIn");
	const token = localStorage.getItem("login_token");

	axios.get(`${base_url}api/checkauth?api_token=${token}`).then(response => {
		console.log(response);
		if (response.data.status === 'successed')
		{
			this.setState({ isLoading: false });
		}
		else
		{
			localStorage.clear();
			window.location.href = base_url+"login";
		}

	})
	.catch(error => {
	   console.log(error.message);
	})

	setInterval(() => {

	axios.get(`${base_url}api/setauth?api_token=${token}`).then(response => {
		console.log(response);
		if (response.data.status !== 'successed')
		{
			localStorage.clear();
			window.location.href = base_url+"login";
		}
		else
		{
			this.setState({ isLoading: false });
		}

	})
	.catch(error => {
	   console.log(error.message);
	})

}, 30000);

	if(!isAuthenticated)
	{
		window.location.href = base_url+"login";
	}


	axios.get(`${base_url}api`+'/class/getcourses').then(response => {
	this.setState({
			courseList:response.data.data?response.data.data:[],
		});
	})
	.catch(error => {
	   console.log(error.message);
    })

	axios.get(`${base_url}api`+'/exam/listall').then(response => {
	this.setState({
			examList:response.data.data?response.data.data:[],
		});
	})
	.catch(error => {
	   console.log(error.message);
    })

}
formSubmit(event){
	event.preventDefault();
	const { exam_id } = event.target;

	let courseid=(this.state.course_id)?this.state.course_id:'';
	let classid=(this.state.class_id)?this.state.class_id:'';
	// let sectionid=(this.state.section_id)?this.state.section_id:'';
    const sectionarr = [];
    const sections=this.state.sectionArr;
    for(var key in sections) {
        if(!sectionarr.includes(parseInt(sections[key])) && sections[key] !=0)
        {
            sectionarr.push(sections[key]);
        }
    }
	let maxmark=(this.state.max_mark)?this.state.max_mark:'';

	const subjectRows = this.state.subjectRow;
	let theories=this.state.theorylst;
	let assessments=this.state.assessmentarr;
	let internals=this.state.internalarr;
	let datelist=this.state.datearr;

	var theoryarr={};
	var assessmentarr={};
	var internalarr={};
	var datearr={};
	const subjectarr=[];

	for(var key in theories)
	{
		if(theories[key] !== null)
		{
			if(theories[key].name=='theory_mark[]')
			{
				theoryarr[theories[key].id]=theories[key].value;
			}
		}
	}

	for(var key in assessments)
	{
		assessmentarr[key]=assessments[key];
	}

	for(var key in internals)
	{
		internalarr[key]=internals[key];
	}

	for(var key in datelist)
	{
		datearr[key]=datelist[key];
	}

	subjectRows.forEach((item,key) =>
	{
		subjectarr.push(item.subjectId);
	});

	const data = {
		course_id:courseid,
		class_id:classid,
		section_id:sectionarr,
		exam_id: exam_id.value,
		max_mark: maxmark,
		subjects:subjectarr,
		theories:theoryarr,
		assessments:assessmentarr,
		internals:internalarr,
		dateset:datearr,
	}

	axios.post(`${base_url}api`+'/examdatesheet/add',data)
		.then(response => {
		console.log(response.data);
		if (response.data.status === 'successed')
		{
			this.setState({ showError:false,showSuccess:true,message:response.data.message,errors:response.data.errors});
			window.location.href=base_url+'exam_date_sheet';
		}
		else
		{
			this.setState({ showError: true, showSuccess: false, message: response.data.message,errors:response.data.errors});
		}
	})
	.catch(err => {
	   console.log(err.message);
	   console.log(err.response.data);
	})

}
render() {

const isLoad = this.state.isLoading;

if (isLoad) {

//return null;

}
    let sectionRows = this.state.sectionList;


	let currDate = new Date();
	let exam_date = currDate.toISOString().substring(0,10);

    return (
      <>

             {/********************
               Preloader Start
               *********************/}

    <Preloader />

{/********************
Preloader end
*********************/}
 <div id="main-wrapper">

   {/***********************************
    Main wrapper start
************************************/}

 {/***********************************
    HeaderPart start
************************************/}

<HeaderPart />


 {/***********************************
  HaderPart end
************************************/}


	{/**********************************
		Content body start
	**************************************/}

	<div className="content-body">
	<div className="container-fluid">
		<div className="row page-titles mx-0">
			<div className="col-sm-6 p-md-0">
				<div className="welcome-text">
					<h4>Create Exam Date Sheet</h4>
				</div>
			</div>
			<div className="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
				<ol className="breadcrumb">
					<li><a href={`/exam_date_sheet`} className="btn bg-blue-soft text-blue"><i className="fa fa-angle-double-left"></i> Back to Exam Date Sheet List</a></li>
				</ol>
			</div>
		</div>
		{/**** row ***/}

		<div className="row">
		  <div className="col-xl-12 col-xxl-12">
			<div className="card">
			  {/****<div className="card-header"><h4 className="card-title">All className List</h4></div>***/}
			  <div className="card-body">

				<div className="basic-form form-own Create-Exam-Date">
				  <form onSubmit={this.formSubmit}>
					<div className="text-center">
						{this.state.showError ?
						 <div className="alert alert-danger" style={{color:"brown"}}>
							<strong>{this.state.message}</strong>
						  </div>
						 : null}
						{this.state.showSuccess ?
						 <div className="alert alert-success" style={{color:"green"}}>
							{this.state.message}
						  </div>
						 : null}
					</div>
					<div className="form-row">
					  <div className="form-group col-md-6">
						<label>Course Name</label>
						<select className={`form-control ${this.hasErrorFor('course_id') ? 'is-invalid' : ''}`}  name="course_id" onChange={this.handleCourse} value={this.state.course_id}>
						  <option value="">--Select--</option>
						  {this.state.courseList.map( (item,key) => {
							return (
								<option key={item.courseId} value={item.courseId}>{item.courseName}</option>
							)
						  })}
						</select>
						{this.renderErrorFor('course_id')}
					  </div>

					  <div className="form-group col-md-6">
						<label>Class Name</label>
						<select className={`form-control ${this.hasErrorFor('class_id') ? 'is-invalid' : ''}`} name="class_id" onChange={this.handleClass} value={this.state.class_id}>
						  <option value="">--Select--</option>
						  {this.state.classList.map( (item, key) => {
                                return (
                              <option key={item.classId} value={item.classId}>{item.className}</option>
                              )
                            })}
						</select>
						{this.renderErrorFor('class_id')}
					  </div>
                      {
						this.state.class_id?(
                        <>
                            <div className="form-group col-md-12 mrb-30">
                                <label>Section Name</label>
                                <div className="Schedule-section">
                                    <div className="form-checkbox-grid">
                                        {this.state.sectionList.map( (item,key) => {
                                            return (
                                                <div className="form-check form-checkbox col-md-2" key={item.sectionId}>
                                                <input type="checkbox" name="section[]" key={item.sectionId} className="form-check-input" value={item.sectionId} checked={this.state.sectionArr.includes(parseInt(item.sectionId))} onChange={this.handleSection} ref={node =>this.state.sectionchk.push(node)}/>
                                                <label className="form-check-label" htmlFor={"check"+item.sectionId}>{item.sectionName}</label>
                                                </div>
                                            )
                                            })}
                                        {this.renderErrorFor('section_id')}
                                    </div>
                                    {
                                    this.state.sectionList.length > 0 ?(
                                    <div className="form-checkbox-grid select-grid-bg">
                                        <div className="form-check form-checkbox col-md-2">
                                            <input type="checkbox" name="section[]" className="form-check-input" key={0} value={0} checked={this.state.sectionArr.includes(0)} onChange={this.handleCheckAll} ref={node =>this.state.sectionchk.push(node)}/>
                                            <label className="form-check-label" htmlFor={"check"+sectionRows.length}>Select All</label>
                                        </div>
                                    </div>
                                    )
                                    : <label className="form-check-label" htmlFor={"check"}>N/A</label>
                                    }
                                </div>
                            </div>

                            <div className="form-group col-md-6">
                                <label>Exam Name</label>
                                <select className={`form-control ${this.hasErrorFor('exam_id') ? 'is-invalid' : ''}`} name="exam_id" onChange={this.handleChange}>
                                <option value="">Select Exam</option>
                                {this.state.examList.map( (item,key) => {
                                        return (
                                    <option key={item.id} value={item.id}>{item.name}</option>
                                    )
                                    })}
                                </select>
                                {this.renderErrorFor('exam_id')}
                            </div>
                        </>
                        ) : ""
                    }

					  <div className="form-group col-md-6"> </div>
					  {
						(this.state.subjectList.length>0)?(
					  <div className="form-group col-md-12">
						<h5>Select Subjects from the list showing below & then Click Add Button</h5>
						{/*****<label>Select Subjects from the list showing below && then Click Add Button </label>***/}
					  <div className="Schedule-subject">
						<div className="form-checkbox-grid">
						{this.state.subjectList.map( (item,key) => {
						return (
							<div key={item.subjectId} className="form-check form-checkbox col-md-3">
							  <div className="bg-padd">
								<input type="checkbox" name="subject[]" className="form-check-input" value={item.subjectId}  checked={(this.state.subjectarr.includes(parseInt(item.subjectId)))?true:false} onChange={this.handleSubject} ref={node =>this.state.subjectlst.push(node)}/>
								<label className="form-check-label" htmlFor="check1">{item.subjectName}</label>
							  </div>
							</div>)
						})}
						</div>
					  </div>
						<div className="form-checkbox-grid select-grid-bg">
							<div className="form-check form-checkbox col-md-2">
							  <input type="checkbox" name="subject[]" className="form-check-input" value="0" checked={(this.state.subjectarr.includes(0))?true:false} onChange={this.handleAllSubject}/>
							  <label className="form-check-label" htmlFor="check3">Select All</label>
							</div>
						</div>
					  </div>)
					    : ''
						}
					  {
						(this.state.subjectList.length>0)?(
					  <div className="form-group col-md-12 text-right">
						{
						  (this.state.subMsg.length>0)?(<div className="alert alert-danger" style={{color:"brown",textAlign:"center"}}>{this.state.subMsg}</div>):null
						  }
						<input type="submit" className="btn btn-primary" onClick={this.handleAdd} value="Add"/>
					  </div>)
						: ''
					}
					  {
						(this.state.subjectRow.length>0)?(
					  <div className="form-group col-md-6 Maximum-Marks-label">
						<label>Enter Maximum Marks</label>
						<input type="text" name="maxmark" className={`form-control text-box single-line ${this.hasErrorFor('max_mark') ? 'is-invalid' : ''}`} value={this.state.max_mark} onChange={this.handleMark}/>
						{this.renderErrorFor('max_mark')}
					  </div>)
						: ''
					}

					  <div className="form-group col-md-6"></div>
					  {
						(this.state.subjectRow.length>0)?(
					  <div className="form-group col-md-12">
						<div className="Schedule-table">
						  <div className="table-responsive">
							<table className="table table-bordered table-striped verticle-middle table-responsive-sm">
								<thead>
									<tr>
										<th scope="col">Subject Name</th>
										<th scope="col">Theory Marks</th>
										<th scope="col">PA Marks</th>
										<th scope="col">Internal Marks</th>
										<th scope="col">Exam Date</th>
									</tr>
								</thead>
								<tbody>
								{this.state.subjectRow.map((item,key) => {
								return (
									<tr key={item.subjectId}>
										<td>{item.subjectName}</td>
										<td><input name="theory_mark[]" type="text" id={item.subjectId} aria-invalid="false" className="form-control" value={(this.state.theoryarr.hasOwnProperty(item.subjectId))?this.state.theoryarr[item.subjectId]:''} onChange={this.handleTheory} ref={node =>this.state.theorylst.push(node)}/></td>
										<td><input name="pa_mark[]" type="text" id={item.subjectId} aria-invalid="false" className="form-control" value={(this.state.assessmentarr.hasOwnProperty(item.subjectId))?this.state.assessmentarr[item.subjectId]:''} onChange={this.handleAssessment} ref={node =>this.state.palst.push(node)}/></td>
										<td><input name="internal_mark[]" type="text" id={item.subjectId} aria-invalid="false" className="form-control" value={(this.state.internalarr.hasOwnProperty(item.subjectId))?this.state.internalarr[item.subjectId]:''} onChange={this.handleInternal} ref={node =>this.state.internalst.push(node)}/></td>
										<td><input type="date" className="form-control input-daterange-timepicker" name="mark_date[]" id={item.subjectId} value={(this.state.datearr.hasOwnProperty(item.subjectId))?this.state.datearr[item.subjectId]:exam_date} onChange={this.handleDate} ref={node =>this.state.datelst.push(node)}/></td>
									</tr>)
								})}
								</tbody>
							</table>
						</div>
						</div>
					  </div>)
						: ''
					}
					</div>
					{/******* form-row ****/}
					<input type="submit" className="btn btn-primary" value="Save"/>
				  </form>
				</div>

			  </div>
			</div>
		  </div>
		</div>{/******* row *****/}

	</div>
</div>

	 {/*****************************
		Content body end
	*************************************/}
</div>

    {/***********************************
        Main wrapper end
    ************************************/}
       </>
    );
  }
}

export default ExamDateSheetAdd;