@extends('layouts.admin')

@section('content')

<div class="content-inner container-fluid pb-0" id="page_layout">
	<div class="card-header d-flex align-items-center justify-content-end flex-wrap gap-3 mb-3">
        <a class="btn btn-primary" type="button" href="{{route('add-language')}}">+ Add Language</a>
    </div>
	<div class="card my-bg langu">
        <div class="card-body">
            <div class="row">
			@if(!empty($datas) && isset($datas))
			@foreach($datas as $data)
				<div class="col-lg-2 col-md-3">
					<input type="radio" class="btn-check" id="option1" >
					<label for="option1" class="form-check-label position-relative  rounded-4 card-box mb-3 " style="background:{{$data->color}};">
						<div class="d-flex align-items-center justify-content-center pt-5">
							<img src="{{ asset('language/' . $data->image) }}" id="01" class="img-fluid d-block" alt="play-img">
						</div>
						<div class="d-flex align-items-center language-icon">             
							<span class="fw-semibold text-capitalize text-light">{{$data->name}}</span>
						</div>
					</label>	
				</div>
			@endforeach
			@endif
            </div>
        </div>
    </div>
		
	
@endsection