@extends('admin.layout')
@section('content')
<style type="text/css">
		.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none !important;
}
    .required-mark
    {
        color: red;
    }
    .my-current
    {
        color: #00c0ef;
    }
    hr {
        margin:10px 0px;
    }
    .hr-primary{
        border: 1px solid #00c0ef;
    }
    #image_preview ul {
        display: flex;
        flex-direction: column;
        align-items: end;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #image_preview ul li span {
        float: left;
        padding-right: 10px;
        font-size: 10px;
        width: 18px;
        height: 18px;
        background: #7b7b7b;
        opacity: 1;
        margin: 0px 8px 4px 0px;
        text-align: center;
        display: block;
        border-radius: 100%;
        color: #fff;
        font-weight: normal;
        padding: 0;
        line-height: 18px;
    }
    .fglisting ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }
    .fglisting ul li{
        
    }
    .fglisting ul li span {
        padding-left: 8px;
    }
    .fglisting ul li span{

    }
    ._notes div + br, ._notes br {
        display: block;
    }


    ._subject .dropdown-menu {
        box-shadow: -1px 3px 13px 0 rgba(85, 85, 85, 0.52);
        border: 1px solid #b5b5b5;
        width: 100%;
    }
    
/*    CSS added by Dalip on 26-06-2020 for file upload*/
    div#upload-form input[type="file"] {
    position: absolute;
    top: 0;
    opacity: 0;
}

div#upload-form {
    position: relative;
}

div#upload-form label.control-label {
    padding: 6px 12px;
    border: 1px solid #d2d6de;
    width: 100%;
    display: flex;
    pointer-events: none;
        color: #666;
    font-weight: normal;
}
    div#upload-form label.control-label svg {
        margin-right: 5px;
    }

div#image_preview ul li span.close {
    margin: 0 0 0 5px;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 12px;
    border-radius: 0;
    background: transparent;
}

div#image_preview {
    margin-top: 2px;
}

div#image_preview ul li a {
    font-size: 11px;
    color: #000;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

