@extends('layouts.admin')

@section('content')

<div class="content-inner container-fluid pb-0" id="page_layout">
		<div class="row">
			<div class="col-lg-12">
					<div class="card my-bg ">
					<div class="card-header d-flex align-items-center justify-content-between flex-wrap gap-3">
						<h4 class="mb-0">Add Language</h4> 
					</div>				
						<div class="card-body">
						<div class="row">
						   <div class="col-lg-6">
						   <form class="" method="POST" action="{{ route('language-store') }}" enctype="multipart/form-data" >
						   @csrf
								<div class="mb-3">
									<label for="catename" class="form-label">Language name <span class="text-danger">*</span></label>
									<input type="text" name="name" class="form-control" id="catename" placeholder="" required>
								</div>
								<div class="mb-3">
									<label for="catename" class="form-label">Background color <span class="text-danger">*</span></label>
									<input type="color" class="form-control" name="color" style="height: 40px;" required>
								</div>
							     <div class="form-group">
										<label for="customFile1" class="form-label custom-file-input">Language Icon <span class="text-danger">*</span></label>
										<input class="form-control" type="file" name="image" id="customFile1" required>
									</div>
								<button type="submit" class="btn btn-danger">Save</button>
							</form>
							</div>
							<div class="col-lg-6">
							</div>
					   <div>
					</div>
				</div>
			</div>
			</div>
			</div>
	</div>
@endsection