@extends('layouts.admin')

@section('title','Regions')

@section('content')

<div class="container py-4">

    <div class="card">

        <div class="card-header d-flex justify-content-between">
            <h5>Regions</h5>

            <a href="{{ route('region.create') }}" class="btn btn-primary">
                Add Region
            </a>

        </div>

        <div class="card-body">

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

            <table class="table table-bordered">

                <thead>
                    <tr>
                        <th>Sr No.</th>
                        <th>Name</th>
                        <th>Description</th>
                        <th width="150">Action</th>
                    </tr>
                </thead>

                <tbody>

                    @foreach($regions as $region)

                    <tr>

                        <td>{{ $loop->iteration }}</td>

                        <td>{{ $region->name }}</td>

                        <td>{{ $region->description }}</td>

                        <td>

                            <a href="{{ route('region.edit',$region->id) }}" class="btn btn-sm btn-warning">
                                Edit
                            </a>

                            <form action="{{ route('region.destroy',$region->id) }}" method="POST"
                                style="display:inline-block">

                                @csrf
                                @method('DELETE')

                                <button class="btn btn-sm btn-danger" onclick="return confirm('Delete this region?')">
                                    Delete
                                </button>

                            </form>

                        </td>

                    </tr>

                    @endforeach

                </tbody>

            </table>

        </div>
    </div>
</div>

@endsection