@include('admin.Master.header')

<main class="page-content">
	<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
		<div class="breadcrumb-title pe-3">Edit Form</div>
		<div class="ms-auto">
			<div class="btn-group flex-column">
				<span class="fw-bold">Created Time: {{ date('d-m-Y  H:i:s', strtotime($formId->created_at)) }} ( {{ $formId->created_at->diffForHumans() }} )</span>
				<span class="fw-bold">Updated Time: {{ date('d-m-Y  H:i:s', strtotime($formId->updated_at)) }} ( {{ $formId->updated_at->diffForHumans() }} )</span>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-12">
			<form method="POST" action="{{ route('admin.update.details', $formId->id) }}" enctype="multipart/form-data">
				@csrf
				@method('PATCH')
				<div class="card">
					<div class="card-body">
						<div class="border p-3 rounded mb-3">
							<div class="row">
								<div class="col-4 mb-4">
									<label class="form-label">Full Name <span class="text-danger">*</span> (पूरा नाम)</label>
									<input type="text" name="fullName" class="form-control" placeholder="Full Name" value="{{ old('fullName', $formId->fullName) }}">
									@error('fullName')
									<div class="text-danger">{{ $message }}</div>
									@enderror
								</div>
								<div class="col-4 mb-4">
									<label class="form-label">Age <span class="text-danger">*</span> (आयु)</label>
									<input type="text" name="age" class="form-control numeric" placeholder="Age" value="{{ old('age', $formId->age) }}">
									@error('age')
									<div class="text-danger">{{ $message }}</div>
									@enderror
								</div>
								<div class="col-4 mb-4">
									<label class="form-label">Email Id <span class="text-danger">*</span> (ईमेल)</label>
									<input type="text" name="email" class="form-control" placeholder="Email Id" value="{{ old('email', $formId->email) }}">
									@error('email')
									<div class="text-danger">{{ $message }}</div>
									@enderror
								</div>
								<div class="col-4 mb-4">
									<label class="form-label">Contact Number (मोबाइल नंबर)</label>
									<input type="text" name="phone" class="form-control numeric" placeholder="Contact Number" value="{{ old('phone', $formId->phone) }}">
								</div>
								<div class="col-4 mb-4">
									<label class="form-label">Country / State <span class="text-danger">*</span> (देश / राज्य)</label>
									<select class="form-control multiple-select" name="country" data-placeholder="Choose Country">
										<option disabled readonly selected>Select Country</option>
										<option class="font-weight-bold" value="ANDAMAN & NICOBAR" @selected(old('country', $formId->country) == 'ANDAMAN & NICOBAR')>ANDAMAN &
                                                NICOBAR</option>
										<option value="ANDHRA PRADESH" @selected(old('country', $formId->country) == 'ANDHRA PRADESH')>ANDHRA PRADESH
										</option>
										<option value="ARUNACHAL PRADESH" @selected(old('country', $formId->country) == 'ARUNACHAL PRADESH')>ARUNACHAL
											PRADESH</option>
										<option value="ASSAM" @selected(old('country', $formId->country) == 'ASSAM')>ASSAM</option>
										<option value="BIHAR" @selected(old('country', $formId->country) == 'BIHAR')>BIHAR</option>
										<option value="CHANDIGARH" @selected(old('country', $formId->country) == 'CHANDIGARH')>CHANDIGARH
										</option>
										<option value="CHATTISGARH" @selected(old('country', $formId->country) == 'CHATTISGARH')>CHATTISGARH
										</option>
										<option value="DADRA & NAGAR" @selected(old('country', $formId->country) == 'DADRA & NAGAR')>DADRA & NAGAR
										</option>
										<option value="DAMAN & DIU" @selected(old('country', $formId->country) == 'DAMAN & DIU')>DAMAN & DIU
										</option>
										<option value="DELHI" @selected(old('country', $formId->country) == 'DELHI')>DELHI
										</option>
										<option value="GOA" @selected(old('country', $formId->country) == 'GOA')>GOA</option>
										<option value="GUJARAT" @selected(old('country', $formId->country) == 'GUJARAT')>GUJARAT
										</option>
										<option value="HARYANA" @selected(old('country', $formId->country) == 'HARYANA')>HARYANA
										</option>
										<option value="HIMACHAL PRADESH" @selected(old('country', $formId->country) == 'HIMACHAL PRADESH')>HIMACHAL
											PRADESH</option>
										<option value="JAMMU & KASHMIR" @selected(old('country', $formId->country) == 'JAMMU & KASHMIR')>JAMMU &
											KASHMIR</option>
										<option value="JHARKHAND" @selected(old('country', $formId->country) == 'JHARKHAND')>JHARKHAND
										</option>
										<option value="KARNATAKA" @selected(old('country', $formId->country) == 'KARNATAKA')>KARNATAKA
										</option>
										<option value="KERALA" @selected(old('country', $formId->country) == 'KERALA')>KERALA
										</option>
										<option value="LADAKH" @selected(old('country', $formId->country) == 'LADAKH')>LADAKH
										</option>
										<option value="LAKSHDWEEP" @selected(old('country', $formId->country) == 'LAKSHDWEEP')>LAKSHDWEEP
										</option>
										<option value="MADHYA PRADESH" @selected(old('country', $formId->country) == 'MADHYA PRADESH')>MADHYA
											PRADESH</option>
										<option value="MAHARASHTRA" @selected(old('country', $formId->country) == 'MAHARASHTRA')>MAHARASHTRA
										</option>
										<option value="MANIPUR" @selected(old('country', $formId->country) == 'MANIPUR')>MANIPUR
										</option>
										<option value="MEGHALAYA" @selected(old('country', $formId->country) == 'MEGHALAYA')>MEGHALAYA
										</option>
										<option value="MIZORAM" @selected(old('country', $formId->country) == 'MIZORAM')>MIZORAM
										</option>
										<option value="NAGALAND" @selected(old('country', $formId->country) == 'NAGALAND')>NAGALAND
										</option>
										<option value="ORISSA" @selected(old('country', $formId->country) == 'ORISSA')>ORISSA
										</option>
										<option value="PUDUCHERRY" @selected(old('country', $formId->country) == 'PUDUCHERRY')>PUDUCHERRY
										</option>
										<option value="PUNJAB" @selected(old('country', $formId->country) == 'PUNJAB')>PUNJAB
										</option>
										<option value="RAJASTHAN" @selected(old('country', $formId->country) == 'RAJASTHAN')>RAJASTHAN
										</option>
										<option value="SIKKIM" @selected(old('country', $formId->country) == 'SIKKIM')>SIKKIM
										</option>
										<option value="TAMIL NADU" @selected(old('country', $formId->country) == 'TAMIL NADU')>TAMIL NADU
										</option>
										<option value="TELANGANA" @selected(old('country', $formId->country) == 'TELANGANA')>TELANGANA
										</option>
										<option value="TRIPURA" @selected(old('country', $formId->country) == 'TRIPURA')>TRIPURA
										</option>
										<option value="UTTARAKHAND" @selected(old('country', $formId->country) == 'UTTARAKHAND')>UTTARAKHAND
										</option>
										<option value="UTTAR PRADESH" @selected(old('country', $formId->country) == 'UTTAR PRADESH')>UTTAR
											PRADESH</option>
										<option value="WEST BENGAL" @selected(old('country', $formId->country) == 'WEST BENGAL')>WEST BENGAL
										</option>
										<option value="NEPAL" {{ old('country')=='NEPAL' ? 'selected' : '' }}>NEPAL
										</option>
										<option value="UK" @selected(old('country', $formId->country) == 'UK')>UK</option>
										<option value="USA" @selected(old('country', $formId->country) == 'USA')>USA</option>
										<option value="UAE" @selected(old('country', $formId->country) == 'UAE')>UAE</option>
										<option value="SINGAPORE" @selected(old('country', $formId->country) == 'SINGAPORE')>SINGAPORE
										</option>
										<option value="AUSTRALIA" @selected(old('country', $formId->country) == 'AUSTRALIA')>AUSTRALIA
										</option>
										<option value="OTHERS" @selected(old('country', $formId->country) == 'OTHERS')>OTHERS
										</option>
									</select>
								</div>
								<div class="col-4 mb-4">
									<label class="form-label">City <span class="text-danger">*</span> (शहर का नाम)</label>
									<input type="text" name="city" class="form-control" placeholder="City" value="{{ old('city', $formId->city) }}">
									@error('city')
										<div class="text-danger">{{ $message }}</div>
									@enderror
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="card">
					<div class="card-body">
						<div class="border p-3 rounded">
							<button class="btn btn-primary px-4 border-0">{{ trans('admin.buttons.update') }} (फार्म अद्यतन करें)</button>
							<a href="{{ route('admin.details') }}" class="btn btn-secondary px-4 border-0">{{ trans('admin.buttons.cancel') }} (फार्म रद्द करें)</a>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</main>
<script>
	var formId = "{{ $formId->id }}";
</script>
@include('admin.Master.footer')
<script>
	let documentArray = [];
	Dropzone.options.myGreatDropzone = {
		url: "/admin/upload-to-s3",
        paramName: "document",
        addRemoveLinks: false,
		sending: function (file, xhr, formData) {
			var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
			xhr.setRequestHeader('X-CSRF-TOKEN', csrfToken);
			formData.append('formId', formId);
		},
        success: function (response) {
            let parseData = JSON.parse(response.xhr.response)
            documentArray.push(parseData.videoUrls);
			$('input[name="videoUrls"]').val(documentArray)
        }
    };
</script>