@extends('layouts.adminlayout')

@section('content')


	<style>
		table{
			/*background: #fff;*/
			box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
			border: 0px;
		}

		thead{
			background: #0776aa;
			color: black;
		}

		th{
			margin: 0px;
			padding: 10px;
		}

		.inContainer{
			display: grid;
			grid-template-columns: 1fr 1fr;
		}

		form{
			text-align: center;
		}

		input{
			display: inline-block;
			padding: 10px;
			border-radius: 5px;
			border: 0px;
		}
	</style>

	<div class="inContainer">
					<table class="table table-striped ">
			<thead>
				<th>
					ID
				</th>
				<th>
					Plant Name
				</th>
				<th>
					Site Name
				</th>
				<th colspan="2">
					Action
				</th>
			</thead>
			<tbody>
				@foreach($plants as $index => $plant)
				<tr>
					<td>
						{{$index + 1}}
					</td>
					<td>
						{{$plant->name}}
					</td>
					<td>
						{{$plant->territory->name}}
					</td>
					<td style=" text-align: center; display:none;">
						<a href="{{url('/')}}/plant/delete/{{$plant->id}}" class="delete">
							DELETE
						</a>
					</td>
					<td style=" text-align: center;">
						<a href="{{url('/')}}/plant/edit/{{$plant->id}}" class="edit">
							EDIT
						</a>
					</td>
				</tr>
				@endforeach
			</tbody>
		</table>
		<form action="{{url('/')}}/plant/update/{{$eplant->id}}" method="post">
			<h1>Edit Site</h1>
			<input type="text" required="required" name="name" placeholder="Edit Site" value="{{$eplant->name}}">
			{{ csrf_field() }}
			<input style="background: #EDF8A8; cursor: pointer;"  type="submit">
		</form>
	</div>


@endsection