@extends('layouts.app')

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

@section('content')
	<form class="row g-0 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 autocomplete="name" autofocus>
								@error('name')
									<span class="invalid-feedback" role="alert">
										{{ $message }}
									</span>
								@else
									<span class="invalid-feedback">
										A name is required.
									</span>
								@enderror
							</div>
						</div>

						<div class="col-4">
							<label for="active" class="form-label">Active</label>
							<div class="input-group has-validation">
								<div class="btn-group" role="group">
									<input type="radio" class="btn-check" name="active" id="active_yes" value="1" required @if($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 @if(! $o->active)checked @endif>
									<label class="btn btn-outline-danger" for="active_no">No</label>
								</div>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-4">
							<label for="name" 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) }}">
								@error('dnsdomain')
									<span class="invalid-feedback" role="alert">
										{{ $message }}
									</span>
								@enderror
							</div>
						</div>

						<div class="col-4">
							<label for="public" class="form-label">Public</label>
							<div class="input-group has-validation">
								<div class="btn-group" role="group">
									<input type="radio" class="btn-check" name="public" id="public_yes" value="1" required @if($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 @if(! $o->public)checked @endif>
									<label class="btn btn-outline-danger" for="public_no">No</label>
								</div>
							</div>
						</div>
						<div class="col-4">
							more text
						</div>
					</div>

					<div class="row">
						<div class="col-12">
							<label for="notes" class="form-label">Notes</label>
							<textarea class="form-control" rows=3 cols=68 name="notes" placeholder="Notes...">{{ 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 cols=68 id="homepage" name="homepage" placeholder="Home Page...">{{ old('homepage',$o->homepage) }}</textarea>
							</div>
						</div>
					</div>
				</div>

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

@section('page-scripts')
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
	<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>

	<script>
		var simplemde = new SimpleMDE({ element: $("#homepage")[0] });
	</script>
@append