@extends('layouts.header')
@section('content')
@php

if(Auth::user()->RefId==1)
{
	echo "<pre>";
		//print_r($modules);
		//print_r($modules2);
		//print_r($CurrencydropDownlist);
		//print_r($profiledata);
	echo "</pre>";
}
$AssignedNotify=$profiledata->AssignedNotify;
$UserId=Auth::user()->RefId;

$checkedssignuser='';
if($AssignedNotify==1)
{
	$checkedssignuser='checked';
}
else
{
	$checkedssignuser='';
}
$DisplaySign="";
if(!empty($GetSign))
{
	$DisplaySign=$GetSign->SignatureEmailSignatureTemplate;
}
echo "<font color='white'><pre>";
echo "</font></pre>";
@endphp
<br>
<input type='hidden' id="UserId"  id="UserId" value="{{$UserId}}">
<div class="page-header">
	<nav class="breadcrumb-one" aria-label="breadcrumb">
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
			<li class="breadcrumb-item"><a href="javascript:void(0);">Profile</a></li>
			<li class="breadcrumb-item active" aria-current="page"><span>Edit Profile</span></li>
		</ol>
	</nav>
</div>
<div class="row">
	<div class="col-lg-12 col-md-12 layout-spacing">
		<div class="statbox widget box box-shadow" style="padding: 20px;">
			<!-- <div class="widget-header">
				<div class="row">
					<div class="col-xl-12 col-md-12 col-sm-12 col-12">
						<h4>Profile</h4>
					</div>          
				</div>
			</div> -->


			<ul class="nav nav-tabs  mb-3 mt-3" id="simpletab" role="tablist">
				<li class="nav-item">
					<a class="nav-link active" id="user-tab" data-toggle="tab" href="#user" role="tab" aria-controls="user" aria-selected="true">Edit Profile</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" id="password-tab" data-toggle="tab" href="#password" role="tab" aria-controls="dropdown" aria-selected="false">Change Password</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" id="notification-tab" data-toggle="tab" href="#notification" role="tab" aria-controls="dropdown" aria-selected="false">Notifications</a>
				</li>
			</ul>

			
			@csrf
			<div class="tab-content" id="simpletabContent">
				<div class="tab-pane fade show active" id="user" role="tabpanel" aria-labelledby="user-tab">
					@if(session()->has('message'))
					<div class="alert alert-success">
						{{session()->get('message')}}
					</div>
					@endif
					<form action="" id="profileform" name="profileform" enctype="multipart/form-data">
						@csrf
						<div class="row">
							<div class="col-xs-6 col-sm-6 col-md-6">
								<div class="form-group">
									<strong>Name:</strong>
									<input type="text" name="name" id="Name" class="form-control" placeholder="Name"value="{{$profiledata->name}}" readonly>
								</div>
							</div>
							<div class="col-xs-6 col-sm-6 col-md-6">
								<div class="form-group">
									<strong>E-mail</strong>
									<input type="email" name="email" id="email" class="form-control" placeholder="E-mail"value="{{$profiledata->email}}" readonly>
								</div>
							</div>
						</div>
						<div class="row">

							<div class="col-xs-6 col-sm-6 col-md-6">
								<div class="form-group">
									<strong>Profic Photo:</strong>
									<input type="file" name="photo" id="photo" class="form-control" onchange="ValidateFile()">
								</div>
							</div>
							<div class="col-xs-6 col-sm-6 col-md-6">
								<div class="form-group">
									<strong>Date Format:</strong>
									<select class="form-control" name="date_format" id="date_format">
										<option val="">--Select--</option>
										<OPTION value='Y-m-d'
										@php
										if($profiledata->DateFormat=="Y-m-d")
										{
											echo "selected";
										}
										@endphp
										>2010-12-23</OPTION>
										<OPTION value='m-d-Y'
										@php
										if($profiledata->DateFormat=="m-d-Y")
										{
											echo "selected";
										}
										@endphp
										>12-23-2010</OPTION>
										<OPTION value='d-m-Y'
										@php
										if($profiledata->DateFormat=='d-m-Y')
										{
											echo "selected";
										}
										@endphp
										>23-12-2010</OPTION>
										<OPTION value='Y/m/d'
										@php
										if($profiledata->DateFormat=='Y/m/d')
										{
											echo "selected";
										}
										@endphp
										>2010/12/23</OPTION>
										<OPTION value='m/d/Y'
										@php
										if($profiledata->DateFormat=="m-d-Y")
										{
											echo "selected";
										}
										@endphp
										>12/23/2010</OPTION>
										<OPTION value='d/m/Y'
										@php
										if($profiledata->DateFormat=='d/m/Y')
										{
											echo "selected";
										}
										@endphp
										>23/12/2010</OPTION>
										<OPTION value='Y.m.d'
										@php
										if($profiledata->DateFormat=='Y.m.d')
										{
											echo "selected";
										}
										@endphp
										>2010.12.23</OPTION>
										<OPTION value='d.m.Y'
										@php
										if($profiledata->DateFormat=='d.m.Y')
										{
											echo "selected";
										}
										@endphp
										>23.12.2010</OPTION>
										<OPTION value='m.d.Y'
										@php
										if($profiledata->DateFormat=='m.d.Y')
										{
											echo "selected";
										}
										@endphp
										>12.23.2010</OPTION>
									</select>
								</div>
							</div>
						</div>	
						<div class="row">
							<div class="col-xs-6 col-sm-6 col-md-6">
								<div class="form-group">
									<strong>Time Zone:</strong>
									<select class="form-control " name="time_zone" id="time_zone">
										<option val="">--Select--</option>
										@foreach($timeZones as $timeZone)
										<option  value="{{$timeZone->zone_name}}"
											@php
											if($profiledata->TimeZone==$timeZone->zone_name)
											{
												echo "selected";
											}
											@endphp
											>{{$timeZone->zone_name}}</option>
											@endforeach
										</select>
									</div>
								</div>
								<div class="col-xs-6 col-sm-6 col-md-6">
									<div class="form-group">
										<strong>Time Format:</strong>
										<select class="form-control" name="timeFormat" id="timeFormat">
											<option val="">--Select--</option>
											<option value="H:i"
											@php
											if($profiledata->TimeFormat=="H:i")
											{
												echo "selected";
											}
											@endphp
											>23:00</option>
											<option value="h:ia"
											@php
											if($profiledata->TimeFormat=="h:ia")
											{
												echo "selected";
											}
											@endphp
											>11:00pm</option>
											<option value="h:iA"
											@php
											if($profiledata->TimeFormat=="h:iA")
											{
												echo "selected";
											}
											@endphp
											>11:00PM</option>
											<option value="h:i a"
											@php
											if($profiledata->TimeFormat=="h:i a")
											{
												echo "selected";
											}
											@endphp
											>11:00 pm</option>
											<option value="h:i A"
											@php
											if($profiledata->TimeFormat=="h:i A")
											{
												echo "selected";
											}
											@endphp
											>11:00 PM</option>
											<option value="H.i"
											@php
											if($profiledata->TimeFormat=="H.i")
											{
												echo "selected";
											}
											@endphp
											>23.00</option>
											<option value="h.ia"
											@php
											if($profiledata->TimeFormat=="h.ia")
											{
												echo "selected";
											}
											@endphp
											>11.00pm</option>
											<option value="h.iA"
											@php
											if($profiledata->TimeFormat=="h.iA")
											{
												echo "selected";
											}
											@endphp
											>11.00PM</option>
											<option value="h.i a"
											@php
											if($profiledata->TimeFormat=="h.i a")
											{
												echo "selected";
											}
											@endphp
											>11.00 pm</option>
											<option value="h.i A"
											@php
											if($profiledata->TimeFormat=="h.i A")
											{
												echo "selected";
											}
											@endphp
											>11.00 PM</option></select>
										</select>
									</div>
								</div>
							</div>
						<!-- <div class="row">
							<div class="col-xs-6 col-sm-6 col-md-6">
								<div class="form-group">
									<strong>GmtOffset:</strong>
									<select class="form-control selectpicker" name="GmtOffset" id="GmtOffset">
										<option val="">--Select--</option>
										@foreach($timeZones as $timeZone)
										<option  value="{{$timeZone->zone_name}}"
											@php
												if($profiledata->TimeZone==$timeZone->zone_name)
												{
													echo "selected";
												}
											@endphp
											>{{$timeZone->zone_name}}</option>
										@endforeach
									</select>
								</div>
							</div>
						</div> -->
						<div class="row">
							<div class="col-xs-6 col-sm-6 col-md-6">
								<div class="form-group">
									Notify on Assignment<br>
									<input type="checkbox" class="form-check-input" name="NotificationmailConfig" id="NotificationmailConfig" title="Recieve an Email Notification when a record is assigned to you " {{$checkedssignuser}}>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-6 col-sm-6 col-md-6">
								<div class="form-group">
									<strong>Currency:</strong>
									<select class="form-control" name="Currency" id="Currency">
										<option value="">--Select--</option>
										@foreach($CurrencydropDownlist as $currencyList)
										@php
										$selected="";
										@endphp
										@if($profiledata->CurrencyId==$currencyList['value'])
										{
											@php
											$selected="selected";
											@endphp
											
										}
										@endif
										<option value="{{$currencyList['value']}}" {{$selected}}> {{$currencyList['name']}}</option>
										@endforeach
									</select>
								</div>
							</div>

							<div class="col-xs-6 col-sm-6 col-md-6">
								<div class="form-group">
									<strong style="display:block">Email Signature Type {{$profiledata->EmailSignatureType}}</strong>
									<div class="n-chk" style="float:left">

										@php										
										if($profiledata->EmailSignatureType=="1")
										{
											$signtype1="checked";
											$signtype2="";
											$DisplaySign="display:none;";
										}
										else
										{
											$signtype1="";
											$signtype2="checked";
											$DisplaySign="display:block;";
										}

										@endphp

										<label class="new-control new-radio radio-primary">
											<input type="radio" class="new-control-input" name="EmailSignatureType" id="EmailSignature1" value="1" onchange="DisplaySignatureBox(1)" {{$signtype1}}>
											<span class="new-control-indicator"></span>Default
										</label>
									</div>

									<div class="n-chk" style="float:left">
										<label class="new-control new-radio radio-primary">
											<input type="radio" class="new-control-input" name="EmailSignatureType" id="EmailSignature2" value="2" onchange="DisplaySignatureBox(2)" {{$signtype2}}>
											<span class="new-control-indicator"></span>Custom
										</label>
									</div>

								</div>
							</div>
						</div>
						<div class="row" id="DisplaySignatureDropDown" style="">
							<div class="form-group">
								<div class="col-xs-6 col-sm-6 col-md-6" id="EmailSignatureDiv">
									<label>Select Template</label><br>
									<select class="form-control" id="selectTemplate" name="selectTemplate" onchange="DisplaytheSignatreTemplate(this.value)">
										<option>--select Template--</option>
										@foreach($GetSignTemplate as $eachTemplate)
										<option value="{{$eachTemplate->EmailSignatureTemplateId}}">{{$eachTemplate->EmailSignatureTemplateName}}</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="row">
								<div class="form-group">
									<div class="col-xs-12 col-sm-12 col-md-12" id="EmailSignatureDiv">
										<label>Signature</label>

										<input type="hidden" name="EmailSignature" id="EmailSignature" value="{{$profiledata->EmailSignature}}">
										<textarea id="EmailSignatureEditor">{{$profiledata->EmailSignature}}</textarea>
										<script>
											document.addEventListener('DOMContentLoaded',function(){
												CKEDITOR.replace('EmailSignatureEditor');
												CKEDITOR.instances["EmailSignatureEditor"].on('change',function(){
													document.getElementById("EmailSignature").value=CKEDITOR.instances["EmailSignatureEditor"].getData();
												});
											});
										</script>
									</div>

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

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 text-center">
								<button type="button" id="updateProfileBtn"class="btn btn-primary">Update</button>
							</div>
						</div>
					</form>
				</div>
				<div class="tab-pane fade" id="password" role="tabpanel" aria-labelledby="password-tab">
					@if(session()->has('message'))
					<div class="alert alert-success">
						{{session()->get('message')}}
					</div>
					@endif
					@if(session()->has('error'))
					<div class="alert alert-danger">
						{{session()->get('error')}}
					</div>
					@endif
					<form action="" method="POST" id="passwordform">
						@csrf
						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12">
								<div class="alert alert-info">
									<p>Please Note : Password must be minimum 8 characters and Password Must contain Atleast 
										<br>1 Upper case alphabet, 
										<br>1 Lower case alphabet,
										<br>1 Number,
									<br>1 Special Character</p>
								</div>
							</div>

							<div class="col-xs-12 col-sm-12 col-md-12">
								<div class="form-group">
									<strong>Old Password:</strong>
									<input type="password" name="oldpassword" id="oldpassword" class="form-control" placeholder="Old Password" value="">
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12">
								<div class="form-group">
									<strong>New Password:</strong>
									<input type="password" name="newpassword" id="newpassword" class="form-control" placeholder="New Password">
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12">
								<div class="form-group">
									<strong>Confirm Password:</strong>
									<input type="password" name="confirmpassword" id="confirmpassword" class="form-control" placeholder="Confirm Password">
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 text-center">
								<button type="button" id="ChangePassword"class="btn btn-primary">Change Password</button>
							</div>
						</div>
					</form>
				</div>
				<div class="tab-pane fade" id="notification" role="tabpanel" aria-labelledby="notification-tab">
					<div class="table-responsive">
						<table class="table table-bordered mb-4">
							<thead>
								<tr>
									<th class="text-center" rowspan="2" style="vertical-align: middle;">Module</th>
									<th class="text-center"rowspan="2" style="vertical-align: middle;">Disable/Enable</th>
									<th class="text-center" colspan="6">Notification Type</th>
								</tr>
								<tr>
									<th class="text-center">Pop Up</th>
									<th class="text-center">Desktop</th>
									<th class="text-center">Email</th>
									<th class="text-center">SMS</th>
									<th class="text-center">Whatsapp</th>
									<th class="text-center">mobile Push</th>
								</tr>
							</thead>
							<tbody>
								@php
								$loopcount=0;
								@endphp
								@foreach ($modules as $module)	

								@php
								$popupCheck="";
								$DesktopCheck='';
								$EmailCheck='';
								$SmsCheck='';
								$WhatsAppCheck='';
								$MobileAppCheck='';
								$EnableNotificationCheck='';
								if($module->PopUp==1)
								{
									$popupCheck="checked";
								}
								if($module->Desktop==1)
								{
									$DesktopCheck="checked";
								}
								if($module->Email==1)
								{
									$EmailCheck="checked";
								}
								if($module->Sms==1)
								{
									$SmsCheck="checked";
								}
								if($module->WhatsApp==1)
								{
									$WhatsAppCheck="checked";
								}
								if($module->MobileApp==1)
								{
									$MobileAppCheck="checked";
								}
								if($module->EnableNotification=='1')
								{
									$EnableNotificationCheck="checked";
								}
								

								@endphp	
								<tr>
									<td class="text-center">
										<input type="hidden" name="moduleid{{$loopcount}}" id="moduleid{{$loopcount}}" value="{{$module->ModuleId}}" />
										{{$module->ModuleName}}
									</td>
									<td class="text-center">
										<label class="switch s-icons s-outline  s-outline-primary">
											@php
											//$checked="";
											//if(array_key_exists($module->ModuleId,$notificationArray) && //$notificationArray[$module->ModuleId]==1)
											//{
											//	$checked="checked";
											//}
											//else
											//{
											//	$checked="";	
											//}
											@endphp
											<input class="module_config" type="checkbox" id="action{{$loopcount}}" name="action{{$loopcount}}" value="{{$module->ModuleName}}" onchange="EnableDisable('{{$module->ModuleId}}','{{$loopcount}}','EnableNotification')" {{$EnableNotificationCheck}}/>
											<span class="slider round"></span>
										</label>
									</td>

									<td align="center">
										<label class="switch s-icons s-outline  s-outline-info">
											<input class="module_config disall{{$loopcount}}" type="checkbox" id="PopUp{{$loopcount}}" name="PopUp{{$loopcount}}" value="{{$module->ModuleName}}" onchange="EnableDisable('{{$module->ModuleId}}','{{$loopcount}}','PopUp')" {{$popupCheck}}/>
											<span class="slider round"></span>
										</label>
									</td>

									<td align="center">
										<label class="switch s-icons s-outline  s-outline-warning">
											<input class="module_config disall{{$loopcount}}" type="checkbox" id="Desktop{{$loopcount}}" name="Desktop{{$loopcount}}" value="{{$module->ModuleName}}" onchange="EnableDisable('{{$module->ModuleId}}','{{$loopcount}}','Desktop')" {{$DesktopCheck}}/>
											<span class="slider round"></span>
										</label>
									</td>

									<td align="center">
										<label class="switch s-icons s-outline  s-outline-secondary">
											<input class="module_config disall{{$loopcount}}" type="checkbox" id="Email{{$loopcount}}" name="Email{{$loopcount}}" value="{{$module->ModuleName}}" onchange="EnableDisable('{{$module->ModuleId}}','{{$loopcount}}','Email')" {{$EmailCheck}}/>
											<span class="slider round"></span>
										</label>
									</td>

									<td align="center">
										<label class="switch s-icons s-outline  s-outline-dark">
											<input class="module_config disall{{$loopcount}}" type="checkbox" id="Sms{{$loopcount}}" name="Sms{{$loopcount}}" value="{{$module->ModuleName}}" onchange="EnableDisable('{{$module->ModuleId}}','{{$loopcount}}','Sms')" {{$SmsCheck}}/>
											<span class="slider round"></span>
										</label>
									</td>

									<td align="center">
										<label class="switch s-icons s-outline  s-outline-success">
											<input class="module_config disall{{$loopcount}}" type="checkbox" id="WhatsApp{{$loopcount}}" name="WhatsApp{{$loopcount}}" value="{{$module->ModuleName}}" onchange="EnableDisable('{{$module->ModuleId}}','{{$loopcount}}','WhatsApp')" {{$WhatsAppCheck}}/>
											<span class="slider round"></span>
										</label>
									</td>
									<td align="center">
										<label class="switch s-icons s-outline  s-outline-danger">
											<input class="module_config disall{{$loopcount}}" type="checkbox" id="MobileApp{{$loopcount}}" name="MobileApp{{$loopcount}}" value="{{$module->ModuleName}}" onchange="EnableDisable('{{$module->ModuleId}}','{{$loopcount}}','MobileApp')" {{$MobileAppCheck}}/>
											<span class="slider round"></span>
										</label>
									</td>

								</tr>
								@php
								$loopcount++;
								@endphp
								@endforeach
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>

	</div>
</div>




@endsection