@extends('layouts.public_layout')
@section('title', $title)
@section('content')
	<div class="container-fluid">
		<div class="page-title">
			<h4>IQA <span class="fas fa-angle-right"> </span> Checklist Questions {{ ($id == 0 ? '(Add)' : '(Edit)') }}</h4>
			<div class="button-wrapper">
	     		<a class="btn btn-primary btn-sm" href="{{ route('aqs.list') }}" title="Back"><span class="fas fa-caret-left"> </span> Back</a>
			</div>
			<hr class="mt-0">
		</div>

		@if (strlen($msg) > 0)
			<div class="alert alert-info alert-dismissible fade show" role="alert">
			  {{ $msg }}
			  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
			    <span aria-hidden="true">&times;</span>
			  </button>
			</div>
		@endif
		<div>
			<form method="POST" action="{!! route('aqs.save', ['id' => $id]) !!}">
				@csrf

				<div class="form-group">
					<label class="font-weight-bold" for="fu_id">Functional Unit</label>
					<select class="form-control" name="fu_id" id="fu_id">
						@include('subviews.select', ['rows' => $fus, 'prelabel' => 'fu_abbr', 'label' => 'fu_name', 'value' => 'fu_id', 'selected' => old('fu_id', $row->fu_id), 'all' => '']);
					</select>
					<div class="invalid-feedback">@error('fu_id') {{ $errors->first('fu_id') }} @enderror</div>
				</div>

				<div class="form-group">
					<label class="font-weight-bold" for="clause">Clause *</label>
					<div class="dropdown">
						<input class="form-control dropdown-toggle combo-box @error('clause') is-invalid @enderror" placeholder="Clause" data-display="static" data-target="clause-items" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" required="required" maxlength="255" type="text" name="clause" id="clause" value="{{ old('clause', optional($row)->clause) }}">
					    <div id="clause-items" class="dropdown-menu">
					    @foreach ($aqs as $cat)
					      <a class="dropdown-item" data-target="clause" data-desc="questions" data-descvalue="{{ $cat->questions }}" data-value="{{ $cat->clause }}" href="#">
					      	{{ $cat->clause }} <small class="text-secondary">by {{ $cat->fu_abbr }}</small> <small class="text-secondary">by {{ $cat->u_name }}</small> 
					      </a>
					    @endforeach
					    </div>
					</div>
					<div class="invalid-feedback">@error('clause') {{ $errors->first('clause') }} @enderror</div>
				</div>

				<div class="form-group">
					<label class="font-weight-bold" for="questions">Questions *</label>
					<textarea class="form-control" rows="7" required="required" placeholder="Questions" name="questions" id="questions">{{ old('questions', optional($row)->questions) }}</textarea>
					<div class="invalid-feedback">@error('questions') {{ $errors->first('questions') }} @enderror</div>
				</div>

				<hr>
				<div class="form-group text-right">
					<input class="btn btn-primary" type="submit" name="form-submit" id="form-submit-more" value="Save & Add More">
					<input class="btn btn-primary" type="submit" name="form-submit" id="form-submit" value="Save">
				</div>
			</form>
		</div>
	</div>

@endsection