@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;
}
.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>
          <div id='msg'></div>
    <!--      <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 style="color:red">*</span></label>
                        <select name="category_type" class="form-control categorytype" data-live-search='true'  required='' id="category_type" >
                            @if(!empty($entrant_detail))
                            <option value="{{ $entrant_detail->category_type}}" selected>{{ $entrant_detail->category_type}} </option> 
                            @else
                            <option value="">Select category </option>                                        
                                @if(!empty($parent_category))
                                    @foreach($parent_category AS $category)
                                        <option value="{{ $category}}">{{ $category}}</option>
                                    @endforeach
                                 @endif
                            @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">   
                            @if(!empty($entrant_detail) && $entrant_detail->category!='NA' )
                            <option value="{{ $entrant_detail->category}}" selected>{{ $entrant_detail->category}} </option>
                            @else
                            <option value="">Select sub category </option> 
                            @endif                     
                          
                        </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 style="color:red">*</span></label>
                        <input type="text" name="pri_first_name" id="cat_name" class="form-control" required='' value="{{ !empty($entrant_detail->pri_first_name) ? $entrant_detail->pri_first_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">Last Name <span style="color:red">*</span></label>
                        <input type="text" name="pri_last_name" id="cat_name" class="form-control" required='' value="{{ !empty($entrant_detail->pri_last_name) ? $entrant_detail->pri_last_name : '' }}" 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 style="color:red">*</span></label>
                        <input type="text" name="pri_company_name" id="cat_name" class="form-control " required='' value="{{ !empty($entrant_detail->pri_company_name) ? $entrant_detail->pri_company_name : '' }}">
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Job Title <span style="color:red">*</span></label>
                        <input type="text" name="pri_job_title" id="cat_name" class="form-control " required='' value="{{ !empty($entrant_detail->pri_job_title) ? $entrant_detail->pri_job_title : '' }}">
                    </div>
                </div>                
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Country <span style="color:red">*</span></label>
                        <select name="pri_country" id="cat_name" class="form-control pricountry" required='' data-live-search='true' >                              
                              <option value='India'>India</option>
                             {{-- @foreach($country AS $c)
                              <option value='{{$c}}' {{ !empty($entrant_detail->pri_country) ? ($entrant_detail->pri_country==$c ? 'SELECTED' : '') : ''}}>{{$c}}</option>
                              @endforeach
                             --}} 
                            </select>
                    </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 style="color:red">*</span></label>
                        <input type="email" name="pri_email" id="pri_email" class="form-control" required value="{{ !empty($entrant_detail->pri_email) ? $entrant_detail->pri_email : '' }}">
                    </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 style="color:red">*</span></label>
                        <input type="number" pattern=".{10,10}" title="10 digit mob no required" name="pri_phone" id="logo" class="form-control" required maxlength="10" size="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" value="{{ !empty($entrant_detail->pri_phone) ? $entrant_detail->pri_phone : '' }}">
                    </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 style="color:red">*</span></label>
                        <input type="text" name="block_unit_no" id="cat_name" class="form-control " required='' value="{{ !empty($entrant_detail->block_unit_no) ? $entrant_detail->block_unit_no : '' }}">
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Building <span style="color:red">*</span></label>
                        <input type="text" name="building" id="cat_name" class="form-control " required='' value="{{ !empty($entrant_detail->building) ? $entrant_detail->building : '' }}">
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Street <span style="color:red">*</span></label>
                        <input type="text" name="street" id="cat_name" class="form-control " required='' value="{{ !empty($entrant_detail->street) ? $entrant_detail->street : '' }}">
                    </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 style="color:red">*</span></label>
                        <input type="text" name="city_district" id="city_district" class="form-control " required='' value="{{ !empty($entrant_detail->city_district) ? $entrant_detail->city_district : '' }}">
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">State/Province <span style="color:red">*</span></label>
                        <select name="state" id="state" class="form-control state" required='' data-live-search="true">                        
                        <option value="">Select State</option>
                        @foreach($state_detail As $state)
                        <option value="{{ $state }}" @php echo !empty($entrant_detail->state) ? ($entrant_detail->state==$state ? "SELECTED" : 
                        '') : ''; @endphp>{{$state}}</option>
                        @endforeach
                        </select>                        
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Pincode <span style="color:red">*</span></label>
                        <input type="number" name="postal_code" id="cat_name" class="form-control " required='' maxlength="6" size="6" value="{{ !empty($entrant_detail->postal_code) ? $entrant_detail->postal_code : '' }}">
                    </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 style="color:red">*</span></label>
                        <select name="country" id="cat_name" class="form-control country" required='' data-live-search='true'>
                              <option value='India'>India</option>
                           {{--   @foreach($country AS $c)
                              <option value='{{$c}}' {{ !empty($entrant_detail->country) ? ($entrant_detail->country==$c ? 'SELECTED' : '') : ''}}>{{$c}}</option>
                              @endforeach --}}
                            </select>
                    </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 style="color:red">*</span></label>
                        <input type="text" name="sec_first_name" id="cat_name" class="form-control " required value="{{ !empty($entrant_detail->sec_first_name) ? $entrant_detail->sec_first_name : '' }}" onkeypress="return /[a-z]/i.test(event.key)">
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Last Name <span style="color:red">*</span></label>
                        <input type="text" name="sec_last_name" id="cat_name" class="form-control " required value="{{ !empty($entrant_detail->sec_last_name) ? $entrant_detail->sec_last_name : '' }}" onkeypress="return /[a-z]/i.test(event.key)">
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Job Title <span style="color:red">*</span></label>
                        <input type="text" name="sec_job_title" id="cat_name" class="form-control " required value="{{ !empty($entrant_detail->sec_job_title) ? $entrant_detail->sec_job_title : '' }}">
                    </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 style="color:red">*</span></label>
                        <input type="email" name="sec_email" id="cat_name" class="form-control " required value="{{ !empty($entrant_detail->sec_email) ? $entrant_detail->sec_email : '' }}">
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Company Name <span style="color:red">*</span></label>
                        <input type="text" name="sec_company_name" id="cat_name" class="form-control " required value="{{ !empty($entrant_detail->sec_company_name) ? $entrant_detail->sec_company_name : '' }}">
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label"> Mobile  <span style="color:red">*</span></label>
                        <input type="number" pattern=".{10,10}" title="10 digit mob no required" name="sec_phone" id="cat_name" class="form-control " required maxlength="10" size="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" value="{{ !empty($entrant_detail->sec_phone) ? $entrant_detail->sec_phone : '' }}">
                    </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 style="color:red">*</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" value="{{ !empty($entrant_detail->client_name) ? $entrant_detail->client_name : '' }}" @endif/>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Client Representative <span style="color:red">*</span></label>
                        <input type="text" name="client_representative" class="form-control"  @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id')) value="Not Applicable" readonly @else required="required" placeholder="Enter your client representative" value="{{ !empty($entrant_detail->client_representative) ? $entrant_detail->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 style="color:red">*</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" value="{{ !empty($entrant_detail->client_email) ? $entrant_detail->client_email : '' }}" @endif />
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Client Mobile <span style="color:red">*</span></label>
                        <input  title="10 digit mob no required" name="client_mobile" 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="number" pattern=".{10,10}" maxlength="10" size="10" required="required" value="{{ !empty($entrant_detail->client_mobile) ? $entrant_detail->client_mobile : '' }}" @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 style="color:red">*</span></label>
                        <input maxlength="100" type="text" name="campaign_title" required="required" class="form-control" placeholder="Enter campaign title" value="{{ !empty($entrant_detail->campaign_title) ? $entrant_detail->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="campaign_budget" class="form-control"  @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id')) value="Not Applicable" readonly @else required="required" value="{{ !empty($entrant_detail->campaign_budget) ? $entrant_detail->campaign_budget : '' }}" @endif />
                    </div>
                </div>
            </div>
            @php $entrant_campaign_date = !empty($entrant_detail->campaign_date) ? explode('to',$entrant_detail->campaign_date) : ''; @endphp
            <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Campaign Brand <span style="color:red">*</span></label>
                        <input  type="text" name="campaign_brand" class="form-control"  @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id')) value="Not Applicable" readonly @else maxlength="100" required="required" placeholder="Enter campaign brand" value="{{ !empty($entrant_detail->campaign_brand) ? $entrant_detail->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 style="color:red">*</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" 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]))) : ''}}" @endif/>
                    </div>
                </div>
                <div class="col-md-3 col-sm-3">
                    <div class="form-group">
                        <label class="control-label">Campaign Running Date <span style="color:red">*</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" 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]))) : ''}}" @endif />
                    </div>
                </div> 
                <i id='campaign_date' style="color:red"></i>
            </div>
            
            <input type='hidden' name="user_id" value="{{ !empty($entrant_detail->user_id) ? $entrant_detail->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>
          
          <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> 
                @if(auth::user()->role_id==1)
                 <div class='row clearfix cform'>
                        <div class="col-md-12 col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Endorsement status</label>
                                <Select name="endorsement_status" class="form-control" required=''>
                                <option value="">Select endorsement status</option>
                                <option value="5" {{ !empty($entry_detail->endorsement_status) ? ($entry_detail->endorsement_status=='5' ? 'SELECTED' : '') : '' }}>Yes</option>
                                <option value="3" {{ !empty($entry_detail->endorsement_status) ? ($entry_detail->endorsement_status=='3' ? 'SELECTED' : '') : '' }}>No</option>                        
                                </select>
                            </div>
                        </div>                
                </div>   
                @endif            

                <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>
            @php $microsite_weblink = $entry_detail->microsite_weblink;@endphp
               @if(!empty($microsite_weblink))
                    @foreach($microsite_weblink AS $weblink)
                    @if(!empty($weblink))
                <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" value="{{ $weblink }}">
                    </div>
                </div>
                @endif
                    @endforeach
                @endif
            </div>
                <div class="more_weblinks"></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, .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>
                @if(!empty($entry_file))
                        <div class="entryfiles">
                            <label class="control-label" for="">File</label>
                            <div class="filebox clearfix">
                     @foreach($entry_file as $val)
                              @if(file_exists(storage_path('app/public/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename)))
                                @php $ext = pathinfo($val->user_filename, PATHINFO_EXTENSION); @endphp
                                @if($ext=='mp4' || $ext=='wmv' || $ext=='mpg' || $ext=='swf' || $ext=='mov' || $ext=='mpeg2')
                                <div class="colbox-sm videobox" id="entry_file_id_{{$val->id}}"><span class="fig-box">
                                     <button type="button" class="delete" data-id="{{ $val->id}}" ><i class="material-icons">delete</i></button> 
                                    <video width="100%" controls>
                                        <source src="{{ url('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename) }}" type="video/mp4">
                                        <source src="{{ url('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename) }}" type="video/ogg">
                                    </video>
                                    @if(auth::user()->role_id==3)
                                        <button type="button" class="delete" data-id="{{ $val->id}}" ><i class="material-icons">delete</i></button> 
                                        <a download="{{ $val->user_filename }}" href="{{ url('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename) }}" title="ImageName">
                                    @endif
                                </div>
                                @elseif($ext=='jpg' || $ext=='jpeg' || $ext=='png' || $ext=='gif' || $ext=='svg')  
                                <div class="colbox-sm" ><span class="fig-box">
                                <img src="{{ url('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename) }}" width="100px">
                                <button type="button" class="delete" data-id="{{ $val->id}}" ><i class="material-icons">delete</i></button> 
                                </div>
                                @elseif($ext=='pdf')
                                    <div class="colbox-sm" ><span class="fig-box">
                                         <button type="button" class="delete" data-id="{{ $val->id}}" ><i class="material-icons">delete</i></button> 
                                    <a download="{{ $val->user_filename }}" href="{{ url('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename) }}" title="ImageName">
                                         <img src="{{url('assets/images/pdf_thumbnail.png')}}" width="80%"/>
                                    </a>
                                        @if(auth::user()->role_id==3)
                                        <button type="button" class="delete" data-id="{{ $val->id}}" ><i class="material-icons">delete</i></button> 
                                        
                                        @endif
                                        <a download="{{ $val->user_filename }}"  href="{{ url('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename) }}" type="button" class="download"><i class="material-icons">cloud_download</i></a>
                                     </span>
                                          <!--<br/>-->
                                         <a class="view-document" href="{{ url('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename) }}" target="_blank">View Document</a>
                                    </div>
                                @else
                                <div class="colbox-sm imgbox" id="entry_file_id_{{$val->id}}"><span class="fig-box">
                                     <button type="button" class="delete" data-id="{{ $val->id}}" ><i class="material-icons">delete</i></button> 
                                  <a download="{{ $val->user_filename }}" href="{{ url('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename) }}" title="ImageName">
                                    <img src="{{ url('assets/images/file_thumbnail.png') }}" alt="Document"/>
                                </a>
                                   @if(auth::user()->role_id==3)<button type="button" class="delete" data-id="{{ $val->id}}" ><i class="material-icons">delete</i></button> @endif
                                    <a download="{{ $val->user_filename }}"  href="{{ url('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename) }}" type="button" class="download"><i class="material-icons">cloud_download</i></a>
                                </span>
                                     <!--<br/>-->
                                    <a class="view-document" href="{{ url('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename) }}" target="_blank">View Document</a>
                                  </div>
                                @endif
                                
                            @endif

                            <!--<br>-->

                            @endforeach
                @endif
                            </div>
                       </div>

            <div id="files" class="filebox"></div>    
            <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 style="color:red">*</span></label>
                        <input maxlength="100" type="text" name="nominee_name_1" required="required" class="form-control" placeholder="Enter Name" value="{{ !empty($entry_detail->nominee_name_1) ? $entry_detail->nominee_name_1 : '' }}" 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 style="color:red">*</span></label>
                        <input type="text" required="required" name="nominee_company_name_1" class="form-control" placeholder="Enter Company Name" value="{{ !empty($entry_detail->nominee_company_name_1) ? $entry_detail->nominee_company_name_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">Designation <span style="color:red">*</span></label>
                        <input maxlength="100" type="text" name="nominee_title_1" required="required" class="form-control" placeholder="Enter Title" value="{{ !empty($entry_detail->nominee_title_1) ? $entry_detail->nominee_title_1 : '' }}"/>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Email <span style="color:red">*</span></label>
                        <input type="email" required="required" name="nominee_email_1" class="form-control" placeholder="Enter email" value="{{ !empty($entry_detail->nominee_email_1) ? $entry_detail->nominee_email_1 : '' }}">
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label"> Contact <span style="color:red">*</span></label>
                        <input type="tel" pattern=".{10,10}" title="10 digit mob no required" required="required" name="nominee_contact_1" class="form-control" placeholder="Enter phone" maxlength="10" size="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" value="{{ !empty($entry_detail->nominee_contact_1) ? $entry_detail->nominee_contact_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 style="color:red">*</span></label>
                        <input maxlength="100" type="text" name="nominee_name_2" required="required" class="form-control" placeholder="Enter Name" value="{{ !empty($entry_detail->nominee_name_2) ? $entry_detail->nominee_name_2 : '' }} " 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 style="color:red">*</span></label>
                        <input type="text" required="required" name="nominee_company_name_2" class="form-control" placeholder="Enter Company Name" value="{{ !empty($entry_detail->nominee_company_name_2) ? $entry_detail->nominee_company_name_2 : '' }}">
                    </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 style="color:red">*</span></label>
                        <input maxlength="100" type="text" name="nominee_title_2" required="required" class="form-control" placeholder="Enter Title" value="{{ !empty($entry_detail->nominee_title_2) ? $entry_detail->nominee_title_2 : '' }}"/>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Email <span style="color:red">*</span></label>
                        <input type="email" required="required" name="nominee_email_2" class="form-control" placeholder="Enter email" value="{{ !empty($entry_detail->nominee_email_2) ? $entry_detail->nominee_email_2 : '' }}">
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label"> Contact <span style="color:red">*</span></label>
                        <input type="tel" pattern=".{10,10}" title="10 digit mob no required" required="required" name="nominee_contact_2" class="form-control" placeholder="Enter phone" maxlength="10" size="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" value="{{ !empty($entry_detail->nominee_contact_2) ? $entry_detail->nominee_contact_2 : '' }}">
                    </div>
                </div>
            </div>
          <button class="btn btn-primary nextBtn btn-lg pull-right" type="button" id="next_step_3">Save & Contiunue</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='entry_table_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(){  
      
      // 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, '');
            }
        }); 
        
    var entrant_pri_email = "{{ !empty($entrant_detail->pri_email) ? $entrant_detail->pri_email : '' }}";
    var entrant_category_type = "{{ !empty($entrant_detail->category_type) ? $entrant_detail->category_type : '' }}";
    var entrant_category = "{{ !empty($entrant_detail->category) ? $entrant_detail->category : '' }}";
    
    if(entrant_pri_email!=''){
        $('input[name=pri_email]').attr('disabled','disabled');
        $('#entrant_id').val("{{ $entrant_detail->id }}");
        $('#entry_id').val("{{ $entry_detail->entry_id}}");
        $('#entry_table_id').val("{{ $entry_detail->id}}");
        $('#event_entry_detail_id').val("{{ $question_detail_id }}");
    }else{
        $('input[name=pri_email]').removeAttr('disabled');
        $('#entrant_id').val("");
        $('#entry_id').val("");
        $('#event_entry_detail_id').val("");
    }
    if(entrant_category!='NA'){
        getSubcategoryQuestion(entrant_category);
    }else{
        getCategoryQuestion(entrant_category_type);
    }


    //$("#category_type").removeAttr("disabled");
    //$("#category").removeAttr("disabled");
    $('#category_type').attr('disabled','disabled');
    $('#category').attr('disabled','disabled');
    $('input[name=campaign_title]').attr('disabled','disabled');
    $('input[name=campaign_brand]').attr('disabled','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() {
        var pri_email = $(this).val();
        var category_type = $('#category_type').val();
        var category = 'NA';
        if($('#category_type').val()!=''){
            category = $('#category_type').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'>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(){
        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!==''){                            
                            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+'" maxlength="'+max_length+'" '+val.required+'></textarea><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{
                            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+'" maxlength="'+max_length+'" '+val.required+'></textarea><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){ 
    var category_answer = @php echo !empty($question_detail) ? json_encode($question_detail) : '' @endphp;
    $.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; 
                var array = category_answer[i].split(" ");
                                    
                if(val.required!==''){  
                   // var max_length = 150;                  
                    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+'" data-max-words="'+max_length+'" '+val.required+' id="answer_index'+i+'" oninput="getWordCount('+i+')" data-id="'+i+'">'+category_answer[i]+'</textarea><div class="pull-right"><span id="answer_count_'+i+'">'+array.length+'</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" style="height:150px" name="user_answer[]" minlength="'+min_length+'" data-max-words="'+max_length+'" '+val.required+' oninput="getWordCount('+i+')" id="answer_index'+i+'" data-id="'+i+'">'+category_answer[i]+'</textarea><div class="pull-right"><span id="answer_count_'+i+'">'+array.length+'</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


//get subcategory question

function getSubcategoryQuestion(category){
    var subcategory_answer = @php echo !empty($question_detail) ? json_encode($question_detail) : '' @endphp;
    // $('#msg').html(subcategory_answer);
    $.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;
                        var array = subcategory_answer[i].split(" ");      
                            if(val.required!==''){
                               // var max_length = 150;
                                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+'" data-max-words="'+max_length+'" '+val.required+' id="answer_index'+i+'" oninput="getWordCount('+i+')" data-id="'+i+'">'+subcategory_answer[i]+'</textarea><div class="pull-right"><span id="answer_count_'+i+'">'+array.length+'</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" style="height:150px" name="user_answer[]" minlength="'+min_length+'" data-max-words="'+max_length+'" '+val.required+' oninput="getWordCount('+i+')" id="answer_index'+i+'" data-id="'+i+'">'+subcategory_answer[i]+'</textarea><div class="pull-right"><span id="answer_count_'+i+'">'+array.length+'</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   

// delete entry files
    $('.delete').click(function(){
      if(confirm('Are you sure to delete this record ?')){
        var id = $(this).attr('data-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);
               }
           });
      }

    });
    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);
               }
           });
      }
    }
