@extends('adminsection.layouts.master')

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

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

@section('main-content')

	@if(isset($message) || Session::has('message'))
	<div class="row gutters">
		<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
			<div class="alert alert-danger">
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<i class="icon-warning2"></i>
				<strong>Failed!</strong> 
				{!! isset($message) ? $message : Session::get('message') !!}
			</div>
		</div>
	</div>
	@endif


<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.index')}}" class="btn btn-info btn-sm">
					All Countrirs
				</a>
			</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%">Front Featured Image</th>
							<th class="center" width="35%">Actions</th>
						</tr>
					</thead>
					<tbody>
						@foreach($featured_countries as $featured_country)
							<tr>
								<th  class="center" scope="row">
									{{$loop->iteration}}
								</th>
								
								<td class="center">
									{{$featured_country->name}}
								</td>
								
								<td class="center" >
									@if($featured_country->featured_images)
									<img src="{{asset('uploads/country-featured/'.$featured_country->featured_images)}}" style="width: auto; height: 30px;">
									@else
										No Image
									@endif
								</td>
								<td class="center">
									<a class="btn btn-info btn-sm" href="#" data-toggle="modal" data-target="#enterDetailsCountry{{$featured_country->id}}">
								    	Edit
								    </a>
								</td>
							</tr>

							<div class="modal fade" id="enterDetailsCountry{{$featured_country->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
								<div class="modal-dialog modal-lg" role="document" >
									<form method="post" enctype="multipart/form-data">
										@csrf
										<div class="modal-content"  style="border-radius: 0px !important;">
											<div class="modal-header">
												<h5 class="modal-title">
													{{$featured_country->name}}
												</h5>
												<button type="button" class="close" data-dismiss="modal" aria-label="Close">
													<span aria-hidden="true">&times;</span>
												</button>
											</div>
											<div class="modal-body">
												<div class="form-row">
													<div class="form-group col-md-12">
														<input type="hidden" name="old_country_id" value="{{$featured_country->id}}">

														<input type="hidden" name="loop_id" value="{{$loop->iteration}}">

														<label>Country</label>
														<select class="form-control" name="country_id">
															@foreach($countries as $country)
																<option value="{{$country->id}}" 
																	@if($country->id == $featured_country->country_id) selected @endif>
																	{{$country->name}}
																</option>
															@endforeach
														</select>
													</div>
												</div>

												<div class="form-row">
													<div class="form-group col-md-12">
														<label>Featured Image</label>
														<input type="file" name="featured_images" class="form-control">
														<small>
															@if($loop->iteration == 3)
																Image must be potrait
															@else
																Image must be landscape
															@endif
														</small>
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
												<button type="submit" class="btn btn-primary">Save</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
@stop


@section('js')
	@parent
@stop