<?php include ('header.php'); ?>

<section  class="inner-page-desh-pd">

    <div class="container">

        <div class="row">  

            <div class="col-lg-12 col-md-12 col-sm-12 P0">

            	<div class="col-lg-2 col-md-2 P0">

		        	<div class=" login-css P0">Candidate Listing</div>

		        </div>

		        <div class="col-lg-2 col-md-2">

		        	<a data-toggle="modal" data-target="#myModal" class="grid-title position Z0"><i class="fa fa-filter"></i> Filters By</a>

		        </div>

            	<div class="col-lg-8 col-md-8 PDR0">

		        	<div class="form-group has-search MB10">

					    <span class="fa fa-search form-control-feedback"></span>

					    <input type="text" class="form-control" placeholder="Search ">

					 </div>	

		        </div>

            	<div class="candidate_list">

            		<table class="table table-responsive  table-bordered text-center">

						<thead class="text-center">

						  	<tr>

							    <th class="tab_head text-center">Sr No.</th>

							    <th class="tab_head text-center">Candidate Name</th>

							    <th class="tab_head text-center">Client Name</th>

							    <th class="tab_head text-center">Job Title</th>

							    <th class="tab_head text-center">Position</th>

							    <th class="tab_head text-center">Status</th>

							    <th class="tab_head text-center">Action</th>

							    

						  	</tr>

						</thead>

						<tbody>

						  	<tr>

						  		<td>1</td>

							    <td>Vivek</td>

							    <td>Indusland Bank</td>

							    <td>Manager</td>

							    <td>EC Relation Manager (Mumbai)</td>

							    <td><p class="candidate_btn" href="">Screening Reject</p></td>

							    <td> 

                                  <a class="dis_block">View Comment</a> 

                                  <a data-toggle="modal" data-target="#commentModal"  class="dis_block">Add Comment</a>

                                  <a data-toggle="modal" data-target="#statusModal" class="dis_block">Change Status</a>

								</td>

						    </tr>

						    <tr>

						    	<td>2</td>

							    <td>Vivek</td>

							    <td>Indusland Bank</td>

							    <td>Manager</td>

							    <td>EC Relation Manager (Mumbai)</td>

							    <td><p class="candidate_btn" href="">Screening Reject</p></td>

							    <td>

							    	<a class="dis_block">View Comment</a>

                                  <a data-toggle="modal" data-target="#commentModal"  class="dis_block">Add Comment</a>

                                  <a data-toggle="modal" data-target="#statusModal" class="dis_block">Change Status</a>

							    </td>

						    </tr>

						    <tr>

						    	<td>3</td>

							    <td>Vivek</td>

							    <td>Indusland Bank</td>

							    <td>Manager</td>

							    <td>EC Relation Manager (Mumbai)</td>

							    <td><p class="candidate_btn" href="">Screening Reject</p></td>

							    <td>

							    	<a class="dis_block">View Comment</a>

                                  <a data-toggle="modal" data-target="#commentModal"  class="dis_block">Add Comment</a>

                                  <a data-toggle="modal" data-target="#statusModal" class="dis_block">Change Status</a>

							    </td>

						    </tr>

						    <tr>

						    	<td>4</td>

							    <td>Vivek</td>

							    <td>Indusland Bank</td>

							    <td>Manager</td>

							    <td>EC Relation Manager (Mumbai)</td>

							    <td><p class="candidate_btn" href="">Screening Reject</p></td>

							    <td>

							    	<a class="dis_block">View Comment</a>

                                  <a data-toggle="modal" data-target="#commentModal"  class="dis_block">Add Comment</a>

                                  <a data-toggle="modal" data-target="#statusModal" class="dis_block">Change Status</a>

							    </td>

						    </tr>

						</tbody>

					</table>

            	</div>

            </div>

            <ul class="pagination bor_none pull-right">

              	<li class="disabled"><a href="#">«</a></li>

                <li class="active"><a href="#">1</a></li>

                <li><a href="#">2</a></li>

                <li><a href="#">3</a></li>

                <li><a href="#">....</a></li>

                <li><a href="#">5</a></li>

                <li><a href="#">»</a></li>

            </ul>

        </div>

    </div>

</section>

