@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;
}
</style>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

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

<br><br>
<h3><span class="label label-info">{{$event_data->name}}</span></h3>
<br>
@if (Session::has('msg'))
<div class="alert bg-green alert-dismissible" role="alert"><strong>Success! </strong>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    {!! session('msg') !!}
</div>
  @endif
  @if (Session::has('msg_e'))
  <div class="alert bg-red alert-dismissible" role="alert"><strong>Danger! </strong>
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      {!! session('msg_e') !!}
  </div>
    @endif
  
    <div class="alert bg-purple alert-dismissible" role="alert" >
        <!--<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
        Entries must be for work conducted {{ $event_data->eligibility_period }} in order to be eligible.
    </div> 
    @php $campaign_period = explode('-',$event_data->eligibility_period);  @endphp
@if(!empty($entrant_detail))
<div class="alert bg-green alert-dismissible" role="alert" >
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        Participants can create new entrant as well as import entrant details from existing one.
</div>
@endif
 <div class="stepwizard col-md-offset-3">
    <div class="stepwizard-row setup-panel">
      <div class="stepwizard-step">
        <a href="#step-1" type="button" class="btn btn-primary btn-circle">1</a>
        <p>Submission Detail</p>
      </div>
      <div class="stepwizard-step">
        <a href="#step-2" type="button" class="btn btn-circle" disabled="disabled">2</a>
        <p>Entry Submission</p>
      </div>
      <div class="stepwizard-step">
        <a href="#step-3" type="button" class="btn btn-circle" disabled="disabled">3</a>
        <p>Nominee Submission</p>
      </div>
      <div class="stepwizard-step">
        <a href="#step-4" type="button" class="btn btn-circle" disabled="disabled">4</a>
        <p>Review</p>
      </div>
    </div>
  </div>
  
  <div class="stepperform">
    <div class="row setup-content" id="step-1">
      <div class="col-xs-12">
        <div class="col-md-12">
          <h3> Submission Detail</h3>
          <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 : '' }}">
                    </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 : '' }}">
                    </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" 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="cat_name" 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>
                        <input type="text" name="state" id="cat_name" class="form-control " required='' value="{{ !empty($entrant_detail->state) ? $entrant_detail->state : '' }}">
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="form-group">
                        <label class="control-label">Postal Code <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 : '' }}">
                    </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 : '' }}">
                    </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">Telephone <span style="color:red">*</span></label>
                        <input type="number" 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" required="required" class="form-control" placeholder="Enter Name" value="{{ !empty($entrant_detail->client_name) ? $entrant_detail->client_name : '' }}"/>
                    </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" required="required" name="client_representative" class="form-control" placeholder="Enter your client representative" value="{{ !empty($entrant_detail->client_representative) ? $entrant_detail->client_representative : '' }}">
                    </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 maxlength="100" type="email" name="client_email" required="required" class="form-control" placeholder="Enter Email" value="{{ !empty($entrant_detail->client_email) ? $entrant_detail->client_email : '' }}"/>
                    </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 type="number" name="client_mobile" 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->client_mobile) ? $entrant_detail->client_mobile : '' }}">
                    </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 : '' }}"/>
                    </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"  value="{{ !empty($entrant_detail->campaign_budget) ? $entrant_detail->campaign_budget : '' }}">
                    </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 maxlength="100" type="text" name="campaign_brand" required="required" class="form-control" placeholder="Enter campaign brand" value="{{ !empty($entrant_detail->campaign_brand) ? $entrant_detail->campaign_brand : '' }}"/>
                    </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  type="date" name="campaign_start_date" required="required" class="form-control" placeholder="Enter campaign brand" min="1970-01-01" max="1970-01-01" value="{{ !empty($entrant_campaign_date[0]) ? date('Y-m-d',strtotime(str_replace('/','-',$entrant_campaign_date[0]))) : ''}}"/>
                    </div>
                </div>
                <div class="col-md-3 col-sm-3">
                    <div class="form-group">
                        <label class="control-label">Campaign Running Date <span style="color:red">*</span></label>
                        <input type="date" name="campaign_end_date" required="required" class="form-control" placeholder="Enter campaign brand" min="1970-01-01" max="1970-01-01" value="{{ !empty($entrant_campaign_date[1]) ? date('Y-m-d',strtotime(str_replace('/','-',$entrant_campaign_date[1]))) : ''}}"/>
                    </div>
                </div> 
                <i id='campaign_date' style="color:red"></i>
            </div>
            
            <input type='hidden' name="user_id" value="{{ !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">Next</button>
        </div>
      </div>
    </div>
    <div class="row setup-content" id="step-2">
      <div class="col-xs-12">
        <div class="col-md-12">
          <h3>Entry submission</h3>
          
          <form role="form" action="" method="post" id='entry_form'>
            <h4>Basic Information</h4>
                <div class="row clearfix cform">
                    <div class=" col-md-12 col-sm-12">
                        <p>All information required in this section are mandatory and in English only.</p>
                    </div>
                    <div class=" col-md-12 col-sm-12">
                        <p class="message"><span>MUST READ: </span> Credits must be filled in as to be published on all materials and trophy credits. Once submitted, cannot be changed</p>
                    </div>
                </div> 
                @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=" col-md-12 col-sm-12">
                      <label class="form-label">I confirm that this is the category I would like to enter for </label>
                      <div class="form-group form-float">
                          <input type="radio" name="is_confirmed_category" value="Yes" id="is_confirmed_category1" class="with-gap radio-col-indigo" checked disabled>
                          <label for="is_confirmed_category1">Yes</label>
                          <input type="radio" name="is_confirmed_category" value="No" id="is_confirmed_category2" class="with-gap radio-col-indigo" disabled>
                      <label for="is_confirmed_category2">No</label>
                      </div>
                      <span class="message">Please note that the selected category cannot be changed once the entry has been submitted.</span>
                  </div>
                </div>
                
                <div class='row clearfix cform'>
                    <div class="col-md-6 col-sm-6">
                        <div class="form-group">
                            <label class="control-label">Credited Country</label>
                            @php $credited_country = ['American Samoa','Australia','Bangladesh','Bhutan','British Indian Ocean Territory','Brunei','Cambodia','China','Cook Islands','East Timor','Easter Island','Fiji','French Polynesia','Guam','Hawaii'];@endphp
                            <select name="credited_country" class="form-control" data-live-search='true' required=''>
                                    <option value="India">India</option>
                                {{-- @foreach($credited_country AS $country)
                                    <option value="{{ $country }}">{{ $country }}</option>
                                    @endforeach  --}}                           
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6">
                        <div class="form-group">
                            <label class="control-label">Executive Summary [?] (100-150 words)</label>
                            <textarea rows="4" name="executive_summary" class="form-control no-resize" placeholder="Please type what you want..." required=''>{{ !empty($entry_detail->executive_summary) ? $entry_detail->executive_summary : '' }}</textarea>
                        </div>
                    </div>
                </div>             -->

                <!-- <div class="row clearfix cform">
                    <div class="col-md-12 col-sm-12">
                        <span class="message">Should your entry win, please provide a representative to collect the trophy at the gala night. (Further confirmation will not be provided, therefore should the final representative change, please let us know by emailing <a href = "mailto: aoy@haymarket.asia">aoy@haymarket.asia</a> . If your final booking does not include the winner's representative and no confirmation change has been received, we will address the representative as "The Team"</span>
                    </div>
                </div>

                <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Winner's Rep Name </label>
                        <input type="text" name="winner_rep_name" class="form-control" placeholder="Enter Winner's Rep Name" required='' value="{{ !empty($entry_detail->winner_rep_name) ? $entry_detail->winner_rep_name : '' }}">
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Winner's Rep Job Title</label>
                        <input type="text" name="winner_rep_job_title" class="form-control" placeholder="Enter Winner's Rep Job Title" required='' value="{{ !empty($entry_detail->winner_rep_job_title) ? $entry_detail->winner_rep_job_title : '' }}">
                    </div>
                </div>
            </div>
            
            <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Winner's Rep Company Name </label>
                        <input type="text" name="winner_rep_company_name" class="form-control" placeholder="Enter Winner's Rep Company Name" required='' value="{{ !empty($entry_detail->winner_rep_company_name) ? $entry_detail->winner_rep_company_name : '' }}">
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Winner's Rep Email Address</label>
                        <input type="email" name="winner_rep_email" class="form-control" placeholder="Enter Winner's Rep Email Address" required='' value="{{ !empty($entry_detail->winner_rep_email) ? $entry_detail->winner_rep_email : '' }}">
                    </div>
                </div>
            </div>              -->


                <!-- <div class='row clearfix cform'>
                    <div class="col-md-12 col-sm-12">
                        <div class="form-group">
                            <label class="control-label">MAIN WRITTEN SUBMISSION</label>
                            <input type="file" name="mail_written_submission" id="mail_written_submission" class="form-control" required value="{{ !empty($entry_detail->mail_written_submission) ? $entry_detail->mail_written_submission : '' }}">
                        </div>
                    </div>                
                </div>               -->
            <!--                
                <div class="row clearfix cform">
                    <div class=" col-md-12 col-sm-12">
                            <label class="form-label">Confidentiality Request</label>
                            <div class="form-group form-float">
                                <input type="checkbox" name="confidentiality_request" class="filled-in" value='Yes'>
                                <label for="confidentiality_request">Please keep the information as marked in yellow highlight in the written entry submission confidential.</label>
                            </div>
                        </div>
                </div>


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

                <!-- <h4>WRITTEN ENTRY SUBMISSION</h4>
                
                        <p>These images will be used to showcase the entry on the awards night as well as Campaign Asia-Pacific's website should it win an award. Please upload 3 different high-resolution photos of your team for agency and team categories, and nominated individual's/team’s photos for people categories. Please DO NOT upload logos, photos of office space/building, or your work. These should be group photos of your agency team and people or the nominated person for the entry.</p>
                        <p>File size: Less than 5MB</p>
                        <p>File formats: .jpg, .png</p>
                        <p>Recommended size: 3000px for online & event use, and 300dpi for print.</p> -->
                

                <div class="row clearfix cform">
                    <div class=" col-md-12 col-sm-12">
                        <label class="form-label">Upload Image 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 Image 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 Image 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)))
                                <div class="colbox-sm" id="entry_file_id_{{$val->id}}"><span class="fig-box">
                                  <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('storage/upload_entries/event_'.session('top_menu_event_id').'/entries_'.session('top_menu_event_id').'/'.$val->user_filename) }}" />
                                </a>
                                   @if(auth::user()->role_id==1)<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

                            <!--<br>-->

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

                    
    
          <button class="btn btn-primary nextBtn btn-lg pull-right" type="button" id="next_step_2">Next</button>
        </form>
        
        </div>
      </div>
    </div>
    
    <div class="row setup-content" id="step-3">
      <div class="col-xs-12">
        <div class="col-md-12">
          <h3>Nominee Submission <br> (Names of two nominees to attend awards night in case the entry is shortlisted:) </h3>
          <form role="form" action="" method="post">
              <h4>Nominee 1</h4>
          <div class='row clearfix cform'>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <label class="control-label">Name <span 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 : '' }}"/>
                    </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" 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 : '' }}"/>
                    </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" 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">Next</button>
        </form>
        </div>
      </div>
    </div>
    
    <div class="row setup-content" id="step-4">
      <div class="col-xs-12">
        <div class="col-md-12">
          <h3>Review</h3>
         
         <div class="stepwizard col-md-offset-3">
            <div class="stepwizard-row setup-panel">
                <div class="list-group">
            <a href="#step-1" class="list-group-item list-group-item-action">Submission Detail</a>
            <a href="#step-2" class="list-group-item list-group-item-action">Entry Detail</a>
            <a href="#step-3" class="list-group-item list-group-item-action">Nominee Detail</a>
                </div>
            </div>
        </div>
        <div class="body">
            <div class="button-demo" align="center">
                <a href="{{ url('entrant_register/')}}/{{ session('event_keyword') }}" class="btn btn-primary waves-effect"> <i class="material-icons">assignment</i> Add Another Entry</a>
                <a href="{{ url ('/entries_checkout') }}" class="btn btn-success waves-effect"><i class="material-icons"> payment</i> Checkout</a>
            </div>
        </div>
        </div>
      </div>
    </div>
    </div>
  
  <div id='entry_id'></div>
  <div id='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(){  
    // getWordCount();
    console.log("dfdsfsdfdsfadsfadfs");
    console.log( $('.cat_answer'))
    $(".cat_answer").each(function() {
        var currentElement = $(this);
        console.log(currentElement)
    })
    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");
    $('.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=''>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 array = category_answer[i].split(" ");                   
                        if(val.required!==''){   
                            var max_length = 200;                         
                            optionElement += '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label cat_question">'+val.question+'<span style="color:red">*</span></label> <div class="form-group form-float"><div class="form-line"> <textarea class="form-control cat_answer" name="user_answer[]" minlength="'+min_length+'" data-max-words="'+max_length+'" '+val.required+' onkeypress="getWordCount('+i+')" data-id="'+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" name="user_answer[]" minlength="'+min_length+'" data-max-words="'+max_length+'" '+val.required+' onkeypress="getWordCount('+i+')" data-id="'+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

    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 array = category_answer[i].split(" ");
                                    
                if(val.required!==''){  
                    var max_length = 200;                  
                    optionElement += '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label cat_question">'+val.question+'<span style="color:red">*</span></label> <div class="form-group form-float"><div class="form-line"> <textarea class="form-control cat_answer" name="user_answer[]" minlength="'+min_length+'" data-max-words="'+max_length+'" '+val.required+' onkeypress="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" name="user_answer[]" minlength="'+min_length+'" data-max-words="'+max_length+'" '+val.required+' onkeypress="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>';
                }
                 
            });
            $(".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 array = subcategory_answer[i].split(" ");      
                            if(val.required!==''){
                                var max_length = 200;
                                optionElement += '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label cat_question">'+val.question+'<span style="color:red">*</span></label> <div class="form-group form-float"><div class="form-line"> <textarea class="form-control cat_answer" name="user_answer[]" minlength="'+min_length+'" data-max-words="'+max_length+'" '+val.required+' onkeypress="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" name="user_answer[]" minlength="'+min_length+'" data-max-words="'+max_length+'" '+val.required+' onkeypress="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>';
                            }
                           
                       });
                       $(".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);
               }
           });
      }

    });
