@extends('admin.layout')
@section('content')
<style type="text/css">
	.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none !important;
}
	#watermarked::before {
	position: fixed;
	top: -75%;
	left: -75%;
	display: block;
	width: 300%;
	height: 300%;
	transform: rotate(-45deg);
	content: attr(data-watermark);
	font-size: 30px;
	opacity: 0.15;
	line-height: 4em;
	letter-spacing: 2px;
	color: #ff0523;
	z-index:0;
	}
	.content-wrapper, .right-side{
		background: #FFF;
	}
	.box {
		background: transparent;
		z-index: 1; 
	}
    .required-mark
    {
        color: red;
    }
    hr {
        margin-left: 15px;
        margin-bottom:-3px;
    }
    .hr-primary{
        border: 1px solid #00c0ef;
    }
    .bootstrap-select.btn-group .dropdown-menu li {
        border-bottom: 1px solid #6c6c6cde;
    }   
    .my-current
    {
        color: #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{
 
    }
    ._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;
    }
 
	.rating {
		direction: rtl;
		unicode-bidi: bidi-override;
		display: inline-block;
	}
 
	.rating input {
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}
 
	.rating label {
		font-size: 2rem;
		color: #ddd;
		cursor: pointer;
		display: inline-block;
		transition: color 0.3s;
	}
 
	.rating input:checked ~ label {
		color: #f5b301;
	}
 
	.rating input:checked ~ label:hover,
	.rating input:checked ~ label:hover ~ label {
		color: #f5b301;
	}
 
	#myModal .select2 {
		width: 100% !important;
	}
 
 
/*    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('Edit 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('Edit Tickets') }}</li>
    </ol>
  </section>
  <section class="content"> 
	@php
		$getUserRoleData = userRoleData();
		$Tickets		= explode(",",$getUserRoleData->Tickets);
		$file_attachments		= explode(",",$getUserRoleData->file_attachments);
 
	@endphp	
    <div class="row">
      <div class="col-md-12">
        <div class="box box-info"> 
           {!! Form::open(array('url' =>'admin/update-tickets-data', 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'updateTicketsData', 'enctype'=>'multipart/form-data')) !!}        
			@if(in_array("Edit",$Tickets) || in_array("View",$Tickets))
				<div class="box-header">
					<div class="col-md-12">
						<ul  class="list-inline">
							@if(in_array("Edit",$Tickets) || in_array("View",$Tickets))
								<button type="submit" id="ticket_update_button" class="btn btn-primary btn-sm">{{ trans('Submit') }}</button>
							@endif
							<a href="../../view-tickets/{{$result['ticketsData']->id}}/{{$result['ticketsData']->thread_type}}" type="button" class="btn btn-primary btn-sm">{{ trans('labels.back') }}</a>
 
                            @if(in_array(Auth::guard('admin')->user()->role_id, config('param.requesting_roles_rate_my_work')) && Auth::guard('admin')->user()->myid == $result['ticketsData']['assigned_to_user']->myid && !$result['rate_my_work'])
                            <a href="{{ url('admin/ticket-rate-my-work/' . $result['ticketsData']->id) }}" type="button" class="btn btn-success btn-sm" style="float: right;"><strong>Rate My Work</strong></a>
                            @endif
 
                            @if($result['rate_my_work'] && $result['rate_my_work']->value > 0)
                            <span type="button" class="btn btn-info btn-sm" style="float: right;"><strong>Rating Given: {{ $result['rate_my_work']->value }}</strong></span>
                            @endif
						</ul>
					</div>            	
				</div>
			@endif			
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
              		<div class="">
						<div class="alertMessage">
							@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="clearfix"></div><br>
								<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="clearfix"></div><br>
								<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("Edit",$Tickets ))
                         		<input type="hidden" name="id" value="{{$result['ticketsData']->id}}" id="id">
                         		<input type="hidden" name="thread_type" id="thread_type" value="{{$result['ticketsData']->thread_type}}">
                         		<input type="hidden" name="accounts_name" value="{{$result['ticketsData']->accounts_id}}">
                         		<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(!empty($result['ticketsData']->thread_type) && $result['ticketsData']->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']['accounts']->name))
                                                    {{ $result['ticketsData']['accounts']->name }}
                                                @else
                                                    {{ implode(', ', $accountNumber) }}
                                                @endif
                                            </div>                                            
                                        </div>
                                    </div>
                                    @endif  
                                    <div class="clearfix"></div>                                 
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="tickets_number" class="control-label">{{ trans('Ticket Number') }}</label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                {!! Form::text('tickets_number',  $result['ticketsData']->tickets_number, array('class'=>'form-control', 'id'=>'tickets_number', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>
                                    @if(!empty($result['ticketsData']->thread_type) && $result['ticketsData']->thread_type == 'accounts')                                    
                                    @elseif(!empty($result['ticketsData']->thread_type) && $result['ticketsData']->thread_type == 'leads')                                  
                                    <div class="col-md-2">
                                        <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" disabled="">
                                                    <option value="@if(count((array) $result['ticketsData']['accounts']['customers'])>0){{$result['ticketsData']['accounts']['customers']->customers_id}}@endif" >@if(count((array) $result['ticketsData']['accounts']['customers'])>0){{$result['ticketsData']['accounts']['customers']->customers_firstname}} {{$result['ticketsData']['accounts']['customers']->customers_lastname}}@endif</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    @else
                                    <input type="hidden" name="accounts_name" id="accounts_name" value="{{$result['ticketsData']->accounts_id}}">
                                    @endif
							 		<div class="col-md-2">
		                                <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}}" {{$categoriesSelected}}>{{$ccValue->categories_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_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 {{$sub_categoriesSelected}}  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}}" {{$prioritysSelected}}>{{$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)