@extends('dashboard_connect.dash_master')
@section('pagescontents')
	<!-- PAGE-HEADER -->
	<div class="page-header">
		<div>
			<h1 class="page-title">Publication Profile</h1>
		</div>
		<div class="ms-auto pageheader-btn">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="javascript:void(0);">Faculty Profile</a></li>
				<li class="breadcrumb-item active" aria-current="page">Publication</li>
			</ol>
		</div>
	</div>
	<!-- PAGE-HEADER END -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header border-bottom">
                    <h3 class="card-title">Add Publications</h3>
                    <div class="card-options">
                        <a class="btn btn-primary btn-sm ms-2" href="{{ route('research.publication.report') }}"><i class="fa fa-list-ul" data-bs-toggle="tooltip" title="fa fa-list-ul"></i> View Publication Report</a>&nbsp;
                        <button aria-controls="offcanvasWithBothOptions" class="btn btn-red" data-bs-target="#offcanvasWithBothOptions" data-bs-toggle="offcanvas" type="button"><i class="fe fe-help-circle" data-bs-toggle="tooltip" title="fe fe-help-circle"></i> Help</button>
                        <div aria-labelledby="offcanvasWithBothOptionsLabel" class="offcanvas offcanvas-start" data-bs-scroll="true" id="offcanvasWithBothOptions" tabindex="-1">
                            <div class="offcanvas-header">
                                <h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel"><font style="font-weight: bold; color: black;"><i class="fe fe-help-circle" data-bs-toggle="tooltip" title="fe fe-help-circle"></i> Help Manual</font></h5><button aria-label="Close" class="btn-close text-reset" data-bs-dismiss="offcanvas" type="button"><span aria-hidden="true">&times;</span></button>
                            </div>
                            <div class="offcanvas-body" style="font-size: 14px;">
                                <p style="text-align: justify;">
                                    <font style="color: red;">** - Mandatory fields!</font>
                                    <br><br><font style="color: red;">Upload Copy of Publication (First Page Only)</font><br><font style="color: black;">Upload only pdf or jpg/ jpeg or gif file, file size should be less than 5MB.</font>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                <form role="form" method="post" action="{{ route('research.publication.save') }}" enctype="multipart/form-data">
                @csrf
                    @php
                        $currmonth = \Carbon\Carbon::now()->month;
                        $curryear = \Carbon\Carbon::now()->year;
                    @endphp                
                    <div class="row p-5">
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="category" class="form-label text-muted">Select Category: <font style="font-weight: bold; color: red;">**</font></label>
                                <div class="input-group">
                                    <select class="form-control select2-show-search form-select" data-placeholder="Select Category" id="category" name="category">
                                        <option value="">Select Category</option>
                                        @foreach($pubcategdata as $categval)
                                            <option value={{ $categval->id }} {{ $categval->id == $category ? 'selected' : '' }}>{{ $categval->newcategory }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="publevel" class="form-label text-muted">National/ International: <font style="font-weight: bold; color: red;">**</font></label>
                                <div class="input-group">
                                    <select class="form-control select2-show-search form-select" data-placeholder="Select National/ International" id="publevel" name="publevel">
                                        <option value="">Select National/ International</option>
                                        @foreach($publeveldata as $levelval)
                                            <option value={{ $levelval->id }} {{ $levelval->id == $publevel ? 'selected' : '' }}>{{ $levelval->newlevel }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>                                              
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="authorname" class="form-label text-muted">Name of Author(s): <font style="font-weight: bold; color: red;">**</font></label>
                                <input id="authorname" name="authorname" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="authortype" class="form-label text-muted">Sole/ Joint/ Corresponding Author: <font style="font-weight: bold; color: red;">**</font></label>
                                <select multiple class="form-control select2-show-search form-select" data-placeholder="Sole/ Joint/ Corresponding Author" id="authortype" name="authortype[]">
                                    <option value="">Select Sole/ Joint/ Corresponding Author</option>
                                    <option value="Sole Author" {{ $authortype == "Sole Author" ? 'selected' : '' }}>Sole Author</option>
                                    <option value="First Author" {{ $authortype == "First Author" ? 'selected' : '' }}>First Author</option>
                                    <option value="Joint Author" {{ $authortype == "Joint Author" ? 'selected' : '' }}>Joint Author</option>
                                    <option value="Corresponding Author" {{ $authortype == "Corresponding Author" ? 'selected' : '' }}>Corresponding Author</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="confname" class="form-label text-muted">Title of Paper/ Book Name: <font style="font-weight: bold; color: red;">**</font></label>
                                <input id="confname" name="confname" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="titlenm" class="form-label text-muted">Journal/ Publisher: <font style="font-weight: bold; color: red;">**</font></label>
                                <input id="titlenm" name="titlenm" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>                        
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="pubmonth" class="form-label text-muted">Publication Month: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Publication Month" id="pubmonth" name="pubmonth">
                                    <option value="">Select Publication Month</option>
                                    <option value="1" {{ $currmonth == "1" ? 'selected' : '' }}>January</option>
                                    <option value="2" {{ $currmonth == "2" ? 'selected' : '' }}>February</option>
                                    <option value="3" {{ $currmonth == "3" ? 'selected' : '' }}>March</option>
                                    <option value="4" {{ $currmonth == "4" ? 'selected' : '' }}>April</option>
                                    <option value="5" {{ $currmonth == "5" ? 'selected' : '' }}>May</option>
                                    <option value="6" {{ $currmonth == "6" ? 'selected' : '' }}>June</option>
                                    <option value="7" {{ $currmonth == "7" ? 'selected' : '' }}>July</option>
                                    <option value="8" {{ $currmonth == "8" ? 'selected' : '' }}>August</option>
                                    <option value="9" {{ $currmonth == "9" ? 'selected' : '' }}>September</option>
                                    <option value="10" {{ $currmonth == "10" ? 'selected' : '' }}>October</option>
                                    <option value="11" {{ $currmonth == "11" ? 'selected' : '' }}>November</option>
                                    <option value="12" {{ $currmonth == "12" ? 'selected' : '' }}>December</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="pubyear" class="form-label text-muted">Publication Year: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Publication Year" id="pubyear" name="pubyear">
                                    <option value="">Select Publication Year</option>
                                    @php
                                        getyear($curryear);
                                    @endphp
                                </select>
                            </div>
                        </div>                        
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="volnumber" class="form-label text-muted">Volume No./ Book Edition:</label>
                                <input id="volnumber" name="volnumber" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="issuenumber" class="form-label text-muted">Issue Number:</label>
                                <input id="issuenumber" name="issuenumber" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="pagenumber" class="form-label text-muted">Page Number:</label>
                                <input id="pagenumber" name="pagenumber" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="issnnumber" class="form-label text-muted">ISSN/ ISBN Number:</label>
                                <input id="issnnumber" name="issnnumber" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="peerrevw" class="form-label text-muted">Peer Review (Yes/ No):</label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Peer Review (Yes/ No)" id="peerrevw" name="peerrevw">
                                    <option value="">Select Peer Review (Yes/ No)</option>
                                    <option value="Yes" {{ $peerrevw == "Yes" ? 'selected' : '' }}>Yes</option>
                                    <option value="No" {{ $peerrevw == "No" ? 'selected' : '' }}>No</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="ugcareyesno" class="form-label text-muted">UGC Listed?: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="UGC Care List S.No. (Yes/ Not Applicable)" id="ugcareyesno" name="ugcareyesno">
                                    <option value="">Select UGC Care List S.No. (Yes/ Not Applicable)</option>
                                    <option value="Yes" {{ $ugcareyesno == "Yes" ? 'selected' : '' }}>Yes</option>
                                    <option value="No" {{ $ugcareyesno == "No" ? 'selected' : '' }}>No</option>
                                    <option value="Not Applicable" {{ $ugcareyesno == "Not Applicable" ? 'selected' : '' }}>Not Applicable</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="ugcareflink" class="form-label text-muted">If 'Yes' Enter UGC Care List S.No.:</label>
                                <input id="ugcareflink" name="ugcareflink" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="reflinkyesno" class="form-label text-muted">Reference Link/ DOI Link: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Reference Link/ DOI Link (Yes/ Not Applicable)" id="reflinkyesno" name="reflinkyesno">
                                    <option value="">Select Reference Link/ DOI Link (Yes/ Not Applicable)</option>
                                    <option value="Yes" {{ $reflinkyesno == "Yes" ? 'selected' : '' }}>Yes</option>
                                    <option value="No" {{ $reflinkyesno == "No" ? 'selected' : '' }}>No</option>
                                    <option value="Not Applicable" {{ $reflinkyesno == "Not Applicable" ? 'selected' : '' }}>Not Applicable</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="reflinkname" class="form-label text-muted">If 'Yes' Enter Reference Link/ DOI Link:</label>
                                <input id="reflinkname" name="reflinkname" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="afflinstnm" class="form-label text-muted">Name of the Affiliating Institute:</label>
                                <input id="afflinstnm" name="afflinstnm" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="impfactjrn" class="form-label text-muted">Impact Factor of Journal:</label>
                                <input id="impfactjrn" name="impfactjrn" type="text" class="form-control text-dark" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="scopusindx" class="form-label text-muted">Scopus Indexed (Yes/ Not Applicable): <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Scopus Indexed (Yes/ Not Applicable)" id="scopusindx" name="scopusindx">
                                    <option value="">Select Scopus Indexed (Yes/ Not Applicable)</option>
                                    <option value="Yes" {{ $scopusindx == "Yes" ? 'selected' : '' }}>Yes</option>
                                    <option value="No" {{ $scopusindx == "No" ? 'selected' : '' }}>No</option>
                                    <option value="Not Applicable" {{ $scopusindx == "Not Applicable" ? 'selected' : '' }}>Not Applicable</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="scindexin" class="form-label text-muted">Indexed In (Multiple Selection):</label>
                                <select multiple class="form-control select2-show-search form-select" data-placeholder="Select Indexed In (Multiple Selection)" id="scindexin" name="scindexin[]">
                                    <option value="Not Applicable" {{ $scindexin == "Not Applicable" ? 'selected' : '' }}>Not Applicable</option>
                                    <option value="PubMed" {{ $scindexin == "PubMed" ? 'selected' : '' }}>PubMed</option>
                                    <option value="Copernicus" {{ $scindexin == "Copernicus" ? 'selected' : '' }}>Copernicus</option>
                                    <option value="Thomson Reuters" {{ $scindexin == "Thomson Reuters" ? 'selected' : '' }}>Thomson Reuters</option>
                                    <option value="ABDC" {{ $scindexin == "ABDC" ? 'selected' : '' }}>ABDC</option>
                                    <option value="SCIE" {{ $scindexin == "SCIE" ? 'selected' : '' }}>SCIE</option>
                                    <option value="ESCI" {{ $scindexin == "ESCI" ? 'selected' : '' }}>ESCI</option>
                                    <option value="Web of Science" {{ $scindexin == "Web of Science" ? 'selected' : '' }}>Web of Science</option>
                                    <option value="Others" {{ $scindexin == "Others" ? 'selected' : '' }}>Others</option>
                                </select>
                            </div>
                        </div>                        
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="showhome" class="form-label text-muted">Display? (Select Yes/ No)?: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Display? (Select Yes/ No)" id="showhome" name="showhome">
                                    <option value="">Display? (Select Yes/ No)</option>
                                    <option value="Yes" {{ $showhome == "Yes" ? 'selected' : '' }}>Yes</option>
                                    <option value="No" {{ $showhome == "No" ? 'selected' : '' }}>No</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-12">
                            <div class="form-group">
                                <label for="attachfile" class="form-label text-muted">Upload Copy of Publication (First Page Only - Only PDF file & size less than 1 MB): <font style="font-weight: bold; color: red;">**</font></label>
                                <input class="form-control file-input form-control-sm" id="attachfile" name="attachfile[]" multiple type="file">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-12">
                            <div class="form-group">
                                <label for="showhome" class="form-label text-muted">Any Remarks?:</label>
                                <textarea class="form-control mb-4" placeholder="Enter remarks" id="textarea" name="remarks" maxlength="3000" rows="5"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row p-5">
                        <div class="btn-list text-end">
                            <a class="btn btn-secondary" href="{{ route('research.publication.report') }}"><i class="fa fa-list-ul me-2"></i> View Publication Report</a>
                            <button class="btn btn-success"><i class="fe fe-upload-cloud me-2"></i> Add Publication</button>
                        </div>
                    </div>                
                </form>
                </div>
            </div>
        </div>
    </div>

    <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>

@endsection