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

@section('content')
<div class="page-head">
	<div class="container-fluid">

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

<div class="page-content">
	<div class="container-fluid">
	
		<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">Choose new language to add into system:</label>
					<select name="language" required class="languages-dropdown form-control">
						<option></option>
						@foreach ($table['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> <!-- .container-fluid -->
</div> <!-- .page-container -->

@endsection

@section('custom_footer')
<script type="text/javascript">


function format(state) {
    if (!state.id) return state.text; // optgroup
    return "<img class='flag' src='/gfx/flags/languages/16/" + state.id.toLowerCase() + ".png' width='16' /> " + state.text;
}
$(".languages-dropdown").select2({
    formatResult: format,
    formatSelection: format,
    escapeMarkup: function(m) { return m; }
});

</script>
@append