// 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=state]').val(data.state);
    $('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');
    
   // $("#category_type").attr("disabled", "disabled");
    //$("#category").attr("disabled", "disabled");
    $('input[name=pri_email]').attr("disabled", "disabled");
    
    $('#entrant_id').val(data.id);
   
    if(data.category!='NA'){
        getSubcategoryQuestion(data.category);
    }else{
        getCategoryQuestion(data.category_type);
    }

}


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

 });*/

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

  allWells.hide();

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

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


  /*step 1 */
  allNextBtnStep1.click(function(){ 
      var curStep = $(this).closest(".setup-content"),
          curStepBtn = curStep.attr("id"),
          nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
          curInputs = curStep.find("input[type='text'],input[type='url'],input[type='number'],input[type='email'], input[type='date'],select"),
          isValid = true;
    var campaign_start_date = $('input[name=campaign_start_date]').val();
    var campaign_end_date = $('input[name=campaign_end_date]').val();
    if(new Date(campaign_start_date) <= new Date(campaign_end_date))
    {
        $('#campaign_date').html('');
        isValid = true;
    }else{
        $('#campaign_date').html('Campaign start date must be less than campaign running date.');
        isValid = false;
    }   
      $(".form-group").removeClass("has-error");
      for(var i=0; i<curInputs.length; i++){
          if (!curInputs[i].validity.valid){
              isValid = false;
              $(curInputs[i]).closest(".form-group").addClass("has-error");
          }
      }

      if (isValid){  
        insertSubmissionDetail();
        nextStepWizard.removeAttr('disabled').trigger('click');
      }    
          
  });

    /*step 1*/

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

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

      if (isValid){  
        insertEntryDetail();
        nextStepWizard.removeAttr('disabled').trigger('click'); 
      }    
          
  });
  /* step 2 */

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

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

      if (isValid){  
        insertNomineeDetail();
        nextStepWizard.removeAttr('disabled').trigger('click'); 
      }    
          
  });

