@extends('layouts.app')

@section('content')

<div class="content-header">
	<p class="title">Department List</p>
	<ul>
		<li><a href="{{ route('departments.create') }}">{{ __('Add New') }}</a></li>
	</ul>
</div>

<div class="content">
	@if(session('success'))
	<div class="alert alert-success">{{ session('success') }}</div>
	@endif

	<table class="table table-bordered">
		<thead>
			<tr>
				<th>Department Name</th>
				<th>Warehouse</th>
				<th>Actions</th>
			</tr>
		</thead>
		<tbody>
			@foreach($departments as $department)
			<tr>
				<td>{{ $department->name }}</td>
				<td>{{ $department->warehouse->name }}</td>
				<td>
					<a href="{{ route('departments.edit', $department->id) }}" class="btn btn-warning"> <i class="fas fa-edit"></i></a>
					<form action="{{ route('departments.destroy', $department->id) }}" method="POST" class="d-inline">
						@csrf
						@method('DELETE')
						<button type="submit" class="btn btn-danger"><i class="fas fa-trash"></i></button>
					</form>
				</td>
			</tr>
			@endforeach
		</tbody>
	</table>
</div>

@endsection