@extends('layouts.app')

@section('title', $window_title)

@section('content')
<section class="section" style="min-height:80vh;" id="static_contents_edit_form_page">
	<div class="container">
		<div class="columns is-centered">
			<div class="column is-four-fifth-widescreen">
				<h1 class="title is-3">
					{{ __('titles.pages.edit_static_contents') }}
				</h1>
			</div>
		</div>
		<div class="columns is-centered">
			<div class="column is-four-fifth-widescreen">
				<form action="{{ route('journals.contents.update', ['content_name' => $content_name]) }}" id="static_content_edit_form" method="POST" novalidate="novalidate">
					@csrf
					@method('PUT')
					<div class="field">
						<label for="content" class="label">
							{{ __('labels.' . $content_name) }}
							@contexterror(['field' => 'content'])
						</label>
						<textarea name="content" id="content" rows="10" class="textarea">{{ $journal->{$content_name} }}</textarea>
					</div>
					<input type="hidden" name="content_name" id="content_name" value="{{ $content_name }}">
					<div class="field is-grouped mt-4">
						<div class="control">
							<button class="button is-primary" type="submit" id="submit_contents_edit_form">
								{{ __('actions.shared.save') }}
							</button>
						</div>
						<div class="control">
							<button class="button is-text has-text-primary" id="cancel_button" href="{{ route('journals.contents.cancel_edit', ['content_name' => $content_name]) }}">
								{{ __('actions.shared.cancel') }}
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div id="modal_container"></div>
</section>
<script type="text/javascript" src="{{ url('/js/vendor/tinymce_6.4.1/tinymce/js/tinymce/tinymce.min.js') }}"></script>
<script type="text/javascript" src="{{ url('/js/modules/editStaticContentForm.js') }}"></script>
@endsection