@extends('layouts.master')
@section('title', $title)
@section('content')
 <link rel="stylesheet" href="{{ asset('css/joborderlisting.css') }}" />
		<div class="color" style="margin: 0px 43px !important;"> 
			  <div class="heading">
				<img src="{{ asset('images/Joborderlisting.png')}} " alt="" />
				<p class="main_role"><b style="float: left;font-size: 27px;">Candidates Assessment Listing</b></p> 
			  </div> 
			  <a href="{{ route('joborderassessment.create') }}">
				  <div class="newstatus">
					<img src="{{ asset('images/email_template.png') }}" style="width:25px;">
					 <p style="padding-top:9px;float: left;font-size: 24px;">Add New Assessment</p>
				  </div>
			  </a> 
        </div>
		<div class="container1" style="    margin: 0 42px;">
					@if ($error = Session::get('error'))
						<div class="alert alert-danger">
							<p>{{ $error }}</p>
						</div>
						@endif
						@if ($success = Session::get('success'))
						<div class="alert alert-success">
							<p>{{ $success }}</p>
						</div>
					@endif
			<table class="table table-striped">
			  <thead>
				<tr>
				  <th scope="col">
				  Assessment Type
				  </th>
				  <th scope="col">
					Weightage
				  </th>  
				  <th scope="col">Action</th> 
				</tr>
			  </thead>
			  <tbody>
				@if($statuses)
                @foreach($statuses as $status)
				<tr>
				  <td><a style="color:black" href="">{{ $status->type }}</a></td>
				  <td>{{ $status->weights }}</td> 
				  <td> 
					<a href="{{ route('joborderassessment.edit',$status->candidate_joborder_assessment_id) }}"
					class="button_edit" data-toggle="" data-target="#deletemodel" >Edit</a>
                    <a href="#" class="deleteentry button_delete" data-toggle="modal" data-target="#deletemodel" data-itemId="{{ $status->candidate_joborder_assessment_id }}">Delete</a>
				 </td> 
				</tr>
				 @endforeach
                 @endif
			  </tbody>
			</table>
      </div>
 
<div class="modal fade" id="deletemodel" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Delete</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                Are you sure you want to delete?
            </div>
            <div class="modal-footer">
                <form method="POST" id="deleteEntryForm" action="{{ route('joborderassessment.delete') }}">
                    {{ csrf_field() }}
                    <input type="hidden" name="id" value="" id="itemId">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-primary" id="deleteentry">Yes</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

<style type="text/css">
.table-striped tbody tr:nth-of-type(odd) { background-color: white !important;}
.table thead th {vertical-align: center; text-align: center;}
.table td, .table th{text-align: center; font-size: 20px; vertical-align: middle;}
a:hover {
    color: black;
}
</style>