@extends('mainlayout.layout')


@section('title')
@endsection


@section('content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h4 class="mb-0 font-size-18">View Countries</h4>
        </div>
    </div>
</div>
<!-- end page title -->


<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <p class="text-muted">List of countries in operation</p>

                <div class="table-responsive">

                    <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap"
                        style="border-collapse: collapse; border-spacing: 0; width: 100%;">

                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Country</th>
                                <th>Regions</th>

                                <th>Created in</th>
                                <th></th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach($countries as $index =>$country)
                            <tr>
                                <th scope="row">{{ $countries->firstItem() + $index }}</th>
                                <td>{{$country->country}}</td>
                                <td><a href="/locations/view_regions/@encrypt($country->country_id)"
                                        class="text-success p-1">Regions</a></td>

                                <td>{{$country->created_at->format('Y-m-d')}}</td>
                                <td><a href="/countries/edit_country/@encrypt($country->country_id)"
                                        class="text-success p-1"><i class="bx bxs-edit-alt"></i></a></td>
                                <td>
                                    <form method="POST" action="{{ url('/countries/delete/' . encrypt($country->country_id)) }}">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-link text-danger p-1" aria-label="Delete country {{ $country->country }}"><i class="bx bxs-trash"></i></button>
                                    </form>
                                </td>
                            </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>
                <div class="mt-3">{{ $countries->links('pagination::bootstrap-4') }}</div>

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


@endsection