@extends('layouts/layoutMaster')

@section('title', ' Vertical Layouts - Forms')

@section('vendor-style')
<link rel="stylesheet" href="{{asset('assets/vendor/libs/flatpickr/flatpickr.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/select2/select2.css')}}" />
@endsection

@section('vendor-script')
<script src="{{asset('assets/vendor/libs/cleavejs/cleave.js')}}"></script>
<script src="{{asset('assets/vendor/libs/cleavejs/cleave-phone.js')}}"></script>
<script src="{{asset('assets/vendor/libs/moment/moment.js')}}"></script>
<script src="{{asset('assets/vendor/libs/flatpickr/flatpickr.js')}}"></script>
<script src="{{asset('assets/vendor/libs/select2/select2.js')}}"></script>
<script src="{{asset('assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js')}}"></script>
<script src="{{asset('assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.js')}}"></script>
<script src="{{asset('assets/vendor/libs/jquery-timepicker/jquery-timepicker.js')}}"></script>
<script src="{{asset('assets/vendor/libs/pickr/pickr.js')}}"></script>
@endsection

@section('page-script')
<script src="{{asset('assets/js/form-layouts.js')}}"></script>
<script src="{{asset('assets/js/forms-pickers.js')}}"></script>
@endsection

@section('content')
<h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light"></span>New Complaint</h4>
<div class="row">
	<div class="col-xl">
		<div class="card mb-4">
			<div class="card-header d-flex justify-content-between align-items-center">
				<h5 class="mb-0">Complaint</h5>
			</div>
			<div class="card-body">
				<form action="{{route('save-complaint')}}" method="post" enctype="multipart/form-data">
					@csrf
					
					<div class="mb-3">
						<label class="form-label" for="basic-default-phone">Inventory</label>
						<select class="form-control select2" name="inventory">
							@foreach($inventory as $value)
							<option value="{{$value->id}}">{{$value->name}}</option>
							@endforeach
						</select>
					</div>
					<div class="mb-3">
						<label class="form-label" for="basic-default-fullname">Complaint</label>
						<textarea class="form-control @error('complaint') is-invalid @enderror" name="complaint" ></textarea>
						@error('complaint')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Before(Photo)</label>
				          <input type="file" class="form-control" id="inputGroupFile03" name="before_photo" aria-describedby="inputGroupFileAddon03" aria-label="Upload">
                        	@if ($errors->has('before_photo'))
						        <span class="text-danger">{{ $errors->first('before_photo') }}</span>
						    @endif
			   		</div>
			   		<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">After(Photo)</label>
				        <input type="file" class="form-control" id="inputGroupFile03" name="after_photo" aria-describedby="inputGroupFileAddon03" aria-label="Upload">
                        	@if ($errors->has('after_photo'))
						        <span class="text-danger">{{ $errors->first('after_photo') }}</span>
						    @endif
			   		</div>
			   		<div class="mb-3">
						<label class="form-label" for="basic-default-fullname">block start date</label>
						<input type="text" class="form-control @error('block_start_date') is-invalid @enderror" id="flatpickr-start-datetime" name="block_start_date" value="{{ old('block_start_date') }}" />
						@error('block_start_date')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
					</div>
					<div class="mb-3">
						<label class="form-label" for="basic-default-fullname">block end date</label>
						<input type="text" class=" form-control @error('block_end_date') is-invalid @enderror" id="flatpickr-end-datetime" name="block_end_date" value="{{ old('block_end_date') }}" />
						@error('block_end_date')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
					</div>
					<div class="mb-3">
						<label class="form-label" for="basic-default-fullname">Comment</label>
						<textarea class="form-control @error('comment') is-invalid @enderror" name="comment" ></textarea>
						@error('comment')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
					</div>
					<div class="mb-3">
						<label class="form-label" for="basic-default-phone">Status</label>
						<select class="form-control" name="status">
							@foreach($status as $k=>$val)
							<option value="{{$k}}">{{$val}}</option>
							@endforeach
						</select>
					</div>
					<button type="submit" class="btn btn-primary">Save</button>
				</form>
			</div>
		</div>
	</div>
</div>
@endsection