@extends('admin::layout.default')

@section('content')
@include('admin::pages.settings.languages.header')

<div class="page-content">
	<div class="container-fluid">
		
		<div class="row">
			<div class="col-md-8">

				<div class="portlet light">
					<div class="portlet-title">
						<div class="caption">
							<i class="fa fa-cogs font-purple-sharp"></i>
							<span class="caption-subject font-purple-sharp bold uppercase">{{ trans('admin.ACTIVATE_LANGUAGES') }}</span>
						</div> <!-- #end .portlet-caption -->
					</div> <!-- end .portlet-tile -->
					<div class="portlet-body flip-scroll">

						<table class="table table-bordered table-striped table-hover table-advance" id="sortTableSkupine" data-url="{{ route('admin_settings_language_sort') }}">
							<thead>
								<tr>
									<th class="text-center">{{ trans('admin.OPTIONS') }}</th>
									<th>{{ trans('admin.LANGUAGE') }}</th>
									<th>{{ trans('admin.COUNTRY') }}</th>
									<th class="text-center">{{ trans('admin.ACTIVE') }}</th>
									<th class="text-center">{{ trans('admin.FLAG') }}</th>
									<th class="text-center">{{ trans('admin.SORT') }}</th>
								</tr>  
							</thead>
							<tbody>
							@foreach($table as $row)
								<tr id="{{$row->language_id}}">
									<td width="20">
										<a href="javascript:Confirm('{{ $_SERVER['REDIRECT_URL'] }}/delete/{{$row->iso}}','Delete?');">
											<img src="/gfx/16x16/trash.gif" width="16" height="16" border="0" alt="">
										</a>
									</td> 
									<td class="text-center">{{ $row->iso }}</td>
									<td>{{ $row->LanguageName }}</td>
									<td class="text-center">
										@if ($row->active == 1)
										<input type="checkbox" checked class="make-switch" data-size="small" data-label-icon="fa fa-fullscreen" data-on-text="<i class='fa fa-check'></i>" data-off-text="<i class='fa fa-times'></i>">
										@else
										<input type="checkbox" class="make-switch" data-size="small" data-label-icon="fa fa-fullscreen" data-on-text="<i class='fa fa-check'></i>" data-off-text="<i class='fa fa-times'></i>">
										@endif
									</td>

									<td class="text-center"><img src="/gfx/flags/languages/24/{{ $row->iso }}.png"alt=""></td>
									<td class="dragHandle text-center"><i class="fa fa-sort fa-fw"></i></td>
								</tr>
							@endforeach
							</tbody>
						</table>
					</div>
				</div>

			</div> <!-- end .col-md-8 -->
			<div class="col-md-4">

				<div class="portlet light">
					<div class="portlet-title">
						<div class="caption">
							<i class="fa fa-cogs font-purple-sharp"></i>
							<span class="caption-subject font-purple-sharp bold uppercase">{{ trans('admin.ACTIVATE_NEW_LANGUAGE') }}</span>
						</div> <!-- #end .portlet-caption -->
					</div> <!-- end .portlet-tile -->
					<div class="portlet-body flip-scroll">

						<form action="{{ route('admin_settings_language_add') }}"  method="post">


							<label class="label-control">{{trans('admin.CHOOSE_LANGUAGE')}}</label><br>

							<select name="language" required class="select2" style="width:100%">
								<option></option>
								@foreach ($languages as $row)
									<option value="{{$row['iso']}}">{{$row['LanguageName']}}</option>
								@endforeach
							</select> &nbsp;&nbsp;
							<br>
							
							<input type="hidden" name="action" value="add">
							<input type="hidden" name="confirm" value="true">
							{!! csrf_field() !!}
							<button type="submit" class="btn btn-success"><i class="fa fa-save fa-fw"></i> {{ trans('admin.ACTIVATE') }}</button>
						</form>
					</div>
				</div>



			</div> <!-- end .col-md-4 -->
		</div> <!-- end .row -->

	</div> <!-- .container -->
</div> <!-- .page-container -->
@endsection



@section('custom_header')
<link href="/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css">
@append


@section('custom_footer')

<script src="/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
@append