@use(App\Models\Echoarea)
<!-- $o=Domain::class -->

@extends('layouts.app')

@section('htmlheader_title')
	@if($o->exists) Update @else Add @endif Domain
@endsection

@section('content')
	<form class="needs-validation" method="post" novalidate>
		@csrf

		<div class="row">
			<div class="col-12">
				<div class="greyframe titledbox shadow0xb0">
					<h2 class="cap">@if($o->exists) Update @else Add @endif Domain</h2>

					<div class="row">
						<div class="col-4">
							<label for="name" class="form-label">Name</label>
							<div class="input-group has-validation">
								<span class="input-group-text"><i class="bi bi-tag-fill"></i></span>
								<input type="text" class="form-control @error('name') is-invalid @enderror" id="name" placeholder="Name" name="name" value="{{ old('name',$o->name) }}" required @cannot('admin',$o)disabled @endcannot autofocus autocomplete="off">
								<span class="invalid-feedback" role="alert">
									@error('name')
										{{ $message }}
									@else
										A name is required.
									@enderror
								</span>
							</div>
						</div>

						<div class="col-2">
							<label class="form-label">Active</label>
							<div class="input-group">
								<div class="btn-group" role="group">
									<input type="radio" class="btn-check" name="active" id="active_yes" value="1" required @cannot('admin',$o)disabled @endcannot @if(old('active',$o->active))checked @endif>
									<label class="btn btn-outline-success" for="active_yes">Yes</label>

									<input type="radio" class="btn-check btn-danger" name="active" id="active_no" value="0" required @cannot('admin',$o)disabled @endcannot @if(! old('active',$o->active))checked @endif>
									<label class="btn btn-outline-danger" for="active_no">No</label>
								</div>
							</div>
						</div>

						<div class="col-2">
							@if ($o->zones?->count() > 1)
								<label class="form-label">Flatten Zones <i class="bi bi-info-circle" title="Treat this domain as a 2D domain"></i></label>
								<div class="input-group">
									<div class="btn-group" role="group">
										<input type="radio" class="btn-check" name="flatten" id="flatten_yes" value="1" required @if(old('flatten',$o->flatten))checked @endif>
										<label class="btn btn-outline-warning" for="flatten_yes">Yes</label>

										<input type="radio" class="btn-check btn-danger" name="flatten" id="flatten_no" value="0" required @if(! old('flatten',$o->flatten))checked @endif>
										<label class="btn btn-outline-success" for="flatten_no">No</label>
									</div>
								</div>
							@endif
						</div>

						<div class="col-4">
							@if ($o->isManaged())
								@if ($o->nodelist_filename)
									<label for="nodelist_filename" class="form-label">Nodelist File</label>
									<div class="input-group">
										<span class="input-group-text"><i class="bi bi-file-earmark-break-fill"></i></span>
										<input type="text" class="form-control" id="nodelist_filename" placeholder="Nodelist" name="nodelist_filename" value="{{ $o->nodelist_filename }}" readonly>
									</div>
								@else
									No Nodelist file
								@endif
							@else
								This domain is not configured here.
							@endif
						</div>
					</div>

					<div class="row">
						<div class="col-4">
							<label for="dnsdomain" class="form-label">DNS Domain</label>
							<div class="input-group has-validation">
								<span class="input-group-text"><i class="bi bi-globe"></i></span>
								<input type="text" class="form-control @error('dnsdomain') is-invalid @enderror" id="dnsdomain" placeholder="DNS Domain (if applicable)" name="dnsdomain" value="{{ old('dnsdomain',$o->dnsdomain) }}" @cannot('admin',$o)disabled @endcannot>
								<span class="invalid-feedback" role="alert">
									@error('dnsdomain')
										{{ $message }}
									@enderror
								</span>
							</div>
						</div>

						<div class="col-2">
							<label class="form-label">Public</label>
							<div class="input-group">
								<div class="btn-group" role="group">
									<input type="radio" class="btn-check" name="public" id="public_yes" value="1" required @cannot('admin',$o)disabled @endcannot @if(old('public',$o->public))checked @endif>
									<label class="btn btn-outline-success" for="public_yes">Yes</label>

									<input type="radio" class="btn-check btn-danger" name="public" id="public_no" value="0" required @cannot('admin',$o)disabled @endcannot @if(! old('public',$o->public))checked @endif>
									<label class="btn btn-outline-danger" for="public_no">No</label>
								</div>
							</div>
						</div>

						<div class="col-2">
							@if ($o->isManaged())
								<label class="form-label">Applications</label>
								<div class="input-group">
									<div class="btn-group" role="group">
										<input type="radio" class="btn-check" name="accept_app" id="accept_app_yes" value="1" required @cannot('admin',$o)disabled @endcannot @if(old('accept_app',$o->accept_app))checked @endif>
										<label class="btn btn-outline-success" for="accept_app_yes">Yes</label>

										<input type="radio" class="btn-check btn-danger" name="accept_app" id="accept_app_no" value="0" required @cannot('admin',$o)disabled @endcannot @if(! old('accept_app',$o->accept_app))checked @endif>
										<label class="btn btn-outline-danger" for="accept_app_no">No</label>
									</div>
								</div>
							@endif
						</div>

						@if ($o->nodelist_filename)
							<div class="col-4">
								<label for="nodelist" class="form-label">Nodelist File Area</label>
								<a href="{{ url('filearea/addedit',$o->nodelist_filearea_id) }}">
								<div class="input-group">
									<span class="input-group-text"><i class="bi bi-collection-fill"></i></span>
									<input type="text" class="form-control @error('nodelist') is-invalid @enderror" id="nodelist" placeholder="Nodelist" name="nodelist" value="{{ $o->nodelist_filearea->name }}" readonly>
								</div>
								</a>
							</div>
						@endif
					</div>

					<div class="row">
						<div class="col-8">
						</div>
						<div class="col-4">
							@if ($o->isManaged())
								<label for="nodestatus_id" class="form-label">Echoarea Node Status</label>
								<div class="input-group has-validation">
									<span class="input-group-text"><i class="bi bi-journal-text"></i></span>
									<select style="width: 80%;" class="form-select @error('nodestatus_id') is-invalid @enderror" id="nodestatus_id" name="nodestatus_id" @cannot('admin',$o)disabled @endcannot>
										<option value="">&nbsp;</option>
										@foreach (Echoarea::active()->where('domain_id',$o->id)->orderBy('description')->cursor() as $oo)
											<option value="{{ $oo->id }}" @if(old('nodestatus_id',$o->nodestatus_id)==$oo->id)selected @endif>{{ $oo->description }}</option>
										@endforeach
									</select>
									<span class="invalid-feedback" role="alert">
										@error('nodestatus_id')
											{{ $message }}
										@enderror
									</span>
									<span class="input-helper">Add a <a href="{{ url('echoarea/addedit') }}">NEW Echoarea</a>. This echoarea is used to send node status messages.</span>
								</div>
							@endif
						</div>
					</div>

					<div class="row">
						<div class="col-12">
							<label for="notes" class="form-label">Notes</label>
							<textarea class="form-control" rows=3 id="notes" name="notes" placeholder="Notes..." @cannot('admin',$o)disabled @endcannot>{{ old('notes',$o->notes) }}</textarea>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-12">
				<div class="greyframe titledbox shadow0xb0">
					<h2 class="cap">Home Page</h2>

					<div class="row">
						<div class="col-12">
							<label for="homepage" class="form-label">Home Page Text</label>
							<div style="background-color: #fff;color: #000;">
								<textarea class="form-control" rows=5 id="homepage" name="homepage" placeholder="Home Page..." @cannot('admin',$o)disabled @endcannot>{{ old('homepage',$o->homepage) }}</textarea>
							</div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-12">
						<a href="{{ url('domain') }}" class="btn btn-danger">Cancel</a>
						@can('admin',$o)
							<button type="submit" name="submit" class="btn btn-success float-end">@if ($o->exists)Save @else Add @endif</button>
						@endcan
					</div>
				</div>
			</div>
		</div>
	</form>
@endsection

@section('page-css')
	@css('simplemde')
	@css('select2')
@append
@section('page-scripts')
	@js('simplemde')
	@js('select2')

	@can('admin',$o)
		<script type="text/javascript">
			var simplemde = new SimpleMDE({ element: $("#homepage")[0] });

			$(document).ready(function() {
				$('#nodestatus_id').select2();
			});
		</script>
	@endcan
@append