@extends('layouts.cmsApp')

@section('content')
<div class="nk-block-head nk-block-head-sm">
	<div class="nk-block-between">
		<div class="nk-block-head-content">
			<h3 class="nk-block-title page-title">
				<a href="javascript:history.back()" class="pt-3"><em class="icon ni ni-chevron-left back-icon"></em> </a>
				View Draft Complaint
			</h3>
		</div><!-- .nk-block-head-content -->
	</div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->
<form action="{{ url('cms/draft-complaint/update') }}" method="post" id="complaintForm" enctype="multipart/form-data">
	
	@csrf
    <input type="hidden" name="id" value="{{$complaint->id}}">
	<div class="nk-block">
		<div class="row mb-3">
			<div class="col-md-1">&nbsp;</div>
			<div class="col-md-11">
				<div class="card card-bordered">
					<div class="card-body">
						<div class="row">
							<div class="col-md-4">
								<div class="form-inline align-items-start flex-nowrap gx-3">
									<div class="pt-1">
										<label class="form-label" for="organization">Customer <span class="text-danger">*</span></label>
									</div>
									<div class="form-control-wrap form-control-required-wrap flex-fill">
										<select class="form-select form-control" data-selector="organization" id="organization" name="organization" data-placeholder="Select" data-search="on" required @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif>
											<option value=""></option>
											@forelse ($companies as $key => $company)
												<option value="{{ $company->id }}" @if($company->id == $customerId) selected @endif>{{ $company->customer_name }}</option>
											@empty
												
											@endforelse
										</select>
									</div>
								</div>
							</div>

							@if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" )
							<div class="col-md-4">
								<div class="form-inline align-items-start flex-nowrap gx-3"> 
									<div class="pt-1 nowrap">
										<label class="form-label" for="vehicle_no">Registration No. </label>
									</div>
									<div class="form-control-wrap flex-fill">
										<input type="text" class="form-control w-100" value="{{$complaint->registration_no}}" readonly>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="form-inline align-items-start flex-nowrap gx-3"> 
									<div class="pt-1 nowrap">
										<label class="form-label" for="chassis_no">Chassis No. </label>
									</div>
									<div class="form-control-wrap flex-fill">
										<input type="text" class="form-control w-100" value="{{$complaint->chassis_no}}" readonly>
									</div>
								</div>
							</div>
							@else
							<div class="col-md-4">
								<div class="form-inline align-items-start flex-nowrap gx-3"> 
									<div class="pt-1 nowrap"><label class="form-label" for="vehicle_no">Registration No. </label></div>
									<div class="form-control-wrap flex-fill">
										<input type="text" class="form-control w-100 fetchData" value="{{$complaint->registration_no}}" data-selector="vehicle_no" placeholder="Enter" style="display:none;" />

										<span class="vehicles_box form-control-required-wrap">
											<select class="form-select form-control vehicles" id="vehicle_no" name="vehicle_no" data-placeholder="Select" data-search="on"   @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif>
												<option value=""></option>
												@foreach ($customerVehicles as $key => $vehicle)
												<option value="{{ $vehicle->id }}" @if($complaint->registration_no == $vehicle->registration_number) selected @endif >{{ $vehicle->registration_number }} </option>
												@endforeach
											</select>
										</span>

									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="form-inline align-items-start flex-nowrap gx-3"> 
									<div class="pt-1 nowrap"><label class="form-label" for="chassis_no">Chassis No. </label></div>
									<div class="form-control-wrap flex-fill">
										<input type="text" class="form-control w-100 fetchData" value="{{$complaint->chassis_no}}"  data-selector="chassis_no" placeholder="Enter" style="display:none;" />

										<span class="vehicles_box form-control-required-wrap">
											<select class="form-select form-control vehicles" data-selector="chassis_no" id="chassis_no" name="chassis_no" data-placeholder="Select" data-search="on" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif>
												<option value=""></option>
												@foreach ($customerVehicles as $key => $vehicle)
												<option value="{{ $vehicle->id }}" @if($complaint->chassis_no == $vehicle->chassis_number) selected @endif>{{ $vehicle->chassis_number }}</option>
												@endforeach
											</select>
										</span>
									</div>
								</div>
							</div>
							@endif
							
						</div>
						
					</div>
				</div>
			</div>
		</div>

		<input type="hidden" class="form-control" id="customer_id" name="customer_id" value="{{$complaint->customer_id}}" readonly />
											

		<div class="row mb-3">
			<div class="col-md-1 text-center">
				<div>
					<input type="radio" name="default_contact_1" id="default_contact_1" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif value="1" 
						@if(isset($complaintCustomerContact[0]->is_default) && $complaintCustomerContact[0]->is_default == 1)
							checked
						@endif
					/>
				</div>
				Default <br/>Contact
			</div>
			
			{{-- <input type="hidden" id="contact_id_1" name="contact_id_1" value="0">
			<input type="hidden" id="contact_id_2" name="contact_id_2" value="0">
			<input type="hidden" id="contact_id_3" name="contact_id_3" value="0"> --}}
			<div class="col-md-11">
				<div class="card card-bordered">
					<div class="card-body">
						<div class="row g-5">
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="contact_1">1st Contact</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="text" class="form-control" id="contact_1" name="contact_1" placeholder="Enter" value="{{ isset($complaintCustomerContact[0]->name) ? $complaintCustomerContact[0]->name : '' }}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif />
											</div>
										</div>
									</div>
								</div>
							</div>
							
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="phone_number_1">Phone No.</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="number" class="form-control" id="phone_number_1" name="phone_number_1" placeholder="Enter" value="{{isset($complaintCustomerContact[0]->phone_number) ? $complaintCustomerContact[0]->phone_number : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif />
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row g-5">
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="whatsapp_no_1">WhatsApp No.</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="number" class="form-control" id="whatsapp_no_1" name="whatsapp_no_1" placeholder="Enter" value="{{isset($complaintCustomerContact[0]->whatsapp_number) ? $complaintCustomerContact[0]->whatsapp_number : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif />
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="email_1">Email</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="email" class="form-control" id="email_1" name="email_1" placeholder="Enter" value="{{isset($complaintCustomerContact[0]->email) ? $complaintCustomerContact[0]->email : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif />
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row g-5">
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="designation_1">Designation</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="text" class="form-control" id="designation_1" name="designation_1" placeholder="Enter" value="{{isset($complaintCustomerContact[0]->designation) ? $complaintCustomerContact[0]->designation : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif/>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="language_1">Language</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="text" class="form-control" id="language_1" name="language_1" placeholder="Enter" value="{{isset($complaintCustomerContact[0]->language) ? $complaintCustomerContact[0]->language : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif/>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

        <div class="row mb-3">
			<div class="col-md-1 text-center">
				<div>
					<input type="radio" name="default_contact_2" id="default_contact_2" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif value="1"
						@if(isset($complaintCustomerContact[1]->is_default) && $complaintCustomerContact[1]->is_default == 1)
							checked
						@endif
					/>
				</div>
				Default <br/>Contact
			</div>
			<div class="col-md-11">
				<div class="card card-bordered">
					<div class="card-body">
						<div class="row g-5">
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="contact_2">2nd Contact</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="text" class="form-control" id="contact_2" name="contact_2" placeholder="Enter" value="{{isset($complaintCustomerContact[1]->name) ? $complaintCustomerContact[1]->name : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif/>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="phone_number_2">Phone No.</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="number" class="form-control" id="phone_number_2" name="phone_number_2" placeholder="Enter" value="{{isset($complaintCustomerContact[1]->phone_number) ? $complaintCustomerContact[1]->phone_number : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif/>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row g-5">
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="whatsapp_no_2">WhatsApp No.</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="number" class="form-control" id="whatsapp_no_2" name="whatsapp_no_2" placeholder="Enter" value="{{isset($complaintCustomerContact[1]->whatsapp_number) ? $complaintCustomerContact[1]->whatsapp_number : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif/>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="email_2">Email</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="email" class="form-control" id="email_2" name="email_2" placeholder="Enter" value="{{isset($complaintCustomerContact[1]->email) ? $complaintCustomerContact[1]->email : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif/>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row mb-3">
			<div class="col-md-1 text-center">
				<div>
					<input type="radio" name="default_contact_3" id="default_contact_3" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif value="1"
						@if(isset($complaintCustomerContact[2]->is_default) && $complaintCustomerContact[2]->is_default == 1)
							checked
						@endif
					/>
				</div>
				Default <br/>Contact
			</div>
			<div class="col-md-11">
				<div class="card card-bordered">
					<div class="card-body">
						<div class="row g-5">
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="contact_3">3nd Contact</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="text" class="form-control" id="contact_3" name="contact_3" placeholder="Enter" value="{{isset($complaintCustomerContact[2]->name) ? $complaintCustomerContact[2]->name : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif />

											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="phone_number_3">Phone No.</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="number" class="form-control" id="phone_number_3" name="phone_number_3" placeholder="Enter" value="{{isset($complaintCustomerContact[2]->phone_number) ? $complaintCustomerContact[2]->phone_number : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif/>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row g-5">
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="whatsapp_no_3">WhatsApp No.</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="number" class="form-control" id="whatsapp_no_3" name="whatsapp_no_3" placeholder="Enter" value="{{isset($complaintCustomerContact[2]->whatsapp_number) ? $complaintCustomerContact[2]->whatsapp_number : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif/>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="row g-2">
									<div class="col-lg-5">
										<div class="form-group">
											<label class="form-label" for="email_3">Email</label>
										</div>
									</div>
									<div class="col-lg-7">
										<div class="form-group"> 
											<div class="form-control-wrap">
												<input type="email" class="form-control" id="email_3" name="email_3" placeholder="Enter" value="{{isset($complaintCustomerContact[2]->email) ? $complaintCustomerContact[2]->email : ''}}" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif/>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row mb-3">
			<div class="col-md-1 text-center">&nbsp;</div>
			<div class="col-md-11">
				<div class="card card-bordered">
					<div class="card-body">
						<div class="row g-5">
							
							<div class="col-md-4">
								<div class="flex-nowrap gx-3">
									<div>
										<label class="form-label" for="complaint_category">Complaint Category <span class="text-danger">*</span></label>
									</div>
									<div class="form-control-wrap form-control-required-wrap flex-fill">
										<select class="form-select form-control" data-selector="complaint_category" id="complaint_category" name="complaint_category" data-placeholder="Select" data-search="on" required @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif>
											<option value=""></option>
											@forelse ($complaintCategories as $key => $category)
												<option value="{{ $category->id }}" @if($category->id == $complaint->complaint_category) selected @endif>{{ $category->category }}</option>
											@empty
												
											@endforelse
										</select>
									</div>
								</div>
							</div>

							<div class="col-md-4">
								<div class="flex-nowrap gx-3">
									<div>
										<label class="form-label" for="complaint_sub_category">Complaint Sub-Category <span class="text-danger">*</span></label>
									</div>
									<div class="form-control-wrap form-control-required-wrap flex-fill">
										<select class="form-select form-control" data-selector="complaint_sub_category" id="complaint_sub_category" name="complaint_sub_category" data-placeholder="Select" data-search="on" required @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif>
											<option value=""></option>
                                            @foreach($complaintSubCategories as $key => $subCategory)
                                                <option value="{{ $subCategory->id }}" @if($subCategory->id == $complaint->complaint_sub_category) selected @endif>{{ $subCategory->category }}</option>
                                            @endforeach
										</select>
									</div>
								</div>
							</div>

							<div class="col-md-4">
								<div class="flex-nowrap gx-3">
									<div>
										<label class="form-label" for="mode_of_complaint">Mode of Complaint <span class="text-danger">*</span></label>
									</div>
									<div class="form-control-wrap form-control-required-wrap flex-fill">
										<select class="form-select form-control" data-selector="mode_of_complaint" id="mode_of_complaint" data-placeholder="Select" data-search="on" required disabled>
											<option value=""></option>
											@forelse ($modes as $key => $mode)
												<option value="{{ $mode->id }}" @if($mode->id == $complaint->mode_of_complaint) selected @endif>{{ $mode->mode }}</option>
											@empty
												
											@endforelse
										</select>
										<input type="hidden" name="mode_of_complaint" value="{{ $complaint->mode_of_complaint }}">
									</div>
								</div>
							</div>

						</div>

						<div class="row g-5">
							
							<div class="col-md-4">
								<div class="flex-nowrap gx-3">
									<div>
										<label class="form-label" for="product">Product <span class="text-danger">*</span></label>
									</div>
									<div class="form-control-wrap form-control-required-wrap flex-fill">

										<select class="form-select form-control" data-selector="product" id="product" name="product" data-placeholder="Select" data-search="on" required @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif>
											<option value=""></option>
											@forelse ($products as $key => $product)
												<option value="{{ $product->id }}" @if($product->id == $complaint->product) selected @endif>{{ $product->product_name }}</option>
											@empty
												
											@endforelse
										</select>
									</div>
								</div>
							</div>

							<div class="col-md-4">
								<div class="flex-nowrap gx-3">
									<div>
										<label class="form-label" for="application">Product Segment <span class="text-danger">*</span></label>
									</div>
									<div class="form-control-wrap form-control-required-wrap flex-fill">
										<select class="form-select form-control" data-selector="application" id="application" name="application" data-placeholder="Select" data-search="on" required @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif>
											<option value=""></option>
											@forelse ($applications as $key => $application)
												<option value="{{ $application->id }}" @if($application->id == $complaint->product_segment) selected @endif>{{ $application->application_name }}</option>
											@empty
												
											@endforelse
										</select>
									</div>
								</div>
							</div>
						</div>

						<div class="row g-5">
							
							<div class="col-md-4">
								<div class="flex-nowrap gx-3">
									<div>
										<label class="form-label" for="region">Region <span class="text-danger">*</span></label>
									</div>
									<div class="form-control-wrap form-control-required-wrap flex-fill">
										<select class="form-select form-control" data-selector="region" id="region" name="region" data-placeholder="Select" data-search="on" required @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif>
											<option value=""></option>
											@forelse ($regions as $key => $region)
												<option value="{{ $region->id }}" @if($region->id == $complaint->region) selected @endif>{{ $region->region_name }}</option>
											@empty
												
											@endforelse
										</select>
									</div>
								</div>
							</div>

							<div class="col-md-4">
								<div class="flex-nowrap gx-3">
									<div>
										<label class="form-label" for="dealer">Dealer <span class="text-danger">*</span></label>
									</div>
									<div class="form-control-wrap form-control-required-wrap flex-fill">
										<select class="form-select form-control" data-selector="dealer" id="dealer" name="dealer" data-placeholder="Select" data-search="on" required @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif>
											<option value=""></option>
											@forelse ($dealers as $key => $dealer)
												<option value="{{ $dealer->id }}" @if($dealer->id == $complaint->dealer) selected @endif>{{ $dealer->name }}</option>
											@empty
												
											@endforelse
										</select>
									</div>
								</div>
							</div>
						</div>

						<div class="row g-5">
							
							<div class="col-md-4">
								<div class="flex-nowrap gx-3">
									<div>
										<label class="form-label" for="vehicle_models">Vehicle Model <span class="text-danger">*</span></label>
									</div>
									<div class="form-control-wrap form-control-required-wrap flex-fill">
										<select class="form-select form-control" data-selector="vehicle_models" id="vehicle_models" name="vehicle_models" data-placeholder="Select" data-search="on" required @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif>
											<option value=""></option>
											@forelse ($models as $key => $model)
												<option value="{{ $model->id }}" @if($model->id == $complaint->vehicle_model) selected @endif>{{ $model->name }}</option>
											@empty
												
											@endforelse
										</select>
									</div>
								</div>
							</div>

							<div class="col-md-4">
								<div class="flex-nowrap gx-3">
									<div>
										<label class="form-label" for="chassis_no">Chassis No. <span class="text-danger">*</span></label>
									</div>
									<div class="form-control-wrap">
										<input type="text" class="form-control" id="chassis_no_1" name="chassis_no" value="{{$complaint->chassis_no}}" required @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif/>
									</div>
								</div>
							</div>

							<div class="col-md-4">
								<div class="flex-nowrap gx-3">
									<div>
										<label class="form-label" for="chassis_no">Vehicle Reg. No. <span class="text-danger">*</span></label>
									</div>
									<div class="form-control-wrap">
										<input type="text" class="form-control" id="vehicle_reg_1" name="vehicle_reg" value="{{$complaint->registration_no}}" required @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif/>
									</div>
								</div>
							</div>

						</div>

					</div>
				</div>
			</div>
		</div>

		<div class="row mb-3">
			<div class="col-md-1">&nbsp;</div>
			<div class="col-md-11">
				<div class="form-control-wrap">
					<textarea class="form-control" name="description_text" id="description_text" placeholder="Enter Complaint Description here" @if($complaint->status == "Complaint Created" || $complaint->status == "Discarded") readonly @endif>{{ $complaint->description }}</textarea>
				</div>
			</div>
		</div>
		
		
        <!-- status & action comment section  -->
		<div class="row mb-3">
			<div class="col-md-1">&nbsp;</div>
			<div class="col-md-11">
				<div class="row g-2">
					<div class="col-lg-12">
						<div class="form-inline gx-3">
							<div class="form-group">
								<label class="form-label" for="contact_1st">Attachment</label>
							</div>
							<div class="form-control-wrap">
								<div class="custom-file">
									<input type="file" class="custom-file-input" name="attachment[]" id="attachment" multiple @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif>
									<span class="custom-file-label" for="attachment">Choose file</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

        <div class="row mb-3">
            <div class="col-md-1">&nbsp;</div>
			<div class="col-md-11">
				<div class="row g-2">
                    <div class="col-lg-12">
						<div class="form-inline flex-nowrap gx-3 justify-end">
							<div class="col-lg-6">
								<div class="form-inline flex-nowrap gx-3 justify-end">
									<div class="btn-wrap">
										<button type="button" class="btn btn-round btn-icon btn-sm btn-light" id="add_cc_plus"><em class="icon ni ni-plus"></em></button>
									</div>
									<div class="form-wrap" style="min-width: 300px">
										<input type="text" name="cc_users" class="form-control customLook" id="cc_users" placeholder="Add to CC" @if ($complaint->status == "Complaint Created" || $complaint->status == "Discarded" ) disabled @endif />
									</div>
								</div><!-- .form-inline -->
							</div>
						</div><!-- .form-inline -->
					</div>
				</div>
			</div>
		</div>
	</div>
	@if($complaint->status == 'Unread' || $complaint->status == 'Read')
	<div class="nk-block mb-3">
		<div class="row">
			<div class="col-md-12">
				<div class="sp-plan-info pt-0 pb-0 card-inner">  
					<div class="row">
						<div class="col-lg-7 text-right offset-lg-5">
							<div class="form-group">
                                <a href="#" class="btn btn-danger" id="discard_draft">Discard Draft</a>
								<input type="submit" value="Create Complaint" class="btn btn-primary" />
							</div>
						</div>
					</div>
				</div><!-- .sp-plan-info -->
			</div><!-- .col -->
		</div><!-- .row -->
	</div>
	@endif

	<input type="hidden" id="triggerCompany" value="1">
	<input type="hidden" id="triggerFetchData" value="1">
</form>
<!-- model discard reason -->
<div class="modal fade zoom" tabindex="-1" id="discardReasonModel">
	<div class="modal-dialog modal-xl" role="document">
		<div class="modal-content">
			<form id="discardReasonForm" action="{{ url('cms/draft-complaint/delete/'.$complaint->id) }}" method="GET">
			<div class="modal-header">
				<h5 class="modal-title">Confirmation</h5>
				<a href="#" class="close" data-dismiss="modal" aria-label="Close">
					<em class="icon ni ni-cross"></em>
				</a>
			</div>
			<div class="modal-body modal-body-md">
				<div class="gy-3">
					<div class="row g-3 align-center">
						<div class="col-lg-12">
							<div class="form-control-wrap">
								<textarea class="form-control" name="reason" id="reason" placeholder="Enter Reason" required></textarea>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer bg-light">
				<div class="row">
					<div class="col-lg-12 p-0 text-right">
						<button type="submit" class="btn btn-primary">Discard</button>
						<button class="btn btn-outline-light" data-dismiss="modal" aria-label="Close">Close</button>
					</div>
				</div>
			</div>
			</form>
		</div>
	</div>
</div>
@endsection
@push('footerScripts')
<script src="{{url('js/tagify.js?ver=1.9.0')}}"></script>

<script>
    // Get all radio buttons with the name starting with 'default_contact_'
    const radioButtons = document.querySelectorAll('input[name^="default_contact_"]');
    
    // Add event listener to each radio button
    radioButtons.forEach(radioButton => {
        radioButton.addEventListener('click', function() {
            // Loop through all radio buttons
            radioButtons.forEach(otherRadioButton => {
                // Uncheck all radio buttons except the clicked one
                if (otherRadioButton !== this) {
                    otherRadioButton.checked = false;
                }
            });
        });
    });
</script>


<script type="text/javascript">
	// Start: Tagify code - generate random whilist items (for the demo)
	var randomStringsArr = Array.apply(null, Array(100)).map(function() {
		return Array.apply(null, Array(~~(Math.random() * 10  + 3))).map(function() {
			return String.fromCharCode(Math.random() * (123 - 97) + 97)
		}).join('') + '@gmail.com'
	})

	var input = document.querySelector('.customLook'),
    tagify = new Tagify(input, {
      // email address validation (https://stackoverflow.com/a/46181/104380)
      pattern: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
      whitelist: randomStringsArr,
      callbacks: {
        "invalid": onInvalidTag
      },
      dropdown : {
        position: 'text',
        enabled: 1 // show suggestions dropdown after 1 typed character
      }
    }),
    button = input.nextElementSibling;  // "add new tag" action-button

	// button.addEventListener("click", onAddButtonClick)

	function onAddButtonClick(){
		tagify.addEmptyTag()
	}

	document.getElementById('add_cc_plus').addEventListener('click', onAddButtonClick);

	function onInvalidTag(e){
		console.log("invalid", e.detail)
	}
	// End: Tagify code
	jQuery(document).ready(function($){
		var customer_id = "";
		if(customer_id){
			$('#triggerCompany').val(customer_id);
			$('#organization').val(customer_id).trigger('change');
			vehicleData('organization',customer_id);
		}
		
		$(document).on("change", "#complaint_category", function(e){
			var root_url = "