@extends('admin.layouts.master')
@section('pageTitle', 'Add Language')
@section('content')

		
		<div class="page-header">
			<h1 class="page-title">Manage Languages</h1>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
				<li class="breadcrumb-item active">Add Language</li>
			</ol>
			<div class="page-header-actions">
				<a class="btn btn-dark" href="{{ route('languages') }}">
				<i class="icon wb-arrow-left" aria-hidden="true"></i>
				<span class="hidden-sm-down">Back To Listing</span>
				</a>
			</div>
		</div>
		

		<script type="text/javascript">
		$(function(){
				$("#add-form").validationEngine();
			});
		</script>
		<div class="page-content container-fluid">
			<div class="row">
				<div class="col-md-12">
					<div class="language-background card card-shadow">
						<div class="card-header card-header-transparent p-20">
							<h4 class="card-title mb-0">Add Language</h4>
						</div>
						<div class="card-block">
							@if($errors->any())
								<div class="alert alert-danger">
									@foreach($errors->all() as $error)
										<p>{{ $error }}</p>
									@endforeach
								</div>
							@endif
							<form method="post" action="{{ route('store-language') }}" id="add-form" autocomplete="off" enctype="multipart/form-data">
								@csrf
								<div class="row">
									<div class="form-group col-md-6">
										<label class="form-control-label" for="name">Name</label>
										<input type="text" class="form-control validate[required]" id="name" name="name" placeholder="name" autocomplete="off" tabindex = "1" value="{{ old('name') ? old('name') : '' }}"/>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="short_name">Short Name</label>
										<input type="text" class="form-control validate[required]" id="short_name" name="short_name" placeholder="Short Name" autocomplete="off" tabindex = "2" value="{{ old('short_name') ? old('short_name') : '' }}"/>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="serial_no">Serial No</label>
										<input type="number" min="0" class="form-control validate[required]" id="serial_no" name="serial_no" autocomplete="off" tabindex = "3" value="{{ old('serial_no') ? old('serial_no') : '' }}"/>
									</div>		
								</div>
								<div class="form-group">
									<button type="submit" tabindex = "4" class="btn btn-success"><i class="icon wb-check" aria-hidden="true"></i> SAVE</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
@endsection