@extends('layouts.public_layout')
@section('title', $title)
@section('content')
	<div class="container-fluid">
		<div class="page-title">
			<h4>FOA <span class="fas fa-angle-right"> </span> PCDs/IPCRs <span class="fas fa-angle-right"> </span> Categories {{ ($id == 0 ? '(Add)' : '(Edit)') }}</h4>
			@include('pcds.info', ['pcd' => $pcd])
			<div class="button-wrapper">
	     		<a class="btn btn-primary btn-sm" href="{{ route('pcdtargets.list', ['pid' => $pcd->pcd_id]) }}" 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
		@if ($errors->any())
			<div class="alert alert-info alert-dismissible fade show" role="alert">
		        <ul>
		            @foreach ($errors->all() as $error)
		                <li>{{ $error }}</li>
		            @endforeach
		        </ul>
				<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('pcdcategories.save', ['pid' => $pcd->pcd_id, 'id' => $id]) }}" enctype="multipart/form-data">
				@csrf

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

				<div class="form-group">
					<label class="font-weight-bold" for="parent">Parent</label>
					<select class="form-control" name="parent" id="parent">
						@include('subviews.select', ['rows' => $cats, 'label' => 'desc', 'value' => 'pt_id', 'selected' => old('parent', $row->parent), 'all' => 'None']);
					</select>
					<div class="invalid-feedback">@error('parent') {{ $errors->first('parent') }} @enderror</div>
				</div>

				<div class="form-group">
					<label class="font-weight-bold" for="desc">Category *</label>
					<input class="form-control dropdown-toggle combo-box @error('desc') is-invalid @enderror" placeholder="Category." data-target="category-items" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" type="text" required="required" maxlength="1000" name="desc" id="desc" value="{{ old('desc', optional($row)->desc) }}">
				    <div id="category-items" class="dropdown-menu">
				    @foreach ($cats as $cat)
				      <a class="dropdown-item" data-target="desc" href="#">{{ $cat->desc}}</a>
				    @endforeach
				    </div>
					<div class="invalid-feedback">@error('desc') {{ $errors->first('desc') }} @enderror</div>
				</div>

				<div class="form-group text-right">
					<input class="btn btn-primary" type="submit" name="form-submit" id="form-submit" value="Save">
				</div>
				<input type="hidden" name="pcd_id" id="pcd_id" value="{{ $pcd->pcd_id }}">
			</form>
		</div>
	</div>

@endsection