@include(
	'main.components.breadcrumb',
	[
		'url' => 'module.view',
		'breadcrumb_before' => $modelUpper.' manage',
		'breadcrumb_after'  => 'Translate '.$modelLower
	]
)
<div class="pcoded-inner-content">
	<div class="main-body">
		<div class="page-wrapper">
			<div class="row">
				<div class="col-sm-4">
					<div class="card">
						<div class="card-header">
							<h4 class="mb-0">Translate {{$modelLower}}</h4>
						</div>
						<div class="card-block">
							<p>{!! __('general.form.note') !!}</p>
						</div>
					</div>
				</div>
				<div class="col-sm-8">
					<div class="card">
						<div class="card-block">
							<div class="row">
								<div class="col-sm-6">
									<div class="text-center"><img src="{{asset($languageFrom->first()->image)}}" alt="{{$languageFrom->first()->name}}" class="icon-language" /></div>
									<div class="form-group">
										<label class="col-form-label">{{$modelUpper}} name&nbsp;</label>
										<input type="text" class="form-control" value="{{$data->field_name ?? ''}}" readonly>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="text-center"><img src="{{asset($languageTo->image)}}" alt="{{$languageTo->name}}" class="icon-language" /></div>
									<form action="{{route('language.storetranslate', ['id' => $data->id, 'languageid' => $languageTo->id, 'model' => 'field'])}}" method="post">
										@csrf
										<div class="form-group">
											<label class="col-form-label">{{$modelUpper}} name&nbsp;<span class="text-danger">(*)</span></label>
											<input type="text" class="form-control @error('name') form-control-danger @enderror" name="field_name" value="{{old('field_name', $translate->field_name ?? '')}}">
											@error('name')<div class="alert alert-danger">{{ $message }}</div>@enderror
										</div>
										<div class="action text-right">
											<a href="{{route('module.view')}}" class="btn btn-outline-primary waves-effect waves-light">{{__('general.button.cancel')}}</a>
											<button type="submit" class="btn btn-primary waves-effect waves-light">{{__('general.button.save')}}</button>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>