@extends('layouts.app')
@section('content')
<div class="container">
	 @if(session()->has('status'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
    		{{ session('status') }}
    		<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
		</div>
     @endif
    <div class="row my-2">
    	<div class="col-md-12 d-flex justify-content-end">
    		<a href="{{ route('region.create') }}" class="btn btn-primary">Napravi</a>
    	</div>
    </div>
	<ul class="list-group list-group-flush">
		@foreach($regions as $region)
		<li class="list-group-item">
			<div class="row">
					<div class="col-md-8">
						<a href="{{ route('region.view', $region->id) }}" class="text-decoration-none text-dark">
							<h3>{{ $region->region_name }}</h3>
						</a>
					</div>

				<div class="col-md-4 d-flex justify-content-end">
					<a href="{{ route('region.edit', $region->id) }}" class="btn btn-warning ms-2">Uredi</a>
					<a href="{{ route('region.delete', $region->id) }}" class="btn btn-danger ms-2">Izbrisi</a>
				</div>
			</div>
		</li>
		@endforeach
	</ul>

	<div class="d-flex justify-content-center mt-4">
		{{ $regions->links() }}
	</div>
</div>
@endsection