Add cancellation request

resources/views/theme/backend/adminlte/common/service/widget/error.blade.php

@@ -0,0 +1,12 @@
+<!-- Errors -->
+<div class="col-12">
+	<div class="alert alert-danger alert-dismissible mb-0">
+		<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+		<h5><i class="icon fa fa-ban"></i> Whoops!</h5>
+		<ul>
+			@foreach ($errors->all() as $error)
+				<li>{!! $error !!}</li>
+			@endforeach
+		</ul>
+	</div>
+</div>

resources/views/theme/backend/adminlte/u/service/order/cancel.blade.php

@@ -0,0 +1,100 @@
+@extends('adminlte::layouts.app')
+
+@section('htmlheader_title')
+	{{ $o->sid }}
+@endsection
+@section('page_title')
+	{{ $o->sid }}
+@endsection
+
+@section('contentheader_title')
+	Service: {{ $o->sid }} <strong>{{ $o->product->name }}</strong>
+@endsection
+@section('contentheader_description')
+	{{ $o->sname }}: {{ $o->sdesc }}
+@endsection
+
+@section('main-content')
+	<div class="row">
+		<div class="col-6">
+			<div class="card">
+				<div class="card-header">
+					<div class="card-title">Cancelling Service</div>
+				</div>
+
+				<!-- Errors -->
+				@if ($errors->any())
+					@include('common.service.widget.error')
+				@endif
+
+				<form class="form-horizontal" method="post" action="{{ url('r/service/update',$o->id) }}">
+					{{ csrf_field() }}
+
+					<div class="card-body">
+						<div class="form-group row">
+							<label for="reference" class="col-sm-2 col-form-label text-right">Cancel Date</label>
+							<div class="col-sm-6">
+								<div class="input-group">
+									<div class="input-group-prepend">
+										<span class="input-group-text"><i class="fa fa-fw fa-calendar"></i></span>
+									</div>
+									<input type="text" class="form-control" id="datestop" name="date_end" value="{{ ($x=$o->date_end) && $x->format('Y-m-d') ?? '' }}">
+								</div>
+							</div>
+						</div>
+
+						{{--
+						@includeIf('u.service.widgets.'.$o->stype.'.order',['o'=>$o->type])
+						--}}
+
+						<div class="form-group row">
+							<label for="notes" class="col-sm-2 col-form-label text-right">Notes</label>
+							<div class="col-sm-10">
+								<textarea class="textarea" name="cancel_notes">{{ $o->order_info_notes ?? '' }}</textarea>
+							</div>
+						</div>
+					</div>
+
+					<div class="card-footer">
+						<button type="reset" class="btn btn-secondary mr-2" onclick="window.history.go(-1); return false;">Cancel</button>
+						<button type="submit" class="btn btn-success">Submit</button>
+					</div>
+
+				</form>
+			</div>
+		</div>
+	</div>
+@endsection
+
+@section('page-scripts')
+	@css('//cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-bs4.css','summernote-css')
+	@js('//cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-bs4.js','summernote-js')
+	@js('//cdn.jsdelivr.net/momentjs/latest/moment.min.js','moment-js')
+	@js('//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js','daterange-js')
+	@css('//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css','daterange-css')
+
+	<script>
+		$(document).ready(function() {
+			$('#datestop').daterangepicker({
+				singleDatePicker: true,
+				showDropdowns: true,
+				minDate: moment().add(30,'days'),
+				locale: {
+					format: 'YYYY-MM-DD'
+				}
+			});
+
+			$('.textarea').summernote({
+				minHeight: 350,
+				toolbar: [
+					['style', ['style']],
+					['font', ['bold', 'underline', 'clear']],
+					['color', ['color']],
+					['para', ['ul', 'ol', 'paragraph']],
+					['table', ['table']],
+					['view', ['codeview', 'help']],
+				],
+			});
+		});
+	</script>
+@append

resources/views/theme/backend/adminlte/u/service/widgets/information.blade.php

@@ -21,6 +21,12 @@
 				<th>Status</th>
 				<td>{!! $o->status_html !!}</td>
 			</tr>
+			@if ($o->date_end)
+				<tr>
+					<th>Cancellation Date</th>
+					<td>{{ $o->date_end->format('Y-m-d') }}</td>
+				</tr>
+			@endif
 			@if (($o->active OR $o->isPending()) AND ! $o->external_billing)
 				<tr>
 					<th>Billed</th>