@extends('dashboard_connect.dash_master')
@section('pagescontents')
	<!-- PAGE-HEADER -->
	<div class="page-header">
		<div>
			<h1 class="page-title">APAR Master</h1>
		</div>
		<div class="ms-auto pageheader-btn">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="javascript:void(0);">Faculty</a></li>
				<li class="breadcrumb-item active" aria-current="page">APAR Master</li>
			</ol>
		</div>
	</div>
	<!-- PAGE-HEADER END -->
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <div class="card">
                <div class="card-header border-bottom">
                    <h3 class="card-title">Basic Style Accordion</h3>
                </div>
                <div class="card-body">
                    <div aria-multiselectable="true" class="accordion" id="accordion" role="tablist">
                        <div class="card mb-0 border-0">
                            <div class="card-header border-bottom-0" id="headingOne" role="tab">
                                <a aria-controls="collapseOne" aria-expanded="true" data-bs-toggle="collapse" href="#collapseOne" class="accor-basic"><b><i class="fe fe-list"></i> Research Degree(s)</b></a>
                            </div>
                            <div aria-labelledby="headingOne" class="collapse show" data-bs-parent="#accordion" id="collapseOne" role="tabpanel">
                                <div class="card-body br-bottom-radius-5">

                                


                                
                                </div>
                            </div>
                        </div>
                        <div class="card mb-0 mt-2 border-0">
                            <div class="card-header border-bottom-0" id="headingTwo" role="tab">
                                <a aria-controls="collapseTwo" aria-expanded="false" class="accordion collapsed accor-basic" data-bs-toggle="collapse" href="#collapseTwo"><b><i class="fe fe-list"></i> Course taught at various levels during the academic year (Name of the course giving details)</b></a>
                            </div>
                            <div aria-labelledby="headingTwo" class="collapse" data-bs-parent="#accordion" id="collapseTwo" role="tabpanel">
                                <div class="card-body br-bottom-radius-5">
                                    Data
                                </div>
                            </div>
                        </div>
                        <div class="card mt-2 border-0">
                            <div class="card-header border-bottom-0" id="headingThree" role="tab">
                                <a aria-controls="collapseThree" aria-expanded="false" class="accordion collapsed accor-basic" data-bs-toggle="collapse" href="#collapseThree"><b><i class="fe fe-list"></i> Field of Specialization under the Subject/Discipline</b></a>
                            </div>
                            <div aria-labelledby="headingThree" class="collapse" data-bs-parent="#accordion" id="collapseThree" role="tabpanel">
                                <div class="card-body br-bottom-radius-5">
                                    Data
                                </div>
                            </div><!-- collapse -->
                        </div>
                    </div><!-- accordion -->
                </div>
            </div>
        </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script>
        function autofilladd() {
            if (document.getElementById("sameadd").checked) {
                document.getElementById("permaddr").value = document.getElementById("corresaddr").value;
            } else {
                document.getElementById("permaddr").value = "";
            }
        }
    </script>

    <script type="text/javascript">
        $(document).ready(function(){
            $('#attachfile').change(function(){
                var fp = $("#attachfile");
                var lg = fp[0].files.length; 
                var items = fp[0].files;
                var fileSize = 0;
                var fileType = "";
                if (lg > 0) {
                    for (var i = 0; i < lg; i++) {
                        fileSize = fileSize+items[i].size;
                        fileType = fileType+items[i].type;
                    }
                    if(fileSize > 1048576) {
                            alert('Hi User! File size should be less than 1 MB');
                            $('#attachfile').val('');
                    }
                    if(fileType !== "application/pdf") {
                            alert('Hi User! File type should be PDF only');
                            $('#attachfile').val('');
                    }                    
                }
            });
        });
    </script>

    <script>
        function myFunction() {
            if(!confirm("This action will delete selected education record. Are you sure want to continue?"))
                event.preventDefault();
        }
    </script>

@endsection