@extends('layouts.main')
@section('title','Registered Students')
@section('content')
<div class="pcoded-content">
	<div class="pcoded-inner-content">
		<div class="main-body">
			<div class="page-wrapper">
				<div class="page-header">
					<div class="page-header-title">
						<h4>Registered Students</h4>
					</div>
					<div class="page-header-breadcrumb">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
								<a href="{{secure_url('college/dashboard')}}">
									<span class="hiremee-home"></span>
								</a>
							</li>
							<li class="breadcrumb-item"><a href="javascript:;">Registered Students</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="page-body">
          <div id="js-college-modal-view"></div>
					  {!! Form::open(array('url' => url('exportexcel-registered-student'),'method'=>'get','id'=>'reg-stu-form'))!!}
							<div class="card borderless-card">
								<div class="card-block">
									<div class="row hme-filter p-0 m-0">
										
                        <div class="col-12 col-md-6 col-xl-4 p-r-0">
                            <div class="row">
                               
                                 <div class="col-6 col-md-6 p-r-0 p-l-0 show_entries">
                                        <div class="input-group input-group-primary1 ">
                                            <span class="input-group-addon transparent-addon" id="basic-addon1"><span class="hme-filter-inline-label m-l-0 m-r-0 show_txt f-14">Show</span></span>
                                            <div class="input-group input-group-primary2 img-100">
                                                <div class="hme-select-style">
                                                 <select name="select" class="" id="js-register-student-records-count-select">
                                                    <option value="10">10</option>
                                                    <option value="25">25</option>
                                                    <option value="50">50</option>
                                                    <option value="100">100</option>
                                                  </select>
                                            </div>
                                        </div>
                                                
                                          
                                         <!--  <span class="input-group-addon transparent-addon" id="basic-addon1"><span class="hme-filter-inline-label m-l-0 m-r-0 entries_txt f-14">Entries</span></span> -->
                                        </div>
                                    </div>

                                <div class="col-6 col-md-5 p-r-0 p-l-0">
                                    <div class="input-group input-group-primary1 year_select">
                                        <span class="input-group-addon transparent-addon" id="basic-addon1"><span class="hme-filter-inline-label  m-l-0 m-r-0 year_txt f-14">Year</span></span>
                                        <div class="input-group-prepend w-75">
                                        	<div class="input-group input-group-primary2">
                                        <div class="hme-select-style">
                                        {!! Form::select("yearofcompletion",$yearofcompletion,'',array("class"=>"","id"=>"js-yearofcompletion-register")) !!}
                                    </div>
                                </div>
                                      </div>
                                    </div>
                                </div>
                            </div> 
                        </div>
                        <div class="col-12 col-md-5 col-xl-3">
                            <div class="input-group input-group-primary1 specialization_select">
                                <!-- <span class="input-group-addon transparent-addon" id="basic-addon1"><span class="hme-filter-inline-label  specialization_txt">Specialization</span></span> -->
                               
                                   {!! Form::select("specialization",$specialization,'',array("class"=>"form-control  select-drop","id"=>"js-specialization-register")) !!}
                             
                            </div>
                        </div>
                        <div class="col-12 col-md-8 col-xl-5">
                            <div class="input-group input-group-primary1 search_download_excel">
                               <!--  <span class="input-group-addon transparent-addon" id="basic-addon1"><span class="hme-filter-inline-label  m-l-0 m-r-0 search_student_txt">Search Student</span></span> -->
                                    {!! Form::hidden('from',$from,array('id'=>'js-from-date'))!!}
                                    {!! Form::hidden('to',$to,array('id'=>'js-to-date'))!!}
                                    {!! Form::text('search','',array('class'=>'form-control','placeholder'=>'Search student','id'=>'js-registered-student-search-field'))!!}
                                     <span class="input-group-addon" id="college-college-registered-student-search">
                                      <i class="hiremee-search  p-r-5 f-14 text-white"></i>
                                    </span>
                                    <span class="input-group-addon" data-toggle="tooltip" data-html="true" title="" data-original-title="Reset" id="js-college-registerstudent-search-reset">
                                     <span class="icofont icofont-refresh hiremee-refresh"></span>
                                    </span>
        
                                     {!! Form::button('<i class="hiremee-excel"></i><span class="download_excel_txt">Download Excel</span>', ['type' => 'button', 'class' => 'btn btn-sm btn-success','id'=>'excel_download'] )  !!}
                                
                            </div>
                            
                        </div>

                      
                        
                    </div>
								</div>
							</div>
				</div>
				 {!! Form::close()!!}
				<div class="clearfix"></div>
				<div class="row">
          <div class="hme-loading-mask">
                            <div class="hme-loading-container">
                                <div class="hme-dual-ring"></div>
                                <div>Please wait, Loading...</div>
                            </div>
           </div>
					<div class="col-xl-12 col-md-12 col-sm-12" id="js-component-container">
						  @forelse($strRegisteredStudent as $value)
								<div class="card borderless-card hme-card-hover">
									<div class="card-block ">
										<div class="row">
											  <div class="col-md-1 col-2">
                                        @php
                                            $canimage = $value->image ? \App\Helper\HireMeeHelper::getAWSImageUrl($value->image->s3_id,config('filesystems.disks.s3.bucket')) :""; 
                                        @endphp
                                        @if(!empty($canimage))
                                          <img class="img-48 h-48 img-circle js-college-logo" src="{{ $canimage }}" alt="User-Profile-Image">
                                         @else
                                         <img class="img-circle h-48 img-48" src="{{secure_asset('assets/images/user.png') }}" alt="User-Profile-Image">
                                        @endif 
                                        </div>
                                        <div class="col-md-3 col-10">
                                            <span class="hme-title w-b-all text-truncate">{{ ucwords($value->fullname) }}</span>
                                            <span class="hme-sub-title">HireMee ID: <strong>{{ $value->hiremee_id}}</strong></span>
                                            <span class="hme-sub-title">Fresher</span>
                                            <span class="hme-sub-title">Passing Year: <strong>{{ $value->yearofcompletion}}</strong></span>
                                        </div>
                                        <div class="col-md-3">
                                            <span class="hme-sub-title"><i class="hiremee-close-envelope p-r-5"></i> {{ $value->email_address}}</span>
                                            <span class="hme-sub-title"><i class="hiremee-mobile p-r-5"></i> {{ $value->mobile_number}}</span>
                                            <span class="hme-sub-title"><strong>Register Date:</strong> {{ $value->register_date}}</span>
                                        </div>

                                        <div class="col-md-1">
                                                <button id="js-profile-detailed-view" data-hiremee_id="{{$value->hiremee_id}}" class="btn btn-inverse btn-outline-inverse btn-icon d-flex justify-content-center" data-toggle="tooltip" data-placement="top" data-original-title="Student Profile" data-animation="false"><i class="hiremee-ellipsis f-20 m-r-0"></i></button>
                                            </div>
                                        
											<div class="col-xs-12  col-sm-6 col-md-4 col-lg-4">
												<div class="media">
													<div class="media-body">
														<p class="l-h-24 f-14 text-muted p-b-0 m-b-0">
														Skills</p>
                             @if(count($value->skills))
															@foreach($value->skills as $value)
                                @if($loop->iteration <= 5)
                               <label class="p-5 bg-89 text-white">{{$value->name}} </label> 
                               @elseif($loop->iteration == 6)
                               <strong>...</strong>
                               @endif
														    @endforeach
                             @else
                                <label class="p-5 bg-89 text-white">No Skills </label> 
                             @endif
															
													</div>
												</div>
											</div>

                      

										</div>
									</div>
								</div>
								  @empty
                                    <div class="card borderless-card hme-card-hover m-b-8">
                                    
                                    <div class="card-block ">
                                       
                                        <div class="row">
                                            <div class="col-xl-12 col-md-12 col-sm-12 text-center">
                                                 <span align="text-center">No Records Found</span>
                                            </div>
                                            
                                        </div>
                                        
                                    </div>
                                    
                                </div>

							@endforelse
					</div>
					@if($strRegisteredStudent->hasMorePages())
					 <div class="col-md-12">
                              <div class="text-center">
                                  <button class="btn btn-outline-info " id="js-register-students-load-more" data-page='2'>Load more...</button>
                              </div>
                            </div>
                        @endif
				</div>
				
			</div>
		</div>
	</div>
</div>


<!-- Modal -->


<!-- Modal -->
<!--Register student excel download -->

<script type="text/javascript">

  $("#reg-stu-form").submit(function(e){
    e.preventDefault();
  });

  $('#excel_download').on('click',function(){
  $('.hme-loading-mask').fadeIn();
  var formdata= $('#reg-stu-form').serialize();
  $.ajax({
    url:"/exportexcel-registered-student",
    type:"get",
    data:formdata,
    success:function(response){
      var a = document.createElement("a");
      a.href = response.file; 
      a.download = response.name;
      document.body.appendChild(a);
      a.click();
      a.remove();  
      $('.hme-loading-mask').fadeOut();   
    },
     error: function (ajaxContext) {
        toastr.error('Export error: '+ajaxContext.responseText);
      }
  });
});
</script>

<!--End -->
@endsection('content')