@extends('layouts.app')
@section('content')
    <section class="content mb-5">
        <div class="container-fluid">
            @include('partials.title-pad', [
                'title' => __('labels.country_list_heading'),
                'search' => $search,
                'searchPlaceholder' => __('placeholders.search', ['static' => __('static.country')]),
                'list' => $countries,
                'export' => 'masters.countries.export',
            ])
            <div class="mb-3 text-right"><a class="clear-filter" id="clear-filter">Clear Filter</a>

            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="mb-3">
                        <div class="dashbed-border-bottom"></div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="table-responsive bg-white">
                        <table class="table table-striped table-bordered admintable border-0" cellspacing="0"
                            cellpadding="0">
                            <tbody>
                                <tr>
                                    <th>{{ __('datatable.id') }}</th>
                                    <th>{{ __('datatable.name') }}</th>
                                    <th>{{ __('datatable.nationality') }}</th>
                                    <th>{{ __('datatable.phone_code') }}</th>
                                </tr>
                                @php
                                $startingIndex = ($countries->currentPage() - 1) * $countries->perPage() + 1;
                                @endphp
                                @forelse ($countries as $key => $country)
                                    <tr>
                                        <td>{{ $startingIndex + $key }}</td>
                                        <td>{{ $country->name }}</td>
                                        <td>{{ $country->nationality }}</td>
                                        <td>+ {{ $country->phone_code }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10">
                                            <p>
                                                <center class="text-danger">{{ __('labels.no_records_found') }}
                                                </center>
                                            </p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                {{-- Pagination --}}
                {{ $countries->links('partials.pagination') }}
                {{-- Pagination End --}}
            </div>

            <style>
                #clear-filter {
                    cursor: pointer;
                }
                #map1 {
                    height: 100%;
                }
                .footer-row {
                    margin-left: 118px !important;
                }
            </style>
        </div>
    </section>
    @section('scripts')
        <script>
            $(document).ready(function() {
                $('#clear-filter').on('click', function() {
                    var currentURL = window.location.href.split('?')[0];
                    window.location.href = currentURL;
                });
            });
        </script>
    @endsection
@endsection