@extends('adminsection.layouts.master')

@section('title')
	Country List
	|| @parent
@stop

@section('page-title')
	Country List 
@stop

@section('css')
	@parent
	<link href="{{asset('adminsection/vendor/summernote/summernote-bs4.css')}}" rel="stylesheet">
@stop

<style>
	.zoom:hover {
	  transform: scale(6.0);
	}
</style>

@section('main-content')
<div class="row gutters">
	<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
		<div class="card">
			<div class="card-header">
				<a href="{{route('country.create')}}" class="btn btn-success btn-sm">
					Add New
				</a>

				<a href="{{route('country.featured')}}" class="btn btn-info btn-sm">
					Featured Countries
				</a>

				<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12 float-right">
					<div class="right-actions">
						<div class="input-group form-group search-block">
							<input type="text" class="form-control" placeholder="Search for..." aria-label="Search for...">
							<span class="input-group-btn">
								<button class="btn btn-primary" type="button">Search</button>
							</span>
						</div>
					</div>
				</div>
			</div>
			<div class="card-body">
				<table class="table table-bordered m-0">
					<thead>
						<tr>
							<th class="center" width="10%">#</th>
							<th class="center" width="25%">Country Name</th>
							<th class="center" width="25%">Flag</th>
							<th class="center" width="35%">Actions</th>
						</tr>
					</thead>
					<tbody>
						@foreach($countries as $country)