@include('links.header')
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<style>
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.stepperform .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.stepperform .has-error .form-control {
    border-color: #a94442;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
}
.stepperform .btn:not(.btn-link):not(.btn-circle) {
    margin: -5px 0 3px;cursor: pointer;
}
.stepperform .form-group.has-error .btn-group.bootstrap-select.form-control {
    border-bottom: solid 1px #a94442 !important;
}
.red-ask{
    color: red;
}
.setup-content .bootstrap-select.btn-group .dropdown-menu li{
    margin-left: 20px;
}
.filebox .videobox .delete{top: 0;bottom: auto;}

</style>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

@if(Auth::user()->role_id==1)
    <b>Add New Entrant</b>
    <a href="{{url('/entrant')}}" class="btn btn-primary pull-right" >Back</a>
@else
    <b>New Entrant Form</b>
    <a href="{{url('/entry')}}" class="btn btn-primary pull-right" >Back</a>
@endif

<br><br>
<h3><span class="label label-info">{{$event_data->name}}</span></h3>
<br>
@if (Session::has('msg'))
<div class="alert bg-green alert-dismissible" role="alert"><strong>Success! </strong>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    {!! session('msg') !!}
</div>
  @endif
  @if (Session::has('msg_e'))
  <div class="alert bg-red alert-dismissible" role="alert"><strong>Danger! </strong>
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      {!! session('msg_e') !!}
  </div>
    @endif
 
  @if(env('EXCEPTIONAL_AWARD_ID') != session('top_menu_event_id'))
    <div class="alert bg-purple alert-dismissible" role="alert" >
        <!--<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
        Entries must be for work conducted {{ $event_data->eligibility_period }} in order to be eligible.
    </div> 
  @endif

    @php $campaign_period = explode('-',$event_data->eligibility_period);  @endphp