// delete entry files
// 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{
                
                $('#category').removeAttr("disabled");
                $('#category_type').removeAttr("disabled"); 

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

                $('#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');

                $('#submission_detail')[0].reset();

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

//display entrant detail
function setEntrantDetail(data){    
    $('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);
  
   
    $('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){ 
       // $('#next_step_1').prop('disabled',true);  
        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(){
    $.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) {  
               if(result.success==true){  
                $('#next_step_1').prop('disabled',false);
                $('#entrant_id').val(result.entrant_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(result,error){
           //   $('#next_step_1').prop('disabled',false);
               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('entry_table_id',$('#entry_table_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('endorsement_status',$("select[name=endorsement_status] option:selected").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));
    fd.append('user_id',$('input[name=user_id]').val());

    $.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){ 
              ///    $('#next_step_2').prop('disabled',false);
                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"><span class="fig-box" id="entry_file_id_'+value.id+'"><video  controls style="width:100%;"><source src="'+file_path+'" type="video/mp4"><source src="'+file_path+'" type="video/ogg"></video><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=='jpg' || file_extension=='jpeg' || file_extension=='png' || file_extension=='svg' || file_extension=='gif'){
                    $('#files').append('<div class="colbox-sm "><span class="fig-box" id="entry_file_id_'+value.id+'" ><img src="'+file_path+'" /><button type="button" onclick=removeImage("'+value.id+'"); class="delete" data-id="'+value.id+'"><i class="material-icons">delete</i></button></div>');
                }else if(file_extension=='pdf'){
                    $('#files').append('<div class="colbox-sm" ><span class="fig-box" id="entry_file_id_'+value.id+'"><a download="'+file_path+'" href="'+file_path+'" title="ImageName"><img src="{{url("assets/images/pdf_thumbnail.png")}}" width="80%"/></a><button onclick=removeImage("'+value.id+'"); type="button" class="delete" data-id="'+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" ><span class="fig-box" id="entry_file_id_'+value.id+'"><a download="'+file_path+'" href="'+file_path+'" title="ImageName"><img src="{{url("assets/images/file_thumbnail.png")}}" height="100" width="100"/></a><button onclick=removeImage("'+value.id+'"); type="button" class="delete" data-id="'+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('');
                
                $('#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{   
                   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 10MB. ",
                    type: "warning",
                    showCancelButton: true,
                    closeOnConfirm: false,
                    showLoaderOnConfirm: true,
                    confirmButtonClass: "btn-danger",
                    confirmButtonText: "Yes, delete it!",
                });
             //   $('#next_step_2').prop('disabled',false);
               }
           },
           error: function(xhr,status,error){
           //    $('#next_step_2').prop('disabled',false);
               //console.log("result2",result);
               //console.log("error",error);
                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.",
                    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').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){    
           //     $('#next_step_3').prop('disabled',false);
                $('#entry_id').val(result.entry_id);
               // nextStepWizard.removeAttr('disabled').trigger('click');
                $('#stepper-4' ).removeClass("disabled");
                $('#stepper-4' ).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=null) {
        // if( i!=null){

        //     // Get all inputs that have a word limit
        // document.querySelectorAll('textarea[data-max-words]').forEach(input => {
        //     console.log(input)

        //         // Remember the word limit for the current input
        //         let maxWords = parseInt(input.getAttribute('data-max-words') || 0);
                
        //         // Add an eventlistener to test for key inputs
        //         input.addEventListener('keydown', e => {
        //             let target = e.currentTarget
                
        //             // Split the text in the input and get the current number of words
        //             let words = target.value.split(/\s+/).length;
        //             console.log("i",i)
        //             document.getElementById('answer_count_'+i).innerHTML = words;
        //             // If the word count is > than the max amount and a space is pressed
        //             // Don't allow for the space to be inserted
        //             if (!target.getAttribute('data-announce'))
        //             // Note: this is a shorthand if statement
        //             // If the first two tests fail allow the key to be inserted
        //             // Otherwise we prevent the default from happening
        //             words >= maxWords && e.keyCode == 32 && e.preventDefault()
        //             else
        //             words >= maxWords && e.keyCode == 32 && (e.preventDefault() || alert('Word Limit Reached'))
        //         })
        // });


        // }else{

        //     // var link = document.getElementsByClassName('cat_answer');
        //     // console.log(link);
        //     // for(var i = 0; i < link.length; i++){
        //     //     console.log(link[i]);
        //     // }
        //     // let link = [...(document.querySelectorAll('.cat_answer'))];

        //     // for (var g of link) {
        //     // console.log( g ); 
        //     // }



        // }

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