div#image_preview ul li {
    display: flex;
        background-color: #3c8dbc;
    border-color: #367fa9;
    padding: 1px 0 1px 4px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(1rem * 0.875);
    position: relative;
    background: #ecf5fc;
    border: solid 1px #c2e0ff;
    padding-left: 4px;
    border-radius: 2px;
    margin-right: 4px;
    margin-bottom: calc(1rem * 0.375);
    color: #000;
    line-height: 1;
    font-size: 11px;
    align-self: center;
    margin: 0 0;
    margin-right: 4px;
    /* margin-bottom: calc(1rem * 0.375); */
    margin: 2px;
}
#image_preview ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: unset;
    margin: 0 -2px;
}
    div#image_preview ul li span.close i::before {
    content: "\00D7";
    font-size: 14px;
    color: #c70303;
        margin-right: 2px;
}
.dropzone .dz-preview .dz-error-message {
    top: 150px!important;
}  
.select2-container{
    max-width: 100%;
}   
    
    
/*    CSS added for dropzone uploader by Dalip Sharma 21-09-2020*/
    div#dropzone {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px dashed rgb(0 192 239);
        margin-top: 5px;
        flex-wrap: wrap;
        padding: 0;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .dropzone .dz-message {
        text-align: center;
        margin: 0;
    }
    html .dropzone .dz-preview .dz-image{
        width: 100px;
        height: auto;
        border-radius: 5px;
        display: flex;
    }
    html .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom:0px;
        margin-top: 5px;
    }
    html .dropzone .dz-preview .dz-details {
        position: static;
        opacity: 1;
        line-height: 1.5;
        padding: 0;
    }
    html .dropzone .dz-preview {
        position: relative;
        padding: 15px;
        box-sizing: border-box;
        width: 12.5%;
        margin: 0;
    }
    html .dropzone .dz-preview .dz-image img{

        width: 70px;
        height: 70px;
        object-fit: cover;
        display: block;
        margin: 0 auto;

    }
    .dropzone .dz-preview .dz-remove {
        position: absolute;
        top: 5px;
        right: 25px;
        z-index: 99;
        font-size: 0;
        line-height: 1;
    }

    .dropzone .dz-preview .dz-remove:after {
        font-size: 20px;
        content: "\00D7";
        color: #fff;
        background: #f00;
        width: 20px;
        height: 20px;
        display: block;
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
    }
    html .dropzone .dz-preview .dz-remove {
        font-size: 0;
    }
    html .dropzone .dz-preview:hover .dz-image img {-webkit-transform: scale(1.05, 1.05);-moz-transform: scale(1.05, 1.05);-ms-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05);transform: scale(1.05, 1.05);-webkit-filter: blur(0px);filter: blur(0px);transition: all 0.5s ease-in-out;}

    html .dropzone .dz-preview .dz-image img {
        transition: all 0.5s ease-in-out;
        display: block;
        border-radius: 5px;
    }
    div#dropzone.dz-started:after {
        content: "\002B";
        display: block;
        height: 115px;
        font-size: 100px;
        font-weight: 100;
        color: #bbb;
        border: 1px solid #f0f0f0;
        line-height: 70px;
        text-align: center;
        padding: 15px;
        box-sizing: border-box;
        width: 12.5%;
        margin: 15px 0;
        vertical-align: top;
    }
    .dz-messagebottom{
        display: none;
    }
    div#dropzone.dz-started + .dz-messagebottom{
        display: block;
    }
   html .dropzone .dz-preview .dz-success-mark, html .dropzone .dz-preview .dz-error-mark {
        top: 50px;
       left:78px;
    }

    html .dropzone .dz-preview.dz-error.dz-complete .dz-error-mark g[id="Check-+-Oval-2"] {
        fill: #f00 !important;
    }
    html .dropzone .dz-preview.dz-success.dz-complete .dz-success-mark svg path {
        fill: #1a801a !important;
    }
    html .dropzone .dz-preview.dz-file-preview .dz-image{
        border-radius: 5px;
    }
    html .dropzone .dz-preview .dz-success-mark svg, html .dropzone .dz-preview .dz-error-mark svg{
        width: 30px;
    }
    html .dropzone .dz-preview.dz-file-preview .dz-image{
        background: transparent;
    }
    html .dropzone .dz-preview.dz-file-preview .dz-image img {
        border-radius: 5px;
        background: #999;
        background: linear-gradient(to bottom, #eee, #ddd);
    }
    html .dropzone .dz-preview .dz-error-message {
        top: 80px!important;
    }
    html .dropzone .dz-preview .dz-error-message{
        left: -4px;
        text-align: center;
    }
    
/*    CSS added for dropzone uploader by Dalip Sharma 21-09-2020*/
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> {{ trans('Generates Tickets') }} <small></small> </h1>
    <ol class="breadcrumb">
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <li class="active">{{ trans('Generates Tickets') }}</li>
    </ol>
  </section>
  <section class="content"> 
	@php
		$getUserRoleData = userRoleData();
		$Tickets		= explode(",",$getUserRoleData->Tickets);

	@endphp	
    <div class="row">
      <div class="col-md-12">
        <div class="box box-info">  
			<div class="box-header">
				<div class="col-md-12">
					<ul  class="list-inline">							
						<li class="list-inline-item"><button type="button" id="submit-button" class="btn btn-primary btn-sm">{{ trans('Submit') }}</button></li>
						<li class="list-inline-item">
							@if($result['thread_type'] == 'accounts')
								<a href="../../view-{{$result['thread_type']}}/{{$result['ticketsData']->id}}" type="button" class="btn btn-primary btn-sm">{{ trans('labels.back') }}</a>
							@else
								<a href="../../view-{{$result['thread_type']}}/{{$result['accounts_id']}}" type="button" class="btn btn-primary btn-sm">{{ trans('labels.back') }}</a>
							@endif
						</li>
					</ul>
				</div>            	
			</div>
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
              		<div class="">                        
						<div class="">
	              			@if(session()->has('fileError'))
		          				<div class="clearfix"></div><br>
								<div class="alert alert-danger alert-dismissible">
									<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
									<h4><i class="icon fa fa-warning"></i> {{ trans('Error') }} </h4>
		              				<ul>
			              				@foreach(session()->get('fileError') as $error)								
											<li>{{$error}}</li>								
										@endforeach
									</ul>
								</div>
							@endif
							@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
									{{ session()->get('message') }}
								</div>
							@endif
							@if(session()->has('error'))
								<div class="alert alert-warning alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
									{{ session()->get('error') }}
								</div>
							@endif
						</div>
                         <div class="box-body">
						 @if(in_array("Add",$Tickets ))						 	
                        	{!! Form::open(array('url' =>'admin/generates-tickets-data', 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'generatesTicketsData', 'enctype'=>'multipart/form-data')) !!}
                         		@if($result['thread_type'] == 'accounts')
                         		<input type="hidden" name="accounts_id" id="accounts_id" value="{{$result['ticketsData']->id}}">
                         		@else
                         		<input type="hidden" name="accounts_id" id="accounts_id" value="{{$result['accounts_id']}}">
                         		@endif
                         		<input type="hidden" name="thread_type" id="thread_type" value="{{$result['thread_type']}}">
                         		<input type="hidden" name="img_id" id="img_id" value="">
                         		<div class="row">
                         			<div class="clearfix"></div>
								 		<div class="col-md-2">
			                                <strong style="color: #00c0ef;">Tickets Information</strong>
		                          		</div>
                                        @if (\Session::has('err_msg'))
                                        <div class="col-md-12">
                                           <div class="alert alert-danger">
                                                {!! \Session::get('err_msg') !!}
                                            </div> 
                                        </div>
                                        @endif
	                          		<div class="clearfix"></div>
                                    @if($result['thread_type'] == 'accounts')
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="accounts_name" class="control-label">{{ trans('Account Number') }}: </label>
                                                                                                        @if(!empty($result['ticketsData']->name))
                                                        {{ $result['ticketsData']->name }}
                                                    @else
                                                        {{ implode(', ', $accountNumber) }}
                                                    @endif
                                            </div>
                                            {{-- <div class="col-sm-4 col-md-12">
                                                <select class="form-control selectpicker accounts_name" name="accounts_name" id="accounts_name" data-live-search="true" required="" disabled="">
                                                    <option value="@if(count((array) $result['ticketsData'])>0){{$result['ticketsData']->id}}@endif">@if(count((array) $result['ticketsData'])>0){{$result['ticketsData']->name}}@endif</option>
                                                </select>
                                            </div> --}}
                                        </div>
                                    </div>
                                    @endif
	                          		@if($result['thread_type'] == 'leads')
							 		<div class="col-md-3">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="accounts_name" class="control-label">{{ trans('Leads Name') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control selectpicker accounts_name" name="accounts_name" id="accounts_name" data-live-search="true" required="" disabled="">
													<option value="@if(count((array) $result['leadsOneResData']['customers'])>0){{$result['leadsOneResData']['customers']->customers_id}}@endif">
															@if(count((array) $result['leadsOneResData']['customers'])>0){{$result['leadsOneResData']['customers']->customers_firstname}} {{$result['leadsOneResData']['customers']->customers_lastname}}@endif</option>
												</select>
											</div>
		                                </div>
	                          		</div>
	                          		@endif
							 		<div class="col-md-3">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="categories" class="control-label">{{ trans('Categories') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control categories select_default" multiple="" name="categories" id="categories" data-live-search="true" required="">
													<option value="">-- Please Choose --</option>													
													@if(count((array) $result['categories'])>0)
														@foreach($result['categories'] as $key => $ccValue)
															<option value="{{$ccValue->categories_id}}">{{$ccValue->categories_name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
	                          		</div>
									<div class="col-md-3">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="sub_categories" class="control-label">{{ trans('Sub Categories') }} </span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control categories select_default" multiple="" name="sub_categories" id="sub_categories" data-live-search="true">
													<option value="">-- Please Choose --</option>													
													@if(count((array) $result['sub_categories'])>0)
														@foreach($result['sub_categories'] as $key => $ccValue)
															<option value="{{$ccValue->id}}" data-id="{{$ccValue->parent_category_id}}">{{$ccValue->name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
	                          		</div>
							 		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="priority" class="control-label">{{ trans('Priority') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control priority select_default" multiple="" name="Priority" id="Priority" data-live-search="true" required="">
													<option value="">-- Please Choose --</option>													
													@if(count((array) $result['prioritys'])>0)
														@foreach($result['prioritys'] as $key => $ccValue)
															<option value="{{$ccValue->prioritys_id}}">{{$ccValue->prioritys_name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
	                          		</div>
							 		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="status" class="control-label">{{ trans('Status') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control status select_default" multiple="" name="status" id="status" data-live-search="true" required="">
													@if(count((array) $result['status'])>0)
														@foreach($result['status'] as $key => $ccValue)
															<option value="{{$ccValue->status_id}}">{{$ccValue->status_name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
	                          		</div>
							 		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="assigned_to" class="control-label">{{ trans('Assigned To') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control assigned_to select_default" multiple="" name="assigned_to" id="assigned_to" data-live-search="true" required="">
													<option value="">-- Please Choose --</option>													
													@if(count((array) $result['assigned'])>0)
														@foreach($result['assigned'] as $key => $ccValue)
															<option value="{{$ccValue->myid}}">{{$ccValue->first_name}} {{$ccValue->last_name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
	                          		</div>

									  <div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="sub_assigned" class="control-label">{{ trans('Sub Assignee') }} </label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control sub_assigned select_default" multiple="" name="sub_assigned" id="sub_assigned" data-live-search="true">
													<option value="">-- Please Choose --</option>												
													@if(count((array) $result['sub_assigned'])>0)
														@foreach($result['sub_assigned'] as $key => $ccValues)
													
															<option value="{{$ccValues->myid}}">{{$ccValues->first_name}} {{$ccValues->last_name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
	                          		</div>
									<div  id="date_time_show" style="display: none;">			
									<div class="clearfix"></div>     
	                          		<hr class="hr-primary" /><br>
							 		<div class="col-md-2">
		                                <strong style="color: #00c0ef;">Additional Information</strong>
	                          		</div>
	                          		<div class="clearfix"></div>
									<div class="col-md-3">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="categories" class="control-label">{{ trans('Schedule Follow Up') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
											<input type="text" class="form-control" readonly id="combined_datetime" name="combined_datetime">
											</div>
		                                </div>
	                          		</div>
									  </div>
	                          		<div class="clearfix"></div>     
	                          		<hr class="hr-primary" /><br>
							 		<div class="col-md-2">
		                                <strong style="color: #00c0ef;">Optional Information</strong>
	                          		</div>
	                          		<div class="clearfix"></div>
	                          		<div class="col-md-6">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="subject" class="control-label">{{ trans('Subject') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12 _subject">
												<input type="text" name="subject" id="subject" value="" class="form-control typeahead" required="" autocomplete="off">
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-6">
		                                <div class="form-group">
											<div class="col-sm-12 col-md-12">
												<label for="talk_time" class="control-label">{{ trans('Call Time') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-4">
												{!! Form::text('talk_time',  '', array('class'=>'form-control', 'id'=>'talk_time', 'required'=>'required', 'maxlength'=>'3')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="clearfix"></div>
	                          		<div class="col-md-12">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="description" class="control-label">{{ trans('Description') }} </label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::textarea('description',  '', array('class'=>'form-control', 'id'=>'description', 'rows'=>'3')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="clearfix"></div>	                          		
							 		<div class="col-md-12">
										<div class="form-group">
											<label for="watchers" class="col-sm-12 col-md-12 ">{{ trans('Watchers') }} </label>
											<div class="col-sm-12 col-md-12 couponProdcuts">
												<select name="watchers[]" multiple class="form-control select_customized" id="watchers">
													@if(count($result['assigned'])>0)
														@foreach($result['assigned'] as $key => $adValue)
															<option value="{{$adValue->myid}}">{{$adValue->first_name}} {{$adValue->last_name}}</option>
														@endforeach
													@endif
												</select>
											</div>
										</div>
	                          		</div> 
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="images" class="control-label">{{ trans('Attachment') }} </label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                <input type="hidden" name="images_name" id="images_name" value="">
                                                <div id="dropzone" class="dropzone dz-clickable">
                                                    <div class="dz-message">Drop files here or click to upload.</div>
                                                </div>
                                                <div class="dz-messagebottom">Drop files in the box or click on "+" to upload.</div>
                                            </div>
                                    
                                        </div>
                                    </div>
		                            <div class="clearfix"></div>	                          		
		                          	<div class="col-md-12">
										<div class="box-footer text-center">
											<button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
											@if($result['thread_type'] == 'accounts')
												<a href="../../view-{{$result['thread_type']}}/{{$result['ticketsData']->id}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
											@else
												<a href="../../view-{{$result['thread_type']}}/{{$result['accounts_id']}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
											@endif
										</div>
									</div>
                           		</div>
                        	{!! Form::close() !!}	                       
						@else
							<p> <strong>Please contact with SuperAdmin</strong></p>
						@endif
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

<div id="myModal" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
		<div class="modal-header btn-info">
      	<!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
        <h5 class="modal-title" id="editschedulecallLabel"><strong>Schedule Follow Up</strong></h5>
      </div>
      <div class="row modal-body">
	  	<div class="col-sm-4 col-md-4">
			<div class="form-group">
				<div class="row">
					<label for="date" class="col-sm-12 col-md-12">{{ trans('Date') }}  <span class="required-mark">*</span></label>
					<div class="col-sm-12 col-md-12">
						{!! Form::text('edit_date', '', array('class'=>'form-control', 'id'=>'edit_date', 'autocomplete'=>'off', 'required'=>'required', 'readonly'=>'readonly')) !!}
					</div>
				</div>
			</div>
		</div>
		<div class="col-sm-4 col-md-4">
			<div class="form-group">
				<div class="row">
					<label for="edit_time" class="col-sm-12 col-md-12">{{ trans('Time') }}  <span class="required-mark">*</span></label>
					<div class="col-sm-12 col-md-12">									
						<input type="text" name="edit_time" id="edit_time" value="" required="" class="form-control">
											</div>
				</div>
			</div>
		</div>									
      </div>
      <div class="modal-footer">
        <!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> -->
        <button type="button" class="btn btn-primary" id="save_changes_button">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div>


</div>
</div>
@endsection 
@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js">
<script src="{!! asset('assets/admin/dist/js/popper.min.js') !!}"></script>
<script src="{!! asset('assets/admin/dist/js/dropzone.min.js') !!}"></script>
<script src="{!! asset('assets/admin/dist/js/my-app.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<link href="{!! asset('assets/admin/dist/css/dropzone.min.css') !!}" rel="stylesheet" />

<script>
	// $('#status').on('change', function() {
	// 		var selectedValues = $(this).val();
	// 		$('#date_time_show').hide();
	// 		if(Array.isArray(selectedValues) && selectedValues.length > 0 && selectedValues[0] == 3){
	// 			$('#myModal').modal('show');
	// 		}
	// });

	$(document).ready(function() {
		$('#date_time_show').hide();
    $('#save_changes_button').click(function() {
       
        var dateValue = $('#edit_date').val();
        var timeValue = $('#edit_time').val();
		if(dateValue && timeValue){
			var combinedValue = dateValue + ' ' + timeValue;
			$('#date_time_show').show();
			$('#combined_datetime').val(combinedValue);
			$('#myModal').modal('hide');
		}else{
			alert('Select Date and Time First');
		}

       
    });
});

	var today = "2025-04-27";
	function getCurrentTime(date) {
        var hours = date.getHours(),
                minutes = date.getMinutes(),
                ampm = hours >= 12 ? 'PM' : 'AM';

                if(minutes > 30 ){
                    minutes = "00";
                    hours ++;
                }
                else {
                    minutes = "00";
                }
        hours = hours % 12;
        hours = hours ? hours : 12; // the hour '0' should be '12'

        return hours + ':' + minutes + ' ' + ampm;

    }
	$(function() {
		var tpic = 0;
		$( "#date, #edit_date" ).datepicker({ 
			format: 'yyyy-mm-dd',
			//minDate: 0,
			autoclose: true,
			todayHighlight: true,
		}).on('changeDate', function(e) {
			var firstDate = $(this).val();
			console.log(firstDate);
			//if(this.value === today) {
			var a = new Date(firstDate);			 
			a.setHours(0, 0, 0, 0);

			var b = new Date(today);
			b.setHours(0, 0, 0, 0);


			if(a.getTime() > b.getTime()) {
				console.log("Here");
				if(!tpic){
					$('#time, #edit_time').timepicker({
			            timeFormat: 'H:i:s',
			            interval: 30,
			            use24hours: true,
			            scrollbar: true,
			            minTime: '00:00:00',
			            maxTime: '23:30:00',
			        });
			        tpic = 1;
				}

				$('#time, #edit_time').timepicker('option', {
		            minTime: '00:00:00',
		        });
			} else {
				var  thisHour = getCurrentTime(new Date());
				console.log(thisHour);
				if(!tpic){
			        $('#time, #edit_time').timepicker({
			            timeFormat: 'H:i:s',
			            interval: 30,
			            use24hours: true,
			            scrollbar: true,
			            minTime: thisHour,
			            maxTime: '23:30:00',
			        });
			        tpic = 1;
				}

		        $('#time, #edit_time').timepicker('option', {
		            minTime: thisHour,
		        });
			}
		});
		$('#date, #edit_date').datepicker('setStartDate', truncateDate(new Date()));
	});	

	function truncateDate(date) {
		return new Date(date.getFullYear(), date.getMonth(), date.getDate());
	}	

</script>
<script>
function checkCategoriesSelected() {
    return $('#categories').val() && $('#categories').val().length > 0;
}

$('#sub_categories').on('select2:open', function(e) {
    if (!checkCategoriesSelected()) {
        e.preventDefault();
        alert('Please select an option from the Categories dropdown first.');
        $('#sub_categories').select2('close');
    }
});

$('#categories').on('change', function() {
    var selectedValues = $(this).val();

    $('#sub_categories').find('option').each(function() {
        var dataId = $(this).data('id');
        if (Array.isArray(selectedValues) && selectedValues.length > 0) {
            if (dataId && !selectedValues.includes(dataId.toString())) {
                $(this).prop('disabled', true); 
            } else {
                $(this).prop('disabled', false); 
            }
        } else {
            $(this).prop('disabled', false); 
        }
    });

    // Notify Select2 of the changes
    $('#sub_categories').select2(); // Reinitialize Select2 to apply the changes

});
</script>
<script type="text/javascript">
	
	// Alphabets Only
	$.validator.addMethod("alpha", function(value, element) {
		return this.optional(element) || value == value.match(/^[a-zA-Z\s]+$/);
	});	
	
	// Password Check
	$.validator.addMethod("pwcheck", function(value) {
		return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{6,16}$/.test(value) // consists of only these
	});
	
	// Email Check
	$.validator.addMethod("email", function(value) {
		return /^(([^<>()\[\]\\.,;:\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,}))$/.test(value) // consists of only these
	});
	
	// File Size Validation
	jQuery.validator.addMethod("filesize_max", function(value, element, param) {
		var isOptional = this.optional(element),
			file;

		if(isOptional) {
			return isOptional;
		}
		if ($(element).attr("type") === "file") {

			if (element.files && element.files.length) {

				file = element.files[0];            
				return ( file.size && file.size <= param ); 
			}
		}
		return false;
	}, "File size is too large.");
	
	var $wCur = $("#generatesTicketsData");	
	$wCur.validate( {
			ignore: "#images",
			rules: {				
				accounts_name: {
					required: true,
				},					
				categories: {
					required: true,
				},						
				Priority: {
					required: true,
				},						
				status: {
					required: true,
				},							
				assigned_to: {
					required: true,
				},							
				subject: {
					required: true,
				},							
				talk_time: {
					required: true,
					maxlength: 3,
				},
			},
			messages: {
				accounts_name: {
					required: "Please choose accounts name option",
				},				
				categories: {
					required: "Please choose categories option",
				},					
				Priority: {
					required: "Please  choose priority option",
				},					
				status: {
					required: "Please  choose status option",
				},
				assigned_to: {
					required: "Please select assign option",
				},
				subject: {
					required: "Please enter subject",
				},
				talk_time: {
					required: "Please enter call time",
					maxlength: "Please enter valid call time in 3 digit only",
				},
			},
			errorElement: "em",
			errorPlacement: function ( error, element ) {
				// Add the `help-block` class to the error element
				error.addClass( "help-block" );

				// Add `has-feedback` class to the parent div.form-group
				// in order to add icons to inputs
				element.parents( ".col-sm-5" ).addClass( "has-feedback" );

				if ( element.prop( "type" ) === "checkbox" ) {
					error.insertAfter( element.parent( "label" ) );
				} else {
					error.insertAfter( element );
				}

				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !element.next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-remove form-control-feedback'></span>" ).insertAfter( element );
				}
			},
			success: function ( label, element ) {
				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !$( element ).next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-ok form-control-feedback'></span>" ).insertAfter( $( element ) );
				}
			},
			highlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
				$( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" );
			},
			unhighlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
				$( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
			}
		} );
			
		$("#submit-button").click(function (e) {  
			//console.log(checkLength);
			//return false;
	        if($wCur.valid()) {
	            $("#generatesTicketsData").submit();
	        } else {            	
				e.preventDefault();
	        }
		});			
</script>
<script type="text/javascript">	
	$( "#same_as_primary_address" ).on( "click", function() {
		//$('#same_as_primary_address').is(":checked");
		if ($('#same_as_primary_address').is(":checked") == true) {			
			//console.log($('#same_as_primary_address').is(":checked"));
			$("#other_address").val($("#primary_address").val());
			$("#o_city").val($("#p_city").val());
			$("#o_state").val($("#p_state").val());
			$("#o_postal_code").val($("#p_postal_code").val());
			$("#o_country").val($("#p_country").val());
		} else {
			//console.log($('#same_as_primary_address').is(":checked"));
			$("#other_address").val("");
			$("#o_city").val("");
			$("#o_state").val("");
			$("#o_postal_code").val("");
			$("#o_country").val("");
		}
	});
</script>
<script type="text/javascript">
	$("#talk_time").keypress(function (e){
		var charCode = (e.which) ? e.which : e.keyCode;
		if (charCode > 31 && (charCode < 48 || charCode > 57)) {
			return false;
		}
	});
</script>

<script type="text/javascript">
	$('input.typeahead').typeahead({
	    source:  function (query, process) {
        return $.get('{{URL("admin/get-subject-data")}}', { query: query }, function (data) {
        		console.log(data);
        		data = $.parseJSON(data);
	            return process(data);
	        });
	    }
	});
</script>

@endsection