/* step 3*/
  function insertSubmissionDetail(){
    $.ajax({
           url: "{{ route('entrant.store') }}",
           type:'POST',
                      
           headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
           data: {
                    'category_type':$("select[name=category_type] option:selected").val(),
                    'category':$("select[name=category] option:selected").val(),
                    'pri_first_name':$('input[name=pri_first_name]').val(),
                    'pri_last_name':$('input[name=pri_last_name]').val(),
                    'pri_company_name':$('input[name=pri_company_name]').val(),
                    'pri_job_title':$('input[name=pri_job_title]').val(),
                    'pri_country':$("select[name=pri_country] option:selected").val(),
                    'pri_email':$('input[name=pri_email]').val(),
                    'pri_phone':$('input[name=pri_phone]').val(),
                    'block_unit_no':$('input[name=block_unit_no]').val(),
                    'building':$('input[name=building]').val(),
                    'street':$('input[name=street]').val(),
                    'city_district':$('input[name=city_district]').val(),
                    'state':$('input[name=state]').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){           
                $('#entrant_id').val(result.entrant_id);
                $("#category_type").attr("disabled", "disabled");
                $("#category").attr("disabled", "disabled");
               }else{   
                $('#msg_pri_email').html('Entrant already exist with this email id.');
                $('#msg_pri_email').attr('autofocus');                
               }
           },
           error(result,error){
               console.log("result2",result);
               console.log("error",error);
            $('#msg').html(error);
           }
       });
  }

  // Insert Entry Detail
  function insertEntryDetail(){
    

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

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

    var fd = new FormData();
    fd.append('upload_img_1', $('#upload_img_1')[0].files[0]);
    fd.append('upload_img_2', $('#upload_img_2')[0].files[0]);
    fd.append('upload_img_3', $('#upload_img_3')[0].files[0]);
    fd.append('category_type',$("select[name=category_type] option:selected").val());   
    fd.append('category',$("select[name=category] option:selected").val());
    fd.append('entry_id',$('#entry_id').val());
    fd.append('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){                
                $('#entry_id').val(result.entry_id);
                $('#event_entry_detail_id').val(result.event_entry_detail_id);
               // nextStepWizard.removeAttr('disabled').trigger('click');
               }else{   
                
               }
           },
           error(result,error){
               console.log("result2",result);
               console.log("error",error);
               $('#msg').html(error);
           }
       });
  }
  
  //insert Nominee Detail
  
  function insertNomineeDetail(){
      $.ajax({
           url: "{{ url('/insert_nominee_detail') }}",
           type:'POST',                      
           headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
           data: {
                    'entry_id':$('#entry_id').val(),
                    'nominee_name_1':$('input[name=nominee_name_1]').val(),
                    'nominee_company_name_1':$('input[name=nominee_company_name_1]').val(),
                    'nominee_title_1':$('input[name=nominee_title_1]').val(),
                    'nominee_email_1':$("input[name=nominee_email_1]").val(),
                    'nominee_name_2':$('input[name=nominee_name_2]').val(),
                    'nominee_company_name_2':$('input[name=nominee_company_name_2]').val(),
                    'nominee_title_2':$('input[name=nominee_title_2]').val(),
                    'nominee_email_2':$('input[name=nominee_email_2]').val(),
                    'nominee_contact_1':$('input[name=nominee_contact_1]').val(),
                    'nominee_contact_2':$('input[name=nominee_contact_2]').val()
           },
           success: function(result) {
               if(result.success==true){                
                $('#entry_id').val(result.entry_id);
               // nextStepWizard.removeAttr('disabled').trigger('click');
               }else{   
                
               }
           },
           error(result,error){
               console.log("result2",result);
               console.log("error",error);
               $('#msg').html(error);
           }
       });
  }
  

  $('div.setup-panel div a.btn-primary').trigger('click');
  
});
</script>
<script>
function getWordCount(i=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 ); 
            // }



        }

        
}
</script>

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