@extends('layouts.default')
@section('content')

<!-- page content -->
<script src="https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script>
<div class="right_col" role="main">
    <div class="page-title">
      	<div class="title_left">
       	 	<h3>
       	 		Technologies Wise Consultants List
   	 		</h3>
     	</div>
     	@if(!Entrust::hasRole('trainer') && !Entrust::hasRole('student_recruiter'))
     	<div class="title_right">
          	<div class="text-right">
	            <a href="{!! URL::to('employee/create') !!}" class="btn btn-primary btn-sm">Add New Consultant</a>
         	</div>
	    </div>
	    @endif
    </div>
   <div class="x_panel">
            <div class="col-md-8 col-sm-8 col-xs-12">
               <label class="col-md-3 control-label">Select Technologies</label>
                    <div class="col-sm-4">
                         <select name="tech_id" class="form-control select_box" style="width: 100%" id="technology_select">
                            <option value="0">Select Technology</option>
                            @foreach($technologies as $tech)
                                <option id="tech" value="{{$tech->id}}" selected="selected">{{ $tech->name }}</option>
                            @endforeach
                        </select>
                    </div>
            </div>
        </div>
 	<div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
	            <div class="x_content text-center">
                    <!-- <i class="fa fa-spinner fa-spin fa-5x" id="spinner"></i> -->
                    <div id="technology_students_div"></div>   
                </div>
            </div>
        </div>
 	</div>
</div>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Resume</h4>
            </div>
            <div class="modal-body"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
function getResume(id){
    $.ajax({
        url: '