@extends('admin.layouts.master')

@section('page_title', __('admin.Add New :name' , ['name' =>  __('admin.Language')]))

@section('page_heading', __('admin.Add New :name' , ['name' =>  __('admin.Language')]))

@section('page_text', __('admin.Add New :name' , ['name' =>  __('admin.Languages')]))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Language')

@section('page_breadcrumb_item2', 'Add Language')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-flush">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-8">
                            {!! Form::open(array('novalidate'=>'novalidate','id' => 'signupForm', 'route' => 'language.store','method'=>'POST')) !!}
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="name" class="fs-6 fw-semibold mb-2">@lang('admin.LanguageName')</label>
                                {!! Form::text('name', null, array('required'=>'required','placeholder' => '','class' => 'form-control')) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="short_slug" class="fs-6 fw-semibold mb-2">@lang('admin.ShortSlug')</label>
                                {!! Form::text('short_slug', null, array('required'=>'required','placeholder' => 'ie en or en_gb','class' => 'form-control')) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="status" class="fs-6 fw-semibold mb-2">@lang('admin.Status')</label>
                                <div>
                                    {!! Form::select('status', $statuses,[], array('class' => 'form-select','data-control'=>"select2")) !!}
                                </div>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <strong>@lang('admin.Flag'):</strong>
                                <div class="row mt-3">
                                    @foreach($flagIcons as $id=>$name)
                                        <div class="col-2 ">
                                            <div class="form-check">

                                                <div class="font-icon-wrapper">
                                                    <div class="flag {{ $name }} large mx-auto"></div>
                                                    <p>{{ $name }}</p>
                                                    <p><input type="radio" class=" " name="flag" id="flag-{{ $name }}"
                                                              value="{{ $name }}"></p>
                                                </div>
                                            </div>
                                        </div>

                                    @endforeach
                                </div>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <div class="divider"></div>

                                <div class="clearfix">
                                   
                                    <button type="submit" id="next-btn"
                                            class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                        @lang('admin.Submit')
                                    </button>
                                    <a href="{{ route('language.index') }}" id="prev-btn"
                                       class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                        @lang('admin.Cancel')
                                    </a>
                                </div>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection