@extends('app')
{{-- Web site Title --}}
@section('title') Dashboard :: @parent @stop

@section('content')
	@if (isset($status))
    <div class="pad margin no-print">
        <div class="alert alert-{{$status['code']}} alert-dismissible fade in" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
            <h4><i class="icon fa fa-ban"></i> {{ $status['header'] }}</h4>
            <ul>
                @foreach ($status['messages'] as $m)
                    <li>{{$m}}</li>
                @endforeach
            </ul>
        </div>
    </div>
	@endif
	
	<div class="main-body-content w-100 ets-pt">
		<div class="d-flex align-items-center">
			<div class="heading-title mb-4">
				<h5 class="mb-0">Employee Types</h5>
				<p class="mb-0">Click to view the details</p>
			</div>
			<div class="action-btn ml-auto">
				<a href="/employee-type/create" class="btn btn-secondary "><img src="/assets/images/icons/plus-circle-solid.svg" class="mr-1 img-fluid"/> Add New</a>
			</div>
		</div>
		<div class="table-layout p-4 bg-white rounded">
			<table id="org_table" class="table table-striped responsive nowrap table_data" style="width:100%">
				<thead class="thead-light">
					<tr>
						<th>
							<div class="custom-control custom-checkbox">
								<input type="checkbox" class="custom-control-input" id="checkAll" name="checkAll">
								<label class="custom-control-label" for="checkAll"> Name</label> 
							</div>
						</th>
						<th>Organization</th>
						<th>Status</th>
						<th>Action</th>
					</tr>
				</thead>
				<tbody>
					@foreach ($data as $row)
						<tr>
							<td>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input" id="check1" name="check1">
									<label class="custom-control-label font-regular" for="check1">{{$row->name}}</label> 
								</div>
							</td>
							<td>{{$row->organization->name}}</td>
							<td>
								@if($row->status == 'active')
									<span class="circle-icon bg-success mr-2"></span>{{$row->status}}
								@elseif($row->status == 'inactive')
									<span class="circle-icon bg-danger mr-2"></span>{{$row->status}}
								@else
									<span class="circle-icon bg-warning mr-2"></span>{{$row->status}}
								@endif
							</td>
							<td>
								<div class="dropdown dropleft">
									<button class="btn btn-sm btn-icon p-0 bg-transparent" type="button"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										<img src="/assets/images/icons/view_more.svg" class="img-fluid" alt="">
									</button>
									<div class="dropdown-menu">
										<a class="dropdown-item" href="/employee-type/{{$row->id}}/edit">
											<i class="fa fa-pencil mr-2"></i> Edit
										</a>
										<a class="dropdown-item text-danger" href="/employee-type/{{$row->id}}/delete">
											<i class="fa fa-trash mr-2"></i> Remove
										</a>
									</div>
								</div>
							</td>
						</tr>
    				@endforeach
				</tbody>
			</table>
		</div>
	</div>

@endsection

{{-- Scripts --}}
@section('scripts')
    @parent

@endsection