@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;
}
</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
  
    <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> 
    @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">2</a>
        <p>Entry Submission</p>
      </div>
      <div class="stepwizard-step">
        <a href="#step-3" type="button" class="btn btn-circle" disabled="disabled">3</a>
        <p>Nominee Submission</p>
      </div>
      <div class="stepwizard-step">
        <a href="#step-4" type="button" class="btn btn-circle" disabled="disabled">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" 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="cat_name" 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" 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" required="required" class="form-control" placeholder="Enter Name" />
                    </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" required="required" name="client_representative" class="form-control" placeholder="Enter your client representative" onkeypress="return /[a-z]/i.test(event.key)" >
                    </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 maxlength="100" type="email" name="client_email" required="required" class="form-control" placeholder="Enter Email" />
                    </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 type="tel" name="client_mobile" id="logo" class="form-control" required maxlength="10"  oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');">
                    </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" />
                    </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">
                    </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" required="required" class="form-control" placeholder="Enter campaign brand" />
                    </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  type="date" name="campaign_start_date" required="required" class="form-control" placeholder="Enter campaign brand" 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]))) : ''}}" />
                    </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 type="date" name="campaign_end_date" required="required" class="form-control" placeholder="Enter campaign brand" 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]))) : ''}}"  />
                    </div>
                </div> 
                <i id='campaign_date' style="color:red"></i>
            </div>
            
            <input type='hidden' name="user_id" value="{{ Auth::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">Next</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>
                    <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=" 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>

                    
    
          <button class="btn btn-primary nextBtn btn-lg pull-right" type="button" id="next_step_2">Next</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">Next</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>

<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">
  $(document).ready(function(){
    
    $("#category_type").removeAttr("disabled");
    $("#category").removeAttr("disabled");
    $('.loader').hide();
    $('.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();
       if($('input[name=pri_email]').val()!=''){
            // $('#pri_email').keyup();
            $('#pri_email').trigger( "keyup" );
       }
        
        $.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='NA'>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);
                }
            });
    });

    /*Category name*/
    $("#category").on("change",function(){
        if($('input[name=pri_email]').val()!=''){
            // $('#pri_email').keyup();
            $('#pri_email').trigger( "keyup" )
       }
        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;
                        console.log('TETTTTTTT');
                        // var max_length = val.max_length;
                      
                            if(val.required!==''){
                                var max_length = '200';
                                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" 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;
                                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" 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);
               }
           });

    });

// 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 = '200';
                    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" 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;
                    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" 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 = '200';
                                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" 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;
                                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" 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');                               

               }
           },
           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);
   
    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{
        $('#campaign_date').html('Campaign start date must be less than campaign running date.');
        isValid = false;
    }   
      $(".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){  
        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){  
        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){  
        insertNomineeDetail();
        nextStepWizard.removeAttr('disabled').trigger('click'); 
      }    
          
  });

/* step 3*/
  function insertSubmissionDetail(){
    $.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()
           },
           success: function(result) {   
               $('#msg').html(result);           
               if(result.success==true){           
                $('#entrant_id').val(result.entrant_id);
                $("#category_type").attr("disabled", "disabled");
                $("#category").attr("disabled", "disabled");
               }else{   
                $('#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(){
    

    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);
               if(result.success==true){                
                $('#entry_id').val(result.entry_id);
                $('#event_entry_detail_id').val(result.event_entry_detail_id);
               // nextStepWizard.removeAttr('disabled').trigger('click');
               }else{   
                
               }
           },
           error(result,error){
               console.log("result2",result);
               console.log("error",error);
               $('#msg').html(error);
           }
       });
  }
  
  //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){                
                $('#entry_id').val(result.entry_id);
               // nextStepWizard.removeAttr('disabled').trigger('click');
               }else{   
                
               }
           },
           error(result,error){
               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;
        
         
    // });
   
}


}
 </script>
<!--<script src="{{url('assets/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js')}}"></script>-->
@include('links.footer')