@if(!empty($entrant_detail))
<div class="alert bg-green alert-dismissible" role="alert" >
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        Participants can create new entrant as well as import entrant details from existing one.
</div>
@endif
 <div class="stepwizard col-md-offset-3">
    <div class="stepwizard-row setup-panel">
      <div class="stepwizard-step">
        <a href="#step-1" type="button" class="btn btn-primary btn-circle">1</a>
        <p>Submission Detail</p>
      </div>
      <div class="stepwizard-step">
        <a href="#step-2" type="button" class="btn btn-circle disabled" disabled="disabled" id="stepper-2">2</a>
        <p>Entry Submission</p>
      </div>
      <div class="stepwizard-step">
        <a href="#step-3" type="button" class="btn btn-circle disabled" disabled="disabled" id="stepper-3">3</a>
        <p>Nominee Submission</p>
      </div>
      <div class="stepwizard-step">
        <a href="#step-4" type="button" class="btn btn-circle disabled" disabled="disabled" id="stepper-4">4</a>
        <p>Review</p>
      </div>
    </div>
  </div>
  
  <div class="stepperform">
    <div class="row setup-content" id="step-1">
      <div class="col-xs-12">
        <div class="col-md-12">
          <h3> Submission Detail</h3>
    <!--      <label class="checkbox-inline">
            <input type="checkbox"  data-toggle="toggle" data-size="mini" id="entrant_switch" > Import Entrant Detail
          </label>
            <br>-->
          @if(count($entrant_data)>0)
            <!--    <div class='row clearfix cform'>
                <div class="col-md-12 col-sm-12">
                    <div class="form-group">
                        <label class="control-label">Import Entrant Details</label>
                        <select  class="form-control" data-live-search='true' id="import_entrant_id" >
                            <option value="">Select Entrant</option>
                            @foreach($entrant_data AS $entrant)
                                <option value="{{ $entrant->id}}">{{ $entrant->pri_first_name.' '.$entrant->pri_last_name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
          </div>-->
          @endif
          <form role="form" action="" method="post" id='submission_detail'>
          <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Category<span class="red-ask">*</span> </label>
                        <select name="category_type" class="form-control categorytype" data-live-search='true'  required='' id="category_type" >
                            <option value="">Select category </option>            
                            @if(!empty($parent_category))
                            @foreach($parent_category AS $category)
                                <option value="{{ $category}}">{{ $category}}</option>
                            @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Sub Category</label>
                        <select name="category" class="form-control selectcategory" data-live-search='true'  id="category">                        
                        <option value="">Select sub category </option>   
                        </select>
                    </div>
                </div>
          </div>  

          <h4> Entrant Details</h4>
          <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">First Name<span class="red-ask">*</span></label>
                        <input type="text" name="pri_first_name" id="cat_name" class="form-control" required='' onkeypress="return /[a-z]/i.test(event.key)">
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Last Name<span class="red-ask">*</span></label>
                        <input type="text" name="pri_last_name" id="cat_name" class="form-control" required='' onkeypress="return /[a-z]/i.test(event.key)">
                    </div>
                </div>
            </div> 

            <div class='row clearfix cform'>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Company Name<span class="red-ask">*</span></label>
                        <input type="text" name="pri_company_name" id="cat_name" class="form-control " required=''>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Job Title<span class="red-ask">*</span></label>
                        <input type="text" name="pri_job_title" id="cat_name" class="form-control " required=''>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Country<span class="red-ask">*</span></label>
                        <input type="text" name="pri_country" id="pri_country" class="form-control " value="India" required='' readonly>
                        
                    </div>
                </div>
            </div> 

            <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Work Email Address<span class="red-ask">*</span></label>
                        <input type="email" name="pri_email" id="pri_email" class="form-control" required >
                    </div>
                    <i id="msg_pri_email" style="color:red" ></i>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Mobile<span class="red-ask">*</span></label>
                        <input type="tel" pattern=".{10,10}" title="10 digit mob no required" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');"
 name="pri_phone" id="logo" class="form-control" required maxlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');">
                    </div>
                </div>
            </div> 

            <div class='row clearfix cform'>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Block/Unit/No<span class="red-ask">*</span></label>
                        <input type="text" name="block_unit_no" id="cat_name" class="form-control " required=''>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Building<span class="red-ask">*</span></label>
                        <input type="text" name="building" id="cat_name" class="form-control " required=''>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Street<span class="red-ask">*</span></label>
                        <input type="text" name="street" id="cat_name" class="form-control " required=''>
                    </div>
                </div>
            </div>

            <div class='row clearfix cform'>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">City/District<span class="red-ask">*</span></label>
                        <input type="text" name="city_district" id="city_district" class="form-control " required=''>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">State/Province<span class="red-ask">*</span></label>                    
                        <select name="state" id="cat_name" class="form-control state" required='' data-live-search="true">                        
                        <option value="">Select State</option>
                        @foreach($state_detail As $state)
                        <option value="{{ $state }}">{{$state}}</option>
                        @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Pincode<span class="red-ask">*</span></label>
                        <input type="tel" name="postal_code" id="cat_name" class="form-control " required='' maxlength="6" size="6" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');">
                    </div>
                </div>
            </div>

            <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Country<span class="red-ask">*</span></label>
                        <input type="text" name="country" id="country" class="form-control " value="India" required='' readonly>
                        
                    </div>
                </div>
            </div> 

            <h4>Secondary contact person for awards-related matters</h4>  
            <div class='row clearfix cform'>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label"> First Name<span class="red-ask">*</span></label>
                        <input type="text" name="sec_first_name" id="cat_name" class="form-control " onkeypress="return /[a-z]/i.test(event.key)" required>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label"> Last Name<span class="red-ask">*</span></label>
                        <input type="text" name="sec_last_name" id="cat_name" class="form-control " onkeypress="return /[a-z]/i.test(event.key)" required>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label"> Job Title<span class="red-ask">*</span></label>
                        <input type="text" name="sec_job_title" id="cat_name" class="form-control " required>
                    </div>
                </div>
            </div>

            <div class='row clearfix cform'>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label"> Work Email Address<span class="red-ask">*</span></label>
                        <input type="email" name="sec_email" id="cat_name" class="form-control " required>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label"> Company Name<span class="red-ask">*</span></label>
                        <input type="text" name="sec_company_name" id="cat_name" class="form-control " required>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">  Mobile<span class="red-ask">*</span></label>
                        <input  type="tel" pattern=".{10,10}" title="10 digit mob no required" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');"
                                name="sec_phone" id="cat_name" class="form-control " required maxlength="10"  oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');">
                    </div>
                </div>
            </div>
            
          <h4>Client Detail</h4>     
          <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Company name<span class="red-ask">*</span> </label>
                        <input maxlength="100" type="text" name="client_name" class="form-control"  @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id')) value="Not Applicable" readonly @else required="required" placeholder="Enter Company Name" @endif />
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Client Representative<span class="red-ask">*</span></label>
                        <input type="text" name="client_representative" class="form-control" onkeypress="return /[a-z]*$/i.test(event.key)" @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id')) value="Not Applicable" readonly @else required="required" placeholder="Enter your client representative" @endif />
                    </div>
                </div>
            </div>   
          
            <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Client Email<span class="red-ask">*</span></label>
                        <input name="client_email" class="form-control" @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id')) type="text" value="Not Applicable" readonly @else  type="email" maxlength="100" required="required" placeholder="Enter Email" @endif />
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Client Mobile<span class="red-ask">*</span></label>
                        <input name="client_mobile" title="10 digit mob no required" id="logo" class="form-control" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id')) type="text" value="Not Applicable" readonly @else type="tel" pattern=".{10,10}" maxlength="10" required="required" @endif />
                    </div>
                </div>
            </div>

            <h4>Campaign Detail</h4> 
            <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Campaign Title<span class="red-ask">*</span></label>
                        <input maxlength="100" type="text" name="campaign_title" required="required" class="form-control" placeholder="Enter campaign title" />
                        <p>(Please fill campaign title carefully.)</p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Campaign Budget(in cr)</label>
                        <input type="text" name="campaign_budget" id="logo" class="form-control"  @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id')) value="Not Applicable" readonly @else required="required" placeholder="Campaign Budget" @endif />
                    </div>
                </div>
            </div>
            <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Campaign Brand<span class="red-ask">*</span></label>
                        <input maxlength="100" type="text" name="campaign_brand" class="form-control"  @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id')) value="Not Applicable" readonly @else required="required" placeholder="Enter campaign brand" @endif />
                    </div>
                </div>
                <div class="col-md-3 col-sm-3">
                    <div class="form-group">
                        <label class="control-label">Campaign Start Date<span class="red-ask">*</span></label>
                        <input   name="campaign_start_date"  class="form-control"  @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id')) type="text" value="Not Applicable" readonly @else type="date" required="required" min="1970-01-01" max="1970-01-01" value="{{ !empty($entrant_campaign_date[0]) ? date('Y-m-d',strtotime(str_replace('/','-',$entrant_campaign_date[0]))) : ''}}" @endif />
                    </div>
                </div>
                <div class="col-md-3 col-sm-3">
                    <div class="form-group">
                        <label class="control-label">Campaign Running date<span class="red-ask">*</span></label>
                        <input  name="campaign_end_date" class="form-control" @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id')) type="text" value="Not Applicable" readonly @else type="date" required="required" min="1970-01-01" max="1970-01-01" value="{{ !empty($entrant_campaign_date[1]) ? date('Y-m-d',strtotime(str_replace('/','-',$entrant_campaign_date[1]))) : ''}}" @endif />
                    </div>
                </div> 
                <i id='campaign_date' style="color:red"></i>
                <br>
                <i id='unique_entrant' style="color:red"></i>
            </div>
            
            <input type='hidden' name="user_id" value="{{ $user_id}}">
            <input type='hidden' name="event_id" value="{{ $event_data->id}}">
          </form>
          <button class="btn btn-primary nextBtn btn-lg pull-right" type="button" id="next_step_1">Save & Continue</button>
        </div>
      </div>
    </div>
    <div class="row setup-content" id="step-2">
      <div class="col-xs-12">
        <div class="col-md-12">
          <h3>Entry submission</h3>
          <div id='msg'></div>
          <form role="form" action="" method="post" id='entry_form'>
            <h4>Basic Information</h4>
                <div class="row clearfix cform">
                    <div class=" col-md-12 col-sm-12">
                        <p>All information required in this section are mandatory and in English only.</p>
                        <div class="alert bg-purple">Preferably copy paste your answers from notepad.</div>
                    </div>
                    <div class=" col-md-12 col-sm-12">
                        <p class="message"><span>MUST READ: </span> Credits must be filled in as to be published on all materials and trophy credits. Once submitted, cannot be changed</p>
                    </div>
                </div>                

                <div class="category_question"></div>

           <!--     <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Brand</label>
                        <input type="text" name="brand" class="form-control" placeholder="Brand Name" required=''>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Title</label>
                        <input type="text" name="title" class="form-control" placeholder="Title" required=''>
                    </div>
                </div>
            </div>-->
            <div class='row clearfix cform'>
            <a class="btn btn-info btn-sm waves-effect" id="add_more_weblinks">Add More Microsite Weblinks</a>
                <div class="col-md-12 col-sm-12">
                    <div class="form-group">
                        <label class="control-label">Microsite Weblink</label>
                        <input type="url" name="microsite_weblink[]" class="form-control weblink" placeholder="http://www.example.com" >
                    </div>
                </div>             
            </div>
            <div class="more_weblinks"></div>

                        
            <!--                
                <div class="row clearfix cform">
                    <div class=" col-md-12 col-sm-12">
                            <label class="form-label">Confidentiality Request</label>
                            <div class="form-group form-float">
                                <input type="checkbox" name="confidentiality_request" class="filled-in" value='Yes'>
                                <label for="confidentiality_request">Please keep the information as marked in yellow highlight in the written entry submission confidential.</label>
                            </div>
                        </div>
                </div>


                <div class="row clearfix cform">
                    <div class="col-md-12 col-sm-12">
                            <label class="form-label">Did you insert Digital Signatures as part of your endorsement?</label>
                            <div class="form-group form-float">
                            <input type="radio" name="part_of_endorsement" value="Yes" id="part_of_endorsemen1" class="with-gap radio-col-indigo">
                            <label for="part_of_endorsemen1">Yes</label>
                            <input type="radio" name="part_of_endorsement" value="No" id="part_of_endorsement2" class="with-gap radio-col-indigo">
                            <label for="part_of_endorsement2">No</label>
                        </div>
                    </div>
                </div>-->

            
               

                <div class="row clearfix cform">
                <div class="alert bg-purple">Each supporting item should not be more than 10MB. 
                    <p>Supported document file extensions:
                    .doc, .docx, .ppt, .pptx, .pdf, .xls</p>
                    <p>Supported image file extensions:
                    .jpg, .jpeg, .png, .svg, .gif</p>
                    <p>Supported media file extensions:
                    .mp4,.mp3, .mpg, .mpeg2, .mov, .swf, .wmv </p>
                    </div>
                    <div class=" col-md-12 col-sm-12">
                        <label class="form-label">Upload File 1</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <input type="file" name="upload_img_1" id="upload_img_1" class="form-control">
                            </div>
                        </div>
                        @error('upload_img_1')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>

                    <div class=" col-md-12 col-sm-12">
                        <label class="form-label">Upload File 2</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <input type="file" name="upload_img_2" id="upload_img_2" class="form-control">
                            </div>
                        </div>
                        @error('upload_img_2')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>

                    <div class=" col-md-12 col-sm-12">
                        <label class="form-label">Upload File 3</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <input type="file" name="upload_img_3" id="upload_img_3" class="form-control">
                            </div>
                        </div>
                        @error('upload_img_3')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                
                </div>
             <div id="files" class="filebox"></div>
             <i id="msg_entrant_id" style="color:red"></i>               
             <i id="msg_entry_submission" style="color:red"></i>        
    
          <button class="btn btn-primary nextBtn btn-lg pull-right" type="button" id="next_step_2">Save & Continue</button>
        </form>
        
        </div>
      </div>
    </div>
    
    <div class="row setup-content" id="step-3">
      <div class="col-xs-12">
        <div class="col-md-12">
          <h3>Nominee Submission <br>(Names of two nominees to attend awards night in case the entry is shortlisted:) </h3>
          <form role="form" action="" method="post">
              <h4>Nominee 1</h4>
          <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Name<span class="red-ask">*</span></label>
                        <input maxlength="100" type="text" name="nominee_name_1" required="required" class="form-control" placeholder="Enter Name" onkeypress="return /[a-z ]/i.test(event.key)" />
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Organisation<span class="red-ask">*</span></label>
                        <input type="text" required="required" name="nominee_company_name_1" class="form-control" placeholder="Enter Company Name" >
                    </div>
                </div>
            </div>
            <div class='row clearfix cform'>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Designation<span class="red-ask">*</span></label>
                        <input maxlength="100" type="text" name="nominee_title_1" required="required" class="form-control" placeholder="Enter Title" />
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Email<span class="red-ask">*</span></label>
                        <input type="email" required="required" name="nominee_email_1" class="form-control" placeholder="Enter email" >
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label"> Contact<span class="red-ask">*</span></label>
                        <input type="tel" required="required" name="nominee_contact_1" class="form-control" placeholder="Enter phone" maxlength="10"  oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');">
                    </div>
                </div>
            </div>
            
            <h4>Nominee 2</h4> 
            
                  <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Name<span class="red-ask">*</span></label>
                        <input maxlength="100" type="text" name="nominee_name_2" required="required" class="form-control" placeholder="Enter Name" onkeypress="return /[a-z ]/i.test(event.key)"/>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Organisation<span class="red-ask">*</span></label>
                        <input type="text" required="required" name="nominee_company_name_2" class="form-control" placeholder="Enter Company Name" >
                    </div>
                </div>
            </div>
            <div class='row clearfix cform'>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Designation<span class="red-ask">*</span></label>
                        <input maxlength="100" type="text" name="nominee_title_2" required="required" class="form-control" placeholder="Enter Title" />
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Email<span class="red-ask">*</span></label>
                        <input type="email" required="required" name="nominee_email_2" class="form-control" placeholder="Enter email" >
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label"> Contact<span class="red-ask">*</span></label>
                        <input type="tel" required="required" name="nominee_contact_2" class="form-control" placeholder="Enter phone" maxlength="10"  oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');">
                    </div>
                </div>
            </div>
          <button class="btn btn-primary nextBtn btn-lg pull-right" type="button" id="next_step_3">Save & Continue</button>
        </form>
        </div>
      </div>
    </div>
    
    <div class="row setup-content" id="step-4">
      <div class="col-xs-12">
        <div class="col-md-12">
          <h3>Review</h3>
         
         <div class="stepwizard col-md-offset-3">
            <div class="stepwizard-row setup-panel">
                <div class="list-group">
            <a href="#step-1" class="list-group-item list-group-item-action">Submission Detail</a>
            <a href="#step-2" class="list-group-item list-group-item-action">Entry Detail</a>
            <a href="#step-3" class="list-group-item list-group-item-action">Nominee Detail</a>
                </div>
            </div>
        </div>
        <div class="body">
            <div class="button-demo" align="center">
                <a href="{{ url('entrant_register/')}}/{{ session('event_keyword') }}" class="btn btn-primary waves-effect"> <i class="material-icons">assignment</i> Add Another Entry</a>
                <a href="{{ url ('/entries_checkout') }}" class="btn btn-success waves-effect"><i class="material-icons"> payment</i> Checkout</a>
            </div>
        </div>
        </div>
      </div>
    </div>
    </div>
  <div id='entry_id'></div>
  <div id='entrant_id'></div>
  <div id='event_entry_detail_id'></div>
<input type="hidden" id='entrant_response_status'>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<script>
//$('input[name="campaign_date"]').daterangepicker();
</script>
<script type="text/javascript">
    var entrant_status=''; 

  $(document).ready(function(){
    
    $("#category_type").removeAttr("disabled");
    $("#category").removeAttr("disabled");
    $('.loader').hide();

    // to validate form inputs
    // step -1 city
       $('#city_district').keyup(function() {
            if (this.value.match(/[^a-zA-Z]/g)) {
                this.value = this.value.replace(/[^a-zA-Z]/g, '');
            }
        });
    $('.submit').click(function(){
        if($(this).valid()) {
            var form = $( "#entrant_form" ).submit();
            $( "#entrant_form" ).submit(function( event ) {  
                event.preventDefault();
                $('.loader').show(); 
                $('.submit').hide();
            });
            // $('.loader').show();
            // $('.submit').hide();
        }
    });  

     /*Add more weblinks*/

     var x = 1;
    var maxField = 10;
    $('#add_more_weblinks').click(function(){
      var fieldHTML = '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label">Microsite Weblink</label><div class="form-group form-float"><div class="form-line"><input type="url" name="microsite_weblink[]" class="form-control weblink" placeholder="http://www.example.com" ></div><a href="#" class="remove_weblinks">Remove Microsite Weblink</a></div></div></div>' ;
      if(x < maxField){
         x++; //Increment field counter
         $('.more_weblinks').append(fieldHTML); //Add field html
      }

    });

    //when user click on remove button
   $('.more_weblinks').on("click",".remove_weblinks", function(e){
       e.preventDefault();
       $(this).closest('div[class=row clearfix cform]').remove(); //remove inout field
       x--; //inout field decrement
   });

    /*Add more weblinks*/    

    /* check unique email */

    /*$("#pri_email").keyup(function() {
       
        if($("#import_entrant_id").val()==''){
        var pri_email = $(this).val();
        var category_type = $('#category_type').val();
        var category = 'NA';
        if($('#category').val()!=''){
            category = $('#category').val();   
        }
        $.ajax({
                url: "{{ url('/entrant/checkUniqueEmail') }}",
                type: 'post',
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data: {
                    'pri_email':pri_email,category_type:category_type,category:category
                },
                success: function (data) {
                     if(data.success=='true'){
                        $('#msg_pri_email').html('');  
                        $('#next_step_1').show();                      
                     }else{
                        $('#msg_pri_email').html('Entrant already exist with this email.');
                        $('#next_step_1').hide();
                     }
                },
                error: function (data) { 
                    console.log(data);
                }
            });
        }
    });*/

    /* check unique email*/

  });

  $("#regionName").on("change",function(){
        var region  = $(this).val();         
         $.ajax({
                url: "{{ url('/entry/getCategoryType') }}",
                type: 'post',
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data: {
                    'region':region
                },
                success: function (data) {
                      if(data.status_code==1000){
                        var optionVal = data.data;
                        var optionElement='';
                          $.each(optionVal, function (i, val) {
                              if(val !=null){
                                optionElement +="<option value='"+val+"'>"+val+"</option>";
                              }
                           });
                           $("#category_type").html("<option value=''>Select category type</option>"+optionElement);
                           $('#category_type').selectpicker('refresh');
                      }else{
                        var optionElement ="<option value=''>Select category type</option>";
                        $("#category_type").html(optionElement);
                        $('#category_type').selectpicker('refresh');
                      }
                },
                error: function (data) {
                    console.log(data);
                }
            });

    });

    $("#category_type").on("change",function(){        
        var category_type  = $(this).val();
       // var region = $('#regionName').val();
       
        
        $.ajax({
                url: "{{ url('/entry/getCategory') }}",
                type: 'post',
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data: {
                    'category_type':category_type
                },
                success: function (data) {                    
                      if(data.status_code=='1000'){
                        var optionVal = data.data;
                        var optionElement = '';
                        $.each(optionVal, function (i, val) {
                             optionElement += "<option value='"+val+"'>"+val+"</option>";
                        });
                        $("#category").html("<option value=''>Select category </option>"+optionElement);
                        $('#category').selectpicker('refresh');
                        $('#category').attr("required", "required");                        
                      }else{
                        var optionElement ="<option value='NA' selected>Select category </option>";
                        $("#category").html(optionElement);
                        $('#category').selectpicker('refresh');
                        $('#category').removeAttr("required", "required");
                        var optionElements ="";
                        $(".category_question").html(optionElements);
                        getCategoryQuestion(category_type);
                      }
                },
                error: function (data) {
                    console.log(data);
                }
            });
            
            if($('input[name=pri_email]').val()!=''){
                // $('#pri_email').keyup();
              /*  $('#pri_email').trigger( "keyup" );*/
            }
    });

    /*Category name*/
    $("#category").on("change",function(){
        
        var category  = $(this).val();
        $.ajax({
               url: "{{ url('/entry/getCategoryQuestion') }}",
               type: 'post',
               headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
               data: {
                   'category':category
               },
               success: function (data) {
                     if(data.status_code==1000){
                       var optionVal = data.data;
                       var optionElement = '';
                       $.each(optionVal, function (i, val) {
                        var min_length = val.min_length;
                        var max_length = val.max_length;
                      
                            if(val.required!==''){
                               // var max_length = '120';
                                optionElement += '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label cat_question">'+val.question+'<span style="color:red">*</span></label> <div class="form-group form-float"><div class="form-line"> <textarea class="form-control cat_answer" style="height:150px" oninput="getWordCount('+i+')" id="answer_index'+i+'" name="user_answer[]" minlength="'+min_length+'" data-max-words="'+max_length+'" '+val.required+' ></textarea><div class="pull-right"><span id="answer_count_'+i+'"></span>/'+max_length+'</div><input type="hidden" name="min_mark[]" value="'+val.min_mark+'" class="cat_min_mark"> <input type="hidden" name="max_mark[]" value="'+val.max_mark+'" class="cat_max_mark"> </div></div></div></div>';
                            }else{
                                //var max_length = val.max_length;
                               // var max_length = '120';
                                optionElement += '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label cat_question">'+val.question+'</label> <div class="form-group form-float"><div class="form-line"> <textarea class="form-control cat_answer" style="height:150px" name="user_answer[]" minlength="'+min_length+'" oninput="getWordCount('+i+')" id="answer_index'+i+'" data-max-words="'+max_length+'" '+val.required+' ></textarea><div class="pull-right"><span id="answer_count_'+i+'"></span>/'+max_length+'</div><input type="hidden" name="min_mark[]" value="'+val.min_mark+'" class="cat_min_mark"> <input type="hidden" name="max_mark[]" value="'+val.max_mark+'" class="cat_max_mark"> </div></div></div></div>';
                            }
                       });
                       $(".category_question").html(optionElement);
                     }else{
                       var optionElement ="";
                       $(".category_question").html(optionElement);
                     }
               },
               error: function (data) {
                   console.log(data);
               }
           });
           
           if($('input[name=pri_email]').val()!=''){
                // $('#pri_email').keyup();
              /*  $('#pri_email').trigger( "keyup" )*/
            }

    });

// get category question

    function getCategoryQuestion(category_type){      
    $.ajax({
       url: "{{ url('/entry/getCategoryTypeQuestion') }}",
       type: 'post',
       headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
       data: { category_type:category_type },
       success: function (data) {
         if(data.status_code==1000){
            var optionVal = data.data;
            var optionElement = '';
            $.each(optionVal, function (i, val) {
                var min_length = val.min_length;
                 var max_length = val.max_length;
                
                if(val.required!==''){
                  //  var max_length = '120';
                    optionElement += '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label cat_question">'+val.question+'<span style="color:red">*</span></label> <div class="form-group form-float"><div class="form-line"> <textarea class="form-control cat_answer" style="height:150px" name="user_answer[]" minlength="'+min_length+'" id="answer_index'+i+'" data-max-words="'+max_length+'" '+val.required+' oninput="getWordCount('+i+')"></textarea><div class="pull-right"><span id="answer_count_'+i+'"></span>/'+max_length+'</div><input type="hidden" name="min_mark[]" value="'+val.min_mark+'" class="cat_min_mark"> <input type="hidden" name="max_mark[]" value="'+val.max_mark+'" class="cat_max_mark"> </div></div></div></div>';
                }else{
                    // var max_length = val.max_length;
                   // var max_length = '120';
                    optionElement += '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label cat_question">'+val.question+'</label> <div class="form-group form-float"><div class="form-line"> <textarea class="form-control cat_answer" style="height:150px" name="user_answer[]" minlength="'+min_length+'" data-max-words="'+max_length+'" '+val.required+' id="answer_index'+i+'" oninput="getWordCount('+i+')"></textarea><div class="pull-right"><span id="answer_count_'+i+'"></span>/'+max_length+'</div><input type="hidden" name="min_mark[]" value="'+val.min_mark+'" class="cat_min_mark"> <input type="hidden" name="max_mark[]" value="'+val.max_mark+'" class="cat_max_mark"> </div></div></div></div>';
                }
            });
            $(".category_question").html(optionElement);
          }else{
            var optionElement ="";
            $(".category_question").html(optionElement);
          }
       },
       error: function (data) {
            console.log(data);
       }
   });
}

// get subcategory question
function getSubcategoryQuestion(category){
    $.ajax({
               url: "{{ url('/entry/getCategoryQuestion') }}",
               type: 'post',
               headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
               data: {
                   'category':category
               },
               success: function (data) {
                     if(data.status_code==1000){
                       var optionVal = data.data;
                       var optionElement = '';
                       $.each(optionVal, function (i, val) {
                        var min_length = val.min_length;
                         var max_length = val.max_length;
                        
                        if(val.required!==''){

                           // var max_length = '120';
                            optionElement += '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label cat_question">'+val.question+'<span style="color:red">*</span></label> <div class="form-group form-float"><div class="form-line"> <textarea class="form-control cat_answer" style="height:150px" name="user_answer[]" minlength="'+min_length+'" id="answer_index'+i+'" oninput="getWordCount('+i+')" data-max-words="'+max_length+'" '+val.required+'></textarea><div class="pull-right"><span id="answer_count_'+i+'"></span>/'+max_length+'</div><input type="hidden" name="min_mark[]" value="'+val.min_mark+'" class="cat_min_mark"> <input type="hidden" name="max_mark[]" value="'+val.max_mark+'" class="cat_max_mark"> </div></div></div></div>';
                        }else{
                            // var max_length = val.max_length;
                           // var max_length = '120';
                            optionElement += '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label cat_question">'+val.question+'</label> <div class="form-group form-float"><div class="form-line"> <textarea class="form-control cat_answer" style="height:150px" name="user_answer[]" minlength="'+min_length+'" oninput="getWordCount('+i+')" id="answer_index'+i+'" data-max-words="'+max_length+'" '+val.required+'></textarea><div class="pull-right"><span id="answer_count_'+i+'"></span>/'+max_length+'</div><input type="hidden" name="min_mark[]" value="'+val.min_mark+'" class="cat_min_mark"> <input type="hidden" name="max_mark[]" value="'+val.max_mark+'" class="cat_max_mark"> </div></div></div></div>';    
                        }
                        
                            
                       });
                       $(".category_question").html(optionElement);                       
                     }else{
                       var optionElement ="";
                       $(".category_question").html(optionElement);
                     }
               },
               error: function (data) {
                   console.log(data);
               }
           });
}    
// import entrant detail
$('#import_entrant_id').change(function(){
    var import_entrant_id = $(this).val();
    $.ajax({
           url: "{{ url('/import_entrant_detail') }}",
           type:'POST',                      
           headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
           data: {
                    entrant_id:import_entrant_id
           },
           success: function(result) {               
               if(result.success==true){                            
                setEntrantDetail(result.data);
               }else{
                $('#submission_detail')[0].reset();

                $('select[name=state]')[0].selectedIndex = 0;
                $('.state').selectpicker('refresh'); 

                $('#category').removeAttr("disabled");
                $('#category_type').removeAttr("disabled");                

                $('#category').removeAttr("disabled");                
                $("#category").html("<option value=''>Select category</option>");
                $('.selectcategory').selectpicker('refresh'); 

                $("#category_type")[0].selectedIndex = 0;
                $('.categorytype').selectpicker('refresh');

                $('select[name=country]')[0].selectedIndex = 0;
                $('.country').selectpicker('refresh');

                $('select[name=pri_country]')[0].selectedIndex = 0;
                $('.pricountry').selectpicker('refresh');

                $('select[name=type_of_company]')[0].selectedIndex = 0;
                $('.selectcompany').selectpicker('refresh'); 
                
              //  $('#pri_email').removeAttr("disabled");

               }
           },
           error(result,error){
               console.log("result2",result);
               console.log("error",error);
            $('#msg').html(error);
           }
       });
    
});

//display entrant detail
function setEntrantDetail(data){ 
    var campaign_date = data.campaign_date.split(" to ");
    $('input[name=pri_first_name]').val(data.pri_first_name);
    $('input[name=pri_last_name]').val(data.pri_last_name);
    $('input[name=pri_company_name]').val(data.pri_company_name);
    $('input[name=pri_job_title]').val(data.pri_job_title);
    $('input[name=pri_email]').val(data.pri_email);
    $('input[name=pri_phone]').val(data.pri_phone);
    $('input[name=block_unit_no]').val(data.block_unit_no);
    $('input[name=building]').val(data.building);
    $('input[name=street]').val(data.street);
    $('input[name=city_district]').val(data.city_district);    
    $('input[name=postal_code]').val(data.postal_code);
    $('input[name=sec_first_name]').val(data.sec_first_name);
    $('input[name=sec_last_name]').val(data.sec_last_name);
    $('input[name=sec_job_title]').val(data.sec_job_title);
    $('input[name=sec_email]').val(data.sec_email);
    $('input[name=sec_company_name]').val(data.sec_company_name);
    $('input[name=sec_phone]').val(data.sec_phone);
    $('input[name=client_name]').val(data.client_name);
    $('input[name=client_representative]').val(data.client_representative);
    $('input[name=client_email]').val(data.client_email);
    $('input[name=client_mobile]').val(data.client_mobile);
    $('input[name=campaign_title]').val(data.campaign_title);
    $('input[name=campaign_budget]').val(data.campaign_budget);   
    $('input[name=campaign_brand]').val(data.campaign_brand);
    $('input[name=campaign_start_date]').val(campaign_date[0].split("/").reverse().join("-"));
    $('input[name=campaign_end_date]').val(campaign_date[1].split("/").reverse().join("-"));
   
    $('select[name="category_type"]').val(data.category_type);
    $('.categorytype').selectpicker('refresh');

    //$('select[name=category]').val(data.category);
    $('#category').html("<option value='"+data.category+"'>"+data.category+"</option>");
    $('.selectcategory').selectpicker('refresh');

    $('select[name=country]').val(data.country);
    $('.country').selectpicker('refresh');

    $('select[name=pri_country]').val(data.pri_country);
    $('.pricountry').selectpicker('refresh');

    $('select[name=type_of_company]').val(data.type_of_company);
    $('.selectcompany').selectpicker('refresh');

    $('select[name="state"]').val(data.state);
    $('.state').selectpicker('refresh');
    
   // $("#category_type").attr("disabled", "disabled");
    //$("#category").attr("disabled", "disabled");
   // $('input[name=pri_email]').attr("disabled", "disabled");
    
    $('#entrant_id').val(data.id);
    $( '#stepper-2' ).removeClass("disabled");
    if(data.category!='NA'){
        getSubcategoryQuestion(data.category);
    }else{
        getCategoryQuestion(data.category_type);
    }

}


/*	$(document).ready(function() {
     var status='';
	   $("input[name='name']").keyup(function(){
     var name = $("input[name='name']").val();
     $.ajax({
           url: "{{url('/event_validation_add')}}",
           type:'POST',
           data: {name:name},
           success: function(data) {
               if(data.success){
                $('#name').html('');
                status='';
                return true;
               }else{
                 $('#name').html(data.error);
                 status='0';
                 return false;
               }
           }
       });
   });
   $('.submit').click(function(){
     if(status=='0'){
       return false;
     }else{
       return true;
     }
   });

 });*/

</script>
<script>
$(document).ready(function () {
   
  var navListItems = $('div.setup-panel div a'),
          allWells = $('.setup-content');
          allNextBtn = $('.nextBtn');
          allNextBtnStep1 = $('#next_step_1');
          allNextBtnStep2 = $('#next_step_2');
          allNextBtnStep3 = $('#next_step_3');

  allWells.hide();

  navListItems.click(function (e) {
      e.preventDefault();
      var $target = $($(this).attr('href')),
            $item = $(this);

      if (!$item.hasClass('disabled')) {
        //  navListItems.removeClass('btn-primary').addClass('btn-default');
          $item.addClass('btn-primary');
          allWells.hide();
          $target.show();
          $target.find('input:eq(0)').focus();
      }
  });


 
    
  /*step 1 */
  
  allNextBtnStep1.click(function(){ 
      
    var curStep = $(this).closest(".setup-content"),
          curStepBtn = curStep.attr("id"),
          nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
          curInputs = curStep.find("input[type='tel'],input[type='text'],input[type='url'],input[type='number'],input[type='email'], input[type='date'],select"),
          isValid = true;
    var campaign_start_date = $('input[name=campaign_start_date]').val();
    var campaign_end_date = $('input[name=campaign_end_date]').val();
  

    if(new Date(campaign_start_date) <= new Date(campaign_end_date))
    {
        $('#campaign_date').html('');
        isValid = true;
    }else{
        @if(env('EXCEPTIONAL_AWARD_ID') != session('top_menu_event_id'))
            $('#campaign_date').html('Campaign start date must be less than campaign running date.');
            isValid = false;
         @endif
    }    

      $(".form-group").removeClass("has-error");
      for(var i=0; i<curInputs.length; i++){
          if (!curInputs[i].validity.valid){
              isValid = false;
              $(curInputs[i]).closest(".form-group").addClass("has-error");
          }
      }
      
        
    if (isValid==true){      
          // check unique entrant
        $('#next_step_1').prop('disabled',true);
        //$('#stepper-1').prop('disabled',true);
        var pri_email = $('input[name=pri_email]').val();
        var category_type = $("#category_type").val();
        var category = $("#category").val();
        if(category==''){
            category='NA';
        }
        var campaign_title = $('input[name=campaign_title]').val();
        var campaign_brand = $('input[name=campaign_brand]').val();
        var entrant_id = $('#entrant_id').val();
        
        $.ajax({
           url: "{{ url('/check_unique_entrant') }}",
           type:'POST',                      
           headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
           data: {
            pri_email:pri_email,
            category_type:category_type,
            category:category,
            campaign_title:campaign_title,
            campaign_brand:campaign_brand,
            entrant_id:entrant_id
           },
           success: function(result) {  
            console.log(result);
           if(result.success=='true'){
               // $('#stepper-1').prop('disabled',false);
                //$('#next_step_1').prop('disabled',false);
                button_event_status='true';
                isValid = true;
                $('#entrant_id').val(result.entrant_id);
                $('#unique_entrant').html('');
                
                insertSubmissionDetail();
                nextStepWizard.removeAttr('disabled').trigger('click');
               
            }else{
               // $('#stepper-1').prop('disabled',false);
                $('#entrant_id').val(result.entrant_id);
                $('#next_step_1').prop('disabled',false);
                button_event_status='false';
                isValid = false;
                var title = '';
                if(result.data==335){
                    text_title = "Entrant already exist with this pri email, category , sub category, campaign brand, campaign title for another entry.";
                }else{
                    text_title = "Entrant already exist with this pri email, category , sub category, campaign brand, campaign title.";
                }
                swal({
                 title: "Entrant Already Exist!!!",
                 text: text_title,
                 type: "warning",
                 showCancelButton: true,
                 closeOnConfirm: false,
                 showLoaderOnConfirm: true,
                 confirmButtonClass: "btn-danger",
                 confirmButtonText: "Yes, delete it!",
             });
              //  $('#unique_entrant').html('Entrant already exist with this pri email, category , sub category, campaign brand, campaign title.');
            }            
           }
       });   
         //insertSubmissionDetail();
         //nextStepWizard.removeAttr('disabled').trigger('click');
      }  
      
       
          
  });

    /*step 1*/

  /* step 2 */
  allNextBtnStep2.click(function(){ 
      var curStep = $(this).closest(".setup-content"),
          curStepBtn = curStep.attr("id"),
          nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
          curInputs = curStep.find("input[type='tel'],input[type='text'],input[type='url'],input[type='number'],input[type='email'], select,textarea"),
          isValid = true;

      $(".form-group").removeClass("has-error");
      for(var i=0; i<curInputs.length; i++){
          if (!curInputs[i].validity.valid){
              isValid = false;
              $(curInputs[i]).closest(".form-group").addClass("has-error");
          }
      }

      if (isValid){  
        $('#next_step_2').prop('disabled',true);
        insertEntryDetail();
        nextStepWizard.removeAttr('disabled').trigger('click'); 
      }    
          
  });
  /* step 2 */

/* step 3*/
  allNextBtnStep3.click(function(){ 
      var curStep = $(this).closest(".setup-content"),
          curStepBtn = curStep.attr("id"),
          nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
          curInputs = curStep.find("input[type='tel'],input[type='text'],input[type='url'],input[type='number'],input[type='email'], select,textarea"),
          isValid = true;

      $(".form-group").removeClass("has-error");
      for(var i=0; i<curInputs.length; i++){
          if (!curInputs[i].validity.valid){
              isValid = false;
              $(curInputs[i]).closest(".form-group").addClass("has-error");
          }
      }

      if (isValid){  
        $('#next_step_3').prop('disabled',true);
        insertNomineeDetail();
        nextStepWizard.removeAttr('disabled').trigger('click'); 
      }    
          
  });

/* step 3*/
  function insertSubmissionDetail(){
    var questionArray = [];
    var answerArray = [];
    var minMarksArray = [];
    var maxMarksArray = [];
    var weblinkArray = [];
    $('.cat_question').each(function(){
        questionArray.push($(this).text());
    }); 

    $('.cat_answer').each(function(){
        answerArray.push(' ');
    }); 
   
    $('.cat_min_mark').each(function(){
        minMarksArray.push($(this).val());
    });
    $('.cat_max_mark').each(function(){
        maxMarksArray.push($(this).val());
    });   
    $('.weblink').each(function(){
        weblinkArray.push($(this).val());
    });
    $.ajax({
           url: "{{ route('entrant.store') }}",
           type:'POST',
                      
           headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
           data: {
                    'category_type':$("select[name=category_type] option:selected").val(),
                    'category':$("select[name=category] option:selected").val(),
                    'pri_first_name':$('input[name=pri_first_name]').val(),
                    'pri_last_name':$('input[name=pri_last_name]').val(),
                    'pri_company_name':$('input[name=pri_company_name]').val(),
                    'pri_job_title':$('input[name=pri_job_title]').val(),
                    'pri_country':$("select[name=pri_country] option:selected").val(),
                    'pri_email':$('input[name=pri_email]').val(),
                    'pri_phone':$('input[name=pri_phone]').val(),
                    'block_unit_no':$('input[name=block_unit_no]').val(),
                    'building':$('input[name=building]').val(),
                    'street':$('input[name=street]').val(),
                    'city_district':$('input[name=city_district]').val(),
                    'state':$('select[name=state] option:selected').val(),
                    'postal_code':$('input[name=postal_code]').val(),
                    'country':$("select[name=country] option:selected").val(),
                    'type_of_company':$("select[name=type_of_company] option:selected").val(),
                    'sec_first_name':$('input[name=sec_first_name]').val(),
                    'sec_last_name':$('input[name=sec_last_name]').val(),
                    'sec_job_title':$('input[name=sec_job_title]').val(),
                    'sec_email':$('input[name=sec_email]').val(),
                    'sec_company_name':$('input[name=sec_company_name]').val(),
                    'sec_phone':$('input[name=sec_phone]').val(),
                    'status':$('input[name=status]').val(),
                    'endorsement_status':$('input[name=endorsement_status]').val(),
                    'order_status':$('input[name=order_status]').val(),
                    'payment_status':$('input[name=payment_status]').val(),
                    'allocated_judges':$('input[name=allocated_judges]').val(),
                    'client_name':$('input[name=client_name]').val(),
                    'client_representative':$('input[name=client_representative]').val(),
                    'client_email':$('input[name=client_email]').val(),
                    'client_mobile':$('input[name=client_mobile]').val(),                    
                    'campaign_title':$('input[name=campaign_title]').val(),
                    'campaign_budget':$('input[name=campaign_budget]').val(),
                    'campaign_brand':$('input[name=campaign_brand]').val(),
                    'campaign_start_date':$('input[name=campaign_start_date]').val(),
                    'campaign_end_date':$('input[name=campaign_end_date]').val(),
                    'event_id':$('input[name=event_id]').val(),
                    'user_id':$('input[name=user_id]').val(),
                    'entrant_id':$('#entrant_id').val(),
                    'eventcategory_question':JSON.stringify(questionArray),
                    'user_answer':JSON.stringify(answerArray),
                    'min_mark':JSON.stringify(minMarksArray),
                    'max_mark':JSON.stringify(maxMarksArray),
                    'microsite_weblink':JSON.stringify(weblinkArray)
           },
           success: function(result) {   
               $('#msg').html(result);           
               if(result.success==true){ 
                $('#next_step_1').prop('disabled',false);
                $('#entrant_id').val(result.entrant_id);
                $('#entry_id').val(result.entry_id);
                $('#event_entry_detail_id').val(result.event_entry_detail_id);
                $('#stepper-2' ).removeClass("disabled");
                $('#stepper-2' ).removeAttr('disabled').trigger('click');
                $("#category_type").attr("disabled", "disabled");
                $("#category").attr("disabled", "disabled");
               }else{   
                 $('#next_step_1').prop('disabled',false);
                $('#msg_pri_email').html('Entrant already exist with this email id.');
                $('#msg_pri_email').attr('autofocus');                
               }
           },
           error:function(result,error){
               console.log("result2",result);
               console.log("error",error);
            $('#msg').html(error);
           }
       });
  }

  // Insert Entry Detail
  function insertEntryDetail(){
    
    $('#msg_entrant_id').html('');
    var questionArray = [];
    var answerArray = [];
    var minMarksArray = [];
    var maxMarksArray = [];
    var weblinkArray = [];
    $('.cat_question').each(function(){
        questionArray.push($(this).text());
    }); 

    $('.cat_answer').each(function(){
        answerArray.push($(this).val());
    }); 
   
    $('.cat_min_mark').each(function(){
        minMarksArray.push($(this).val());
    });
    $('.cat_max_mark').each(function(){
        maxMarksArray.push($(this).val());
    });   
    $('.weblink').each(function(){
        weblinkArray.push($(this).val());
    });     

    var fd = new FormData();
    
    fd.append('upload_img_1', $('#upload_img_1')[0].files[0]);
    fd.append('upload_img_2', $('#upload_img_2')[0].files[0]);
    fd.append('upload_img_3', $('#upload_img_3')[0].files[0]);
    fd.append('category_type',$("select[name=category_type] option:selected").val());   
    fd.append('category',$("select[name=category] option:selected").val());
    fd.append('entry_id',$('#entry_id').val());
    fd.append('entrant_id',$('#entrant_id').val());                
    fd.append('event_entry_detail_id',$('#event_entry_detail_id').val());
    fd.append('brand',$('input[name=campaign_brand]').val());
    fd.append('title',$('input[name=campaign_title]').val());
    fd.append('microsite_weblink',JSON.stringify(weblinkArray));
    fd.append('is_confirmed_category',$('input[name=is_confirmed_category]:checked').val());
    fd.append('credited_country',$("select[name=credited_country] option:selected").val());
    fd.append('executive_summary',$('textarea[name=executive_summary]').val());
    fd.append('winner_rep_name',$('input[name=winner_rep_name]').val());
    fd.append('winner_rep_job_title',$('input[name=winner_rep_job_title]').val());
    fd.append('winner_rep_company_name',$('input[name=winner_rep_company_name]').val());
    fd.append('winner_rep_email',$('input[name=winner_rep_email]').val());
    fd.append('part_of_endorsement',$('input[name=part_of_endorsement]:checked').val());
    fd.append('confidentiality_request',$('input[name=confidentiality_request]:checked').val());
    fd.append('eventcategory_question',JSON.stringify(questionArray));
    fd.append('user_answer',JSON.stringify(answerArray));
    fd.append('min_mark',JSON.stringify(minMarksArray));
    fd.append('max_mark',JSON.stringify(maxMarksArray));

    $.ajax({
           url: "{{ route('entry.store') }}",
           type:'POST',                      
           headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
           cache: false,
            contentType: false,
            processData: false,
            /*data: {
                    'category_type':$("select[name=category_type] option:selected").val(),
                    'category':$("select[name=category] option:selected").val(),
                    'entry_id':$('#entry_id').val(),
                    'entrant_id':$('#entrant_id').val(),
                    'event_entry_detail_id':$('#event_entry_detail_id').val(),
                    'brand':$('input[name=brand]').val(),
                    'title':$('input[name=title]').val(),
                    'microsite_weblink':weblinkArray,
                    'is_confirmed_category':$('input[name=is_confirmed_category]:checked').val(),
                    'credited_country':$("select[name=credited_country] option:selected").val(),
                    'executive_summary':$('textarea[name=executive_summary]').val(),
                    'winner_rep_name':$('input[name=winner_rep_name]').val(),
                    'winner_rep_job_title':$('input[name=winner_rep_job_title]').val(),
                    'winner_rep_company_name':$('input[name=winner_rep_company_name]').val(),
                    'winner_rep_email':$('input[name=winner_rep_email]').val(),
                    'part_of_endorsement':$('input[name=part_of_endorsement]:checked').val(),
                    'confidentiality_request':$('input[name=confidentiality_request]:checked').val(),
                    'eventcategory_question':questionArray,
                    'user_answer':answerArray,
                    'min_mark':minMarksArray,
                    'max_mark':maxMarksArray,
                    'mail_written_submission':mail_written_submission
           },*/
           data:fd,
           success: function(result) {
               //$('#msg').html(result);
               var files = result.files;               
                $.each(files,function(index,value){ 
                    file_path = "{{ url('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/') }}/"+value.file_name; 
                var file_extension = value.file_name.substr( (value.file_name.lastIndexOf('.') +1) );
                if(file_extension=='mp4' || file_extension=='wmv' || file_extension=='mpg' || file_extension=='swf' || file_extension=='mov' || file_extension=='mpeg2'){
                    $('#files').append('<div class="colbox-sm videobox" id="entry_file_id_'+value.id+'"><span class="fig-box"><video width="100%" controls><source src="'+file_path+'" type="video/mp4"><source src="'+file_path+'" type="video/ogg"></video><button type="button" class="delete" onclick=removeImage("'+value.id+'"); data-id="'+value.id+'"><i class="material-icons">delete</i></button></div>');
                }else if(file_extension=='jpg' || file_extension=='jpeg' || file_extension=='png' || file_extension=='svg' || file_extension=='gif'){
                    $('#files').append('<div class="colbox-sm imgbox "id="entry_file_id_'+value.id+'"><span class="fig-box"><img src="'+file_path+'" width="100px"/><button type="button" class="delete" data-id="'+value.id+'" onclick=removeImage("'+value.id+'");><i class="material-icons">delete</i></button></div>');
                }else if(file_extension=='pdf'){
                    $('#files').append('<div class="colbox-sm imgbox" id="entry_file_id_'+value.id+'"><span class="fig-box"><img src="{{url("assets/images/pdf_thumbnail.png")}}" width="90px"/><button type="button" class="delete" data-id="'+value.id+'" onclick=removeImage("'+value.id+'");><i class="material-icons">delete</i></button> <a download="'+file_path+'"  href="'+file_path+'" type="button" class="download"><i class="material-icons">cloud_download</i></a></span><!--<br/>--><a class="view-document" href="'+file_path+'" target="_blank">View Document</a></div>');
                }else{
                    $('#files').append('<div class="colbox-sm imgbox" id="entry_file_id_'+value.id+'"><span class="fig-box"><img src="{{url("assets/images/file_thumbnail.png")}}" width="90px"/><button type="button" class="delete" data-id="'+value.id+'" onclick=removeImage("'+value.id+'");><i class="material-icons">delete</i></button> <a download="'+file_path+'" href="'+file_path+'" type="button" class="download"><i class="material-icons">cloud_download</i></a></span><!--<br/>--><a class="view-document" href="'+file_path+'" target="_blank">View Document</a></div>');
                }
                
                });
                $('#upload_img_1').val('');
                $('#upload_img_2').val('');
                $('#upload_img_3').val('');
               // alert(files);
               if(result.success==true){ 
               $('#next_step_2').prop('disabled',false);
                $('#msg_entry_submission').html('');
                $('#entry_id').val(result.entry_id);
                $('#event_entry_detail_id').val(result.event_entry_detail_id);
                $('#stepper-3' ).removeClass("disabled");
                $('#stepper-3' ).removeAttr('disabled').trigger('click');
                // nextStepWizard.removeAttr('disabled').trigger('click');
               }else{   
               $('#next_step_2').prop('disabled',false);
               }
           },
           error:function(xhr,status,error){
              $('#next_step_2').prop('disabled',false);
               var response = JSON.parse(xhr.responseText);
               swal({
                    title: "Invalid Documents!!!",
                    text: "Please upload valid documents.Supported document file extensions: .doc, .docx, .ppt, .pptx, .pdf, .xls. Supported image file extensions: .jpg, .jpeg, .png, .svg, .gif. Supported media file extensions: .mp4, .mpg, .mpeg2, .mov, .swf, .wmv . File should be less than 10 MB.Each supporting item should  not be more than 10 MB.",
                    type: "warning",
                    showCancelButton: true,
                    closeOnConfirm: false,
                    showLoaderOnConfirm: true,
                    confirmButtonClass: "btn-danger",
                    confirmButtonText: "Yes, delete it!",
                });
              // $('#msg_entry_submission').html(response.message+' Please upload valid file as mentioned above.');
             //  $('#msg_entry_submission').html(response.message);
           }
       });
  }
  
  //insert Nominee Detail
  
  function insertNomineeDetail(){
      $.ajax({
           url: "{{ url('/insert_nominee_detail') }}",
           type:'POST',                      
           headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
           data: {
                    'entry_id':$('#entry_id').val(),
                    'nominee_name_1':$('input[name=nominee_name_1]').val(),
                    'nominee_company_name_1':$('input[name=nominee_company_name_1]').val(),
                    'nominee_title_1':$('input[name=nominee_title_1]').val(),
                    'nominee_email_1':$("input[name=nominee_email_1]").val(),
                    'nominee_name_2':$('input[name=nominee_name_2]').val(),
                    'nominee_company_name_2':$('input[name=nominee_company_name_2]').val(),
                    'nominee_title_2':$('input[name=nominee_title_2]').val(),
                    'nominee_email_2':$('input[name=nominee_email_2]').val(),
                    'nominee_contact_1':$('input[name=nominee_contact_1]').val(),
                    'nominee_contact_2':$('input[name=nominee_contact_2]').val()
           },
           success: function(result) {
               if(result.success==true){     
               $('#next_step_3').prop('disabled',false);
                $('#entry_id').val(result.entry_id);
                $('#stepper-4' ).removeClass("disabled");
                $('#stepper-4' ).removeAttr('disabled').trigger('click');
               // nextStepWizard.removeAttr('disabled').trigger('click');
               }else{   
               $('#next_step_3').prop('disabled',false);
               }
           },
           error(result,error){
               $('#next_step_3').prop('disabled',false);
               console.log("result2",result);
               console.log("error",error);
               $('#msg').html(error);
           }
       });
  }
  

  $('div.setup-panel div a.btn-primary').trigger('click');
  
});
</script>
<script>

function getWordCount(i) {


var index_of_ans = i;
// Get all inputs that have a word limit
var input = document.getElementById('answer_index'+index_of_ans);
var string_to_array =  input.value.split(" ");
var words = string_to_array.length;
 // Remember the word limit for the current input
let maxWords = parseInt(input.getAttribute('data-max-words') || 0);
if(words > maxWords){
    var trimmed = input.value.split(/\s+/, maxWords).join(" ");
    let words = trimmed.split(/\s+/).length;
    // Add a space at the end to keep new typing making new words
    document.getElementById('answer_index'+index_of_ans).value = trimmed + " ";
    document.getElementById('answer_count_'+index_of_ans).innerHTML = words;
}else{



// Add an eventlistener to test for key inputs
    // input.addEventListener(['keypress','onpaste','keyup','keydown'], e => {
       
    
        // Split the text in the input and get the current number of words
        let words = input.value.split(/\s+/).length;
        console.log("index_of_ans",index_of_ans)
        document.getElementById('answer_count_'+index_of_ans).innerHTML = words;
        
         
    // });
   
}


}

function removeImage(img_id){
        if(confirm('Are you sure to delete this record ?')){
        var id = img_id;
        $.ajax({
               url: "{{ url('/remove_entry_data') }}",
               type: 'post',
               headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
               data: {
                   id:id
               },
               success: function (data) {
                  if(data.success==true){
                  //window.location.href="{{url()->current()}}";
                  $('#entry_file_id_'+id).hide();
                  }else{
                    alert('something wrong.');
                  }

               },
               error: function (data) {
                   console.log(data);
               }
           });
      }
    }

 </script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js" integrity="sha256-KsRuvuRtUVvobe66OFtOQfjP8WA2SzYsmm4VPfMnxms=" crossorigin="anonymous"></script>
<!--<script src="{{url('assets/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js')}}"></script>-->
@include('links.footer')