@extends('adminsection.layouts.master')

@section('title')
	Visa Index
	|| @parent
@stop

@section('page-title')
	Visa Index
@stop

@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('visa.create')}}" class="btn btn-success btn-sm float-left">
					Add New
				</a>

				<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12 float-right">
					<div class="right-actions">
						<form method="get" class="input-group form-group search-block">
							<input type="text" name="country_id" class="form-control" placeholder="Country">
							<span class="input-group-btn">
								<button class="btn btn-primary" type="submit">Search</button>
							</span>
						</form>
					</div>
				</div>
			</div>
			<div class="card-body">
				<table class="table table-bordered m-0">
					<thead>
						<tr>
							<th width="20%">#</th>
							<th width="40%">Country</th>
							<th width="40%">Actions</th>
						</tr>
					</thead>
					<tbody>
						@foreach($visas as $visa)
							<tr>
								<th scope="row">{{$loop->iteration}}</th>
								
								<td>
									{{$visa->country->name}}
								</td>
								
								<td>
									<a href="{{route('visa.edit', $visa)}}" class="btn btn-info btn-sm">
										Edit
									</a>
									<a href="#" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#deletevisa{{$visa->id}}">
										Delete
									</a>
									<a href="{{route('visa.details', $visa)}}" class="btn btn-light btn-sm">
										View
									</a>
								</td>
							</tr>

							<!-- Modal -->
							<div class="modal fade" id="deletevisa{{$visa->id}}" tabindex="-1" role="dialog" aria-hidden="true">
								<div class="modal-dialog" role="document">
									<form method="post" action="{{route('visa.delete', $visa)}}">
										@csrf
										<div class="modal-content"  style="border-radius: 0px !important;">
											<div class="modal-header">
												<h5 class="modal-title">
													Delete
												</h5>
												<button type="button" class="close" data-dismiss="modal" aria-label="Close">
													<span aria-hidden="true">&times;</span>
												</button>
											</div>
											<div class="modal-body">
												Are you sure to delete visa information of {{$visa->country->name}}?
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
												<button type="submit" class="btn btn-secondary">Confirm</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
		<span class="float-right">
			{{$visas->links()}}
		</span>
	</div>
</div>






@stop