<div class="modal candidate_list_modal" id="myModal">

    <div class="modal-dialog ">

        <div class="modal-content custm_modal">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h4 class="modal-title">Filter By</h4>

            </div>

            <div class="modal-body">

               <div class="row">

		<div class="col-xs-12">

			<!-- tabs -->

			<div class="tabbable tabs-left">

				<ul class="nav nav-tabs col-lg-3">

					<li class="active"><a href="#home" data-toggle="tab">Status</a></li>

					<li><a href="#about" data-toggle="tab">Notice Period</a></li>

					<li><a href="#services" data-toggle="tab">CTC</a></li>

				</ul>

				<div class="tab-content col-lg-9">

					<div class="tab-pane active" id="home">                

						<div class="">

							<div class="form-group col-md-12 mb-0 P0">

                                <div class="form-check  ">

                                    <label>

                                        <input class="form-check-input position-static" type="checkbox" id="blankCheckbox" value="option1" aria-label="...">

                                       Select All

                                    </label>

                                </div>



                                <div class="form-check  ">

                                    <label>

                                        <input class="form-check-input position-static" type="checkbox" id="blankCheckbox" value="option1" aria-label="...">

                                        Candidate Interview Backout

                                    </label>

                                </div>

                                <div class="form-check  ">

                                    <label>

                                        <input class="form-check-input position-static" type="checkbox" id="blankCheckbox" value="option1" aria-label="...">

                                        Screening Reject

                                    </label>

                                </div>

                            </div>

							<button type="save" class="btn btn-primary btn_Save">Save</button>

                        	<button type="Close" class="btn btn-danger btn_cancel">Reset</button>                

						</div>

					</div> 

					<div class="tab-pane" id="about"> 

						

						<div class="form-group col-md-12">

                           

                            <div class="radio col-md-12">

                                <label>

                                    <input type="radio" name="contact-preference" id="contact-preference" value="am" checked=""> <span class="F18">&#62;</span> Immediate

                                </label>

                            </div>

                            <div class="radio col-md-12">

                                <label>

                                    <input type="radio" name="contact-preference" id="contact-preference" value="pm" checked=""><span class="F18">&#62;</span> 15

                                </label>

                            </div>

                             <div class="radio col-md-12">

                                <label>

                                    <input type="radio" name="contact-preference" id="contact-preference" value="pm" checked=""><span class="F18">&#62;</span> 30

                                </label>

                            </div>

                             <div class="radio col-md-12">

                                <label>

                                    <input type="radio" name="contact-preference" id="contact-preference" value="pm" checked=""><span class="F18">&#62;</span> 45

                                </label>

                            </div>

                             <div class="radio col-md-12">

                                <label>

                                    <input type="radio" name="contact-preference" id="contact-preference" value="pm" checked=""><span class="F18">&#62;</span> 60

                                </label>

                            </div>

                        </div>

                        <button type="save" class="btn btn-primary btn_Save">Save</button>

                        <button type="Close" class="btn btn-danger btn_cancel">Reset</button>

					</div>

				

					<div class="tab-pane" id="services"> 

						<div class="">

							 

							<div class="form-group col-md-12">

                                <label>Min (Lakh) </label>

                                <input type="text" class="form-control" value="" placeholder="Please enter CTC">

                            </div>

                            <div class="form-group col-md-12">

                                <label>Max (Lakh)  </label>

                                <input type="text" class="form-control" value="" placeholder="Please enter CTC">

                            </div>               

						</div>

						<button type="save" class="btn btn-primary btn_Save">Save</button>

                        <button type="Close" class="btn btn-danger btn_cancel">Reset</button>

					</div>

				</div>

			</div>

			<!-- /tabs -->

		</div>

	</div>

            </div> 

        </div>  

    </div>

</div>

<div class="modal" id="viewModal">

    <div class="modal-dialog ">

        <div class="modal-content custm_modal">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h4 class="modal-title">View Comment</h4>

            </div>

            <div class="modal-body">

               <div class="form-group">

                    <label>View Comment<span class="star"> *</span></label>

                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>

                    <!-- <textarea id="w3mission" rows="4" cols="50"></textarea> -->

                </div>

                <button type="submit" form="nameform" value="Submit"  class="btn btn-primary btn_Save">Submit</button>

                <button type="Reset" form="nameform" value="Reset" class="btn btn-danger btn_cancel">Reset</button>

            </div> 

        </div>  

    </div>

</div>

<div class="modal" id="commentModal">

    <div class="modal-dialog ">

        <div class="modal-content custm_modal">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h4 class="modal-title">Add Comment</h4>

            </div>

            <div class="modal-body">

               <div class="form-group">

                    <label>Add Comment<span class="star"> *</span></label>

                    <textarea id="w3mission" rows="4" cols="50"></textarea>

                </div>

                <button type="submit" form="nameform" value="Submit"  class="btn btn-primary btn_Save">Submit</button>

                <button type="Reset" form="nameform" value="Reset" class="btn btn-danger btn_cancel">Reset</button>

            </div> 

        </div>  

    </div>

</div>

<div class="modal" id="statusModal">

    <div class="modal-dialog ">

        <div class="modal-content custm_modal">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h4 class="modal-title">Add Comment</h4>

            </div>

            <div class="modal-body">

            	<div class="form-group P0 MB0">

                    <label>Change Status</label>

                </div>

                <div class="form-group  select-border P0">

                    <select class="form-control basic-select select2-hidden-accessible" data-select2-id="10" tabindex="-1" aria-hidden="true">

                      	<option value="value 01" data-select2-id="12">Screen in Reject</option>

                      	<option value="value 02">Candidate Interview Backout</option>

                      	<option value="value 03">Interview Schedule</option>

                    </select>

                    <span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="11" style="width: 460px;">

                        <span class="selection">

                            <span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-meqv-container">

                                <span class="select2-selection__rendered" id="select2-meqv-container" role="textbox" aria-readonly="true" title="10000">Change Status</span>

                                <span class="select2-selection__arrow" role="presentation">

                                    <b role="presentation"></b>

                                </span>

                            </span>

                        </span>

                        <span class="dropdown-wrapper" aria-hidden="true"></span>

                    </span>

                </div>

                <button type="submit" form="nameform" value="Submit"  class="btn btn-primary btn_Save">Submit</button>

                <button type="Reset" form="nameform" value="Reset" class="btn btn-danger btn_cancel">Reset</button>

            </div> 

        </div>  

    </div>

</div>

<?php include ('footer.php'); ?>