@php
    $region_with_category = $data['region_with_category'];
@endphp
@include('links.header')
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<b>Add New Entry</b>
<a href="{{url('/event')}}" class="btn btn-primary pull-right" >Back</a>
<br><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-danger 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 id='msg'></div>
<form method='post' action="{{ route('entry.store') }}" enctype="multipart/form-data" class="digital-market" id='entry_form'>
  @csrf
  <div class="row clearfix">
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="panel panel-default">
             <div class="panel-heading"><strong>CLIENT INFORMATION & EVENT CAMPAIGN</strong></div>
             <div class="panel-body">
               <div class="row clearfix cform">
                   <div class=" col-md-6 col-sm-6">
                     <strong>CLIENT INFORMATION</strong>
                     <ul class="checklist">
                       <li>Client Name : <b>{{ $entrant->client_name}}</b></li>
                       <li>Client Representative: <b>{{ $entrant->client_representative}} </b></li>
                       <li>Client Email: <b>{{ $entrant->client_email}} </b></li>
                       <li>Client Mobile: <b>{{ $entrant->client_mobile}} </b></li>
                     </ul>
                   </div>
                   <div class=" col-md-6 col-sm-6">
                     <strong>Event INFORMATION</strong>
                     <ul class="checklist">
                       <li>Event Name : <b>{{ $event->name}}</b></li>
                       <li>Event Start Date: <b>{{ date('d F Y',strtotime($event->start_date))}} </b></li>
                       <li>Event End Date: <b>{{ date('d F Y',strtotime($event->end_date))}} </b></li>
                       <li>Event Submission Deadline: <b>{{ date('d F Y',strtotime($event->submission_deadline))}} </b></li>
                     </ul>
                   </div>
                 </div>

             </div>
         </div>
        <div class="panel panel-default">
            <div class="panel-heading"><strong>Basic Information</strong></div>
            <div class="panel-body">

                <div class="row clearfix cform">
                    <div class=" col-md-12 col-sm-12">
                        <p>All information required in this section are mandatory and in English only.</p>
                    </div>
                    <div class=" col-md-12 col-sm-12">
                        <p class="message"><span>MUST READ: </span> Credits must be filled in as to be published on all materials and trophy credits. Once submitted, cannot be changed</p>
                    </div>
                </div>
                <div class="row clearfix cform">

                    <div class=" col-md-4 col-sm-12">
                        <label class="form-label">Region</label>

                        <div class="form-group form-float">
                            <div class="form-line">
                            <select class="form-control show-tick" name="region" required  id="regionName">
                              <option value="">Select Region</option>
                                @foreach($region_with_category as $category)
                                <option value="{{ $category->region }}">{{ $category->region }}</option>
                                @endforeach
                            </select>
                            </div>
                        </div>

                        @error('region')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <label class="form-label">Category Type</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <select name="category_type" class="form-control" data-live-search='true'  required='' id="category_type">

                                </select>
                            </div>
                        </div>
                        @error('category_type')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <label class="form-label">Category</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <select name="category" class="form-control" data-live-search='true'  id="category">

                                </select>
                            </div>
                        </div>
                        @error('category')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                </div>

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

                <div class="row clearfix cform">
                    <div class="col-md-6 col-sm-12">
                        <label class="form-label">Brand</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <input type="text" name="brand" class="form-control" placeholder="Brand Name" required=''>
                            </div>
                        </div>
                        @error('brand')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <label class="form-label">Title</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <input type="text" name="title" class="form-control" placeholder="Title" required=''>
                            </div>
                        </div>
                        @error('category')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
               <!--     <div class="col-md-4 col-sm-12">
                        <label class="form-label">Payment Method</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <select name="payment_method" class="form-control"  required=''>
                                  <option value=""> Select payment method</option>
                                  <option value='1'>Online Payment</option>
                                  <option value='2'>Manual Payment</option>
                                  <option value='3'>Special Appearance</option>
                                </select>
                            </div>
                        </div>
                        @error('category')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>-->

                </div>
                <div class="row clearfix cform">
                  <a class="btn btn-info btn-sm waves-effect" id="add_more_weblinks">Add More Microsite Weblinks</a>
                  <div class="col-md-12 col-sm-12">
                      <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" placeholder="http://www.example.com" >
                          </div>
                      </div>

                      @error('category')
                          <span class="invalid-feedback" role="alert">
                              <i style='color:red'>{{ $message }}</i>
                          </span>
                      @enderror
                  </div>
                </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>
                          <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">
                      <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-12">
                    <label class="form-label">Credited Country</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <select name="credited_country" class="form-control" data-live-search='true' required=''>
                                <option value="American Samoa">American Samoa</option>
                                <option value="Australia">Australia</option>
                                <option value="Bangladesh">Bangladesh</option>
                                <option value="Bhutan">Bhutan</option>
                                <option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
                                <option value="Brunei">Brunei</option>
                                <option value="Cambodia">Cambodia</option>
                                <option value="China">China</option>
                                <option value="Cook Islands">Cook Islands</option>
                                <option value="East Timor">East Timor</option>
                                <option value="Easter Island">Easter Island</option>
                                <option value="Fiji">Fiji</option>
                                <option value="French Polynesia">French Polynesia</option>
                                <option value="Guam">Guam</option>
                                <option value="Hawaii">Hawaii</option>
                                </select>
                            </div>
                        </div>
                        @error('country_id')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <label class="form-label">Executive Summary [?] (100-150 words)</label>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <div class="form-line">
                                        <textarea rows="4" name="executive_summary" class="form-control no-resize" placeholder="Please type what you want..." required=''></textarea>
                                    </div>
                                </div>
                            </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-12">
                        <label for="winner_rep_name">Winner's Rep Name </label>
                        <div class="form-group">
                            <div class="form-line">
                                <input type="text" name="winner_rep_name" class="form-control" placeholder="Enter Winner's Rep Name" required=''>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <label for="winner_rep_job">Winner's Rep Job Title</label>
                        <div class="form-group">
                            <div class="form-line">
                                <input type="text" name="winner_rep_job_title" class="form-control" placeholder="Enter Winner's Rep Job Title" required=''>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row clearfix cform">
                    <div class="col-md-6 col-sm-12">
                        <label for="winner_rep_company_name">Winner's Rep Company Name</label>
                        <div class="form-group">
                            <div class="form-line">
                                <input type="text" name="winner_rep_company_name" class="form-control" placeholder="Enter Winner's Rep Company Name" required=''>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <label for="winner_rep_email">Winner's Rep Email Address</label>
                        <div class="form-group">
                            <div class="form-line">
                                <input type="email" name="winner_rep_email" class="form-control" placeholder="Enter Winner's Rep Email Address" required=''>
                            </div>
                        </div>
                    </div>
                </div>

                    <!-- <div class="panel panel-default"> -->
                            <!-- <div class="panel-heading"><strong>ASIA-PACIFIC AGENCY NETWORK CATEGORIES</strong></div>
                                <div class="panel-body">
                                    <div class="row clearfix cform">
                                        <div class=" col-md-12 col-sm-12">
                                            <p>The three Agency Network categories are as follow:</p>
                                            <ul class="checklist">
                                                <li>Asia-Pacific Creative Network of the Year</li>
                                                <li>Asia-Pacific Media Network of the Year</li>
                                                <li>Asia-Pacific Digital Network of the Year</li>
                                            </ul>
                                            <p>A win in each of the local markets (country awards) will contribute points towards the respective overall Network of the Year category type. <span class="message">Only the Creative, Media and Digital country awards from all the 5 Region Awards can contribute points</span> and does not include wins from all other categories. Please indicate clearly if there is more than one agency to be credited, the % of the split. The credited agency should not be the group company.</p>
                                            <p>Points received from the Regional Agency Awards for Greater China, South Asia and Southeast Asia Creative/Media/Digital/Independent Agency of the Year will not contribute towards the respective overall Network of the Year. For more details, please refer to the Entry Kit under Point System.</p>

                                            <div class="card">
                                                <div class="body table-responsive">
                                                    <table class="table table-condensed">
                                                        <thead>
                                                            <tr>
                                                                <th>Country</th>
                                                                <th>Gold</th>
                                                                <th>Silver</th>
                                                                <th>Bronze</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr class="active">
                                                                <th scope="row">China</th>
                                                                <td>10</td>
                                                                <td>6</td>
                                                                <td>3</td>
                                                            </tr>
                                                            <tr class="active">
                                                                <th scope="row">Japan</th>
                                                                <td>9</td>
                                                                <td>5</td>
                                                                <td>2.5</td>
                                                            </tr>
                                                            <tr class="active">
                                                                <th scope="row">Australia</th>
                                                                <td>8</td>
                                                                <td>4</td>
                                                                <td>2</td>
                                                            </tr>
                                                            <tr class="active">
                                                                <th scope="row">India</th>
                                                                <td>7</td>
                                                                <td>3</td>
                                                                <td>1.5</td>
                                                            </tr>
                                                            <tr class="active">
                                                                <th scope="row">Others</th>
                                                                <td>5</td>
                                                                <td>2</td>
                                                                <td>1</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>

                                            <p>A shortlist is drawn from the points accumulated, and up to 5 top scoring Agency Network in each category will form each shortlist. <span>NO ENTRY SUBMISSION IS REQUIRED TO ENTER TO THESE NETWORK CATEGORIES.</span> </p>

                                        </div>
                                    </div>
                                </div>
                            </div> -->


                    <!-- <div class="panel panel-default">
                            <div class="panel-heading"><strong>WRITTEN ENTRY SUBMISSION</strong></div>
                            <div class="panel-body">
                                <ul class="checklist">
                                    <li>Your written submission must be submitted on the specified category entry template in no more than <strong>10 single-sided</strong> pages of <strong>A4</strong> paper.</li>
                                    <li>Judges and organiser reserve the right to disqualify an entry if the page limit is not adhered to.</li>
                                    <li>Please highlight sections that are confidential and not for publication within your written submission as "<strong>Not for Publication<strong>" in yellow highlights and tick the '<strong>Confidentiality Request</strong>' box.</li>
                                    <li>The entry templates are available for download on <a href="http://aoyawards.com/">www.aoyawards.com</a></li>
                                    <li>Entry Submission file size
                                        <p>File size: Less than 5MB</p>
                                        <p>File formats: .PDF</p>
                                    </li>
                                </ul>
                            </div>
                    </div> -->


                <div class="row clearfix cform">
                    <div class=" col-md-12 col-sm-12">
                        <label class="form-label">MAIN WRITTEN SUBMISSION </label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <input type="file" name="mail_written_submission" id="logo" class="form-control">
                            </div>
                        </div>
                        @error('mail_written_submission')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                    <div class=" col-md-12 col-sm-12">
                        <div class="form-group form-float">
                            <input type="checkbox" name="confirm_written_submission" class="filled-in" value='Yes'>
                            <label for="confirm_written_submission">I confirm the main written submission is maximum 10 single sided pages A4 size. *</label>
                        </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>

                <div class="panel panel-default">
                    <div class="panel-heading"><strong>WRITTEN ENTRY SUBMISSION</strong></div>
                    <div class="panel-body">
                        <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>
                </div>

                <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_2" 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 class=" col-md-12 col-sm-12">
                        <div class="card">
                            <div class="body bg-blue-grey">
                                <span>Note:</span>
                                <ol type="1">
                                    <li>All supporting materials for judging should be uploaded either online as a digital file and/or in the form of a microsite/URL links as per the format guidelines stipulated below.</li>
                                    <li>The microsite/URL must be live from <span class="message"> {{ date("d-M-Y", strtotime(session('event')->start_date)) }} to  {{ date("d-M-Y", strtotime(session('event')->end_date)) }} </span>. Please supply passwords, if needed, for access to the URL. Please DO NOT include any ftp or downloading web links; all web pages should lead judges to view the work or information directly, with no downloading required.</li>
                                    <li>All materials in languages other than English must be submitted with a translation.</li>
                                    <li>No supporting material can be returned after judging.</li>
                                    <li>Any supporting data must be accompanied by an indication of the source of reference. If your agency is the source of research, please reference "Agency Research".</li>
                                    <li>Support materials not provided in digital format or according to the specifications listed below will not be considered.</li>
                                    <li>Only support materials supplied with the entry will be used in the event of an entry being shortlisted or winning. Entrants will not be asked for additional support materials after entry submission.</li>
                                </ol>
                             </div>
                        </div>
                    </div>
                </div>


               <div class="panel panel-default">
                    <div class="panel-heading"><strong>SUPPORTING MATERIALS FILE FORMATS</strong></div>
                    <div class="panel-body">
                        <p><strong>Documents</strong></p>
                        <ul class="checklist">
                            <li>File size: Less than 5MB</li>
                            <li>File formats: .pdf</li>
                        </ul>
                        <p><strong>Pictures/Photographs (At least 300 dpi, RGB)</strong></p>
                        <ul class="checklist">
                            <li>File size: Less than 5MB</li>
                            <li>File formats: .jpg, .png</li>
                        </ul>
                       <!-- <p><strong>Audio</strong></p>
                        <ul class="checklist">
                            <li>File size: Less than 5MB</li>
                            <li>File formats: .mp3</li>
                        </ul>-->
                        <!-- <p><strong>Case Film / Video Submission</strong></p>
                        <ul class="checklist">
                            <li>Case Film/Video submission to be in the form of a hyperlink. You can use the common platforms such as YouTube, Vimeo, Youku.</li>
                            <li>Please ensure the link is accessible, it can be unlisted or if password protected, please ensure password is provided and valid until 31 December 2019. </li>
                            <li>Haymarket reserves the rights to publish the video wholly or in part.</li>
                            <li>You can upload the supporting material box or insert the link to your entry submission.</li>
                        </ul>
                        <p><strong>Supporting Materials</strong></p>
                        <ul class="checklist">
                            <li>All support materials should be provided in digital format ONLY and limited to the specific category required.</li>
                            <li>A maximum of ten (10) examples of creative works for Creative Agency of the Year and Creative Person of the Year categories.</li>
                            <li>A maximum of five (5) files for all other categories. This could include case studies, videos, websites and even data reports etc.</li>
                        </ul> -->
                    </div>
                </div>

            <!--    <div class="row clearfix cform">
                    <div class="col-md-6 col-sm-12">
                        <label class="form-label">Supporting Materials Type 1</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <select name="material_type1" class="form-control" data-live-search='true'>
                                    <option value="0">Select Supporting Materials Type 1</option>
                                    @if(isset($material_type1) && !empty($material_type1))
                                    @foreach($material_type1 AS $type)
                                    <option value="{{$type->id}}">{{($type->parent_category==0) ? $type->category_name : $category->parent.' - '.$category->category_name}}</option>
                                    @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        @error('category_id')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <label class="form-label">Supporting Materials Type 2</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <select name="material_type2" class="form-control" data-live-search='true'>
                                    <option value="0">Select Supporting Materials Type 2</option>
                                    @if(isset($material_type2) && !empty($material_type2))
                                    @foreach($material_type2 AS $type)
                                    <option value="{{$type->id}}">{{($type->parent_category==0) ? $type->category_name : $category->parent.' - '.$category->category_name}}</option>
                                    @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        @error('category_id')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <label class="form-label">Supporting Materials Type 3</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <select name="material_type1" class="form-control" data-live-search='true'>
                                    <option value="0">Select Supporting Materials Type 3</option>
                                    @if(isset($material_type3) && !empty($material_type3))
                                    @foreach($material_type3 AS $type)
                                    <option value="{{$type->id}}">{{($type->parent_category==0) ? $type->category_name : $category->parent.' - '.$category->category_name}}</option>
                                    @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        @error('category_id')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <label class="form-label">Supporting Materials Type 4</label>
                        <div class="form-group form-float">
                            <div class="form-line">
                                <select name="material_type4" class="form-control" data-live-search='true'>
                                    <option value="0">Select Supporting Materials Type 4</option>
                                    @if(isset($material_type4) && !empty($material_type4))
                                    @foreach($material_type4 AS $type)
                                    <option value="{{$type->id}}">{{($type->parent_category==0) ? $type->category_name : $category->parent.' - '.$category->category_name}}</option>
                                    @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        @error('category_id')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                </div>-->

                <!-- <div class="panel panel-default">
                    <div class="panel-heading"><strong>ENTRY FEE</strong></div>
                    <div class="panel-body">
                        <p>Early Bird Entry Deadline: Tuesday, 3 September 2019, 6pm HK Time (UCT/GMT +8:00)</p>
                        <p>Normal Entry Deadline: Thursday, 3 October 2019, 6pm HK Time (UCT/GMT +8:00)</p>
                        <p>Late entry deadline: Thursday, 10 October 2019, 6pm HK Time (UCT/GMT +8:00)</p>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading"><strong>SUPPORTING MATERIALS FILE FORMATS</strong></div>
                    <div class="panel-body">
                        <p>Early Bird Entry Deadline: Tuesday, 3 September 2019, 6pm HK Time (UCT/GMT +8:00)</p>
                        <p>Normal Entry Deadline: Thursday, 3 October 2019, 6pm HK Time (UCT/GMT +8:00)</p>
                        <p>Late entry deadline: Thursday, 10 October 2019, 6pm HK Time (UCT/GMT +8:00)</p>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading"><strong>ENTRY FEE</strong></div>
                    <div class="panel-body">
                        <ul class="checklist">
                            <li>A separate fee is required for each entry submission.</li>
                            <li>Entry fees are due upon submission of your written submission. Entry submission is not completed without successful payment.</li>
                            <li>No refunds will be made for incorrect, withdrawn, duplicated or disqualified entries.</li>
                            <li>For payment via bank transfer, a confirmed transaction bank proof to be provided latest one day after the respective deadlines. (Early Bird Deadline by 4 September, Entry Deadline by 4 October and Late Entry Deadline by 11 October 2019)</li>
                            <li>Unpaid entries might be disqualified and Haymarket Media Limited will retain the right to claim for unpaid entry fees.</li>
                        </ul>
                        <h5>Agency Categories / Brand of the Year</h5>
                        <p> Early Bird Deadline: <span class="message">US$450 </span>(received before 3 September 2019 at 6pm HKT)</p>
                        <p>Entry Deadline:<span class="message"> US$525</span>(received after 3 September to 3 October 2019 at 6pm HKT)</p>
                        <p>Late Entry Deadline:<span class="message"> US$575 </span>(received after 3 October to 10 October 2019 at 6pm HKT)</p>
                        <h5>People Categories / Marketer of the Year</h5>
                        <p>Early Bird Deadline : <span class="message">US$365 </span>(received before 3 September 2019 at 6pm HKT)</p>
                        <p>Entry Deadline : <span class="message">US$435</span> (received after 3 September to 3 October 2019 at 6pm HKT)</p>
                        <p>Late Entry Deadline: <span class="message">US$485</span> (received after 3 October to 10 October 2019 at 6pm HKT)</p>
                        <span>*all time cut off is based on Hong Kong time zone.</span>
                    </div>
                </div> -->

                     <!-- enter in this section  -->
            <!-- </div> -->
        </div>
    </div>
</div>

<div class="row clearfix">
    <div class="button-demo" style="text-align:center;">
        <!-- <button type="submit" class="btn btn-primary waves-effect submit" onclick="submitType('1')">Save as Draft</button> -->
        <button type="submit" class="btn btn-primary waves-effect submit" onclick="submitType('2')">Submit</button>
        <div class="loadingio-spinner-rolling-a4nj2xbs22l loader">
            <div class="ldio-kgnfu0cytyf">
          <div></div>
          </div>
        </div>
    </div>
</div>
</form>
<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>
$('input[name="event_date"]').daterangepicker();
</script>
<script type="text/javascript">
	$(document).ready(function() {
    $('.loader').hide();    
    $('.submit').click(function(){
        if($(this).valid()) {
            var form = $( "#entry_form" ).submit();
            $( "#entry_form" ).submit(function( event ) {  
                event.preventDefault();
                $('.loader').show(); 
                $('.submit').hide();
            });
        }
        
       /* if(){
            $('.loader').show();
            $('.submit').hide();
        }else{
            $('.loader').hide();
            $('.submit').show();
        }*/
      
    });
//      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;
//      }
//    });





    /*$("#regionName").on("change",function(){
        var regionName = $(this).val();
        var region_with_cat = @json($data['region_with_category']);
        $("#category_type").empty();
        $('#category_type').selectpicker('refresh');

        $.each(region_with_cat, function (i, val) {
           if(i==regionName){
            $.each(val, function (i, val) {

                var optionElement="<option value="+val+">"+val+"</option>"
                $("#category_type").append(optionElement);
            });
           }
        });
        $('#category_type').selectpicker('refresh')

    })*/
    $("#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,region:region
                },
                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);
                        $.fn.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) {
                            optionElement += '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label">Question: '+val.question+'</label> <div class="form-group form-float"><div class="form-line"> <textarea class="form-control " name="user_answer[]" minlength="5" maxlength="700" required=""></textarea><input type="hidden" name="eventcategory_question[]" value="'+val.question+'"> <input type="hidden" name="min_mark[]" value="'+val.min_mark+'"> <input type="hidden" name="max_mark[]" value="'+val.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*/
    $.fn.getCategoryQuestion = function(category_type){

      $.ajax({
             url: "{{ url('/entry/getCategoryTypeQuestion') }}",
             type: 'post',
             headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
             data: { category_type:category_type },
             success: function (data) {
               if(data.status_code==1000){
                  var optionVal = data.data;
                  var optionElement = '';
                  $.each(optionVal, function (i, val) {
                       optionElement += '<div class="row clearfix cform"><div class="col-md-12 col-sm-12"><label class="form-label">Question: '+val.question+'</label> <div class="form-group form-float"><div class="form-line"> <textarea class="form-control " name="user_answer[]" minlength="5" maxlength="700" required=""></textarea><input type="hidden" name="eventcategory_question[]" value="'+val.question+'"> <input type="hidden" name="min_mark[]" value="'+val.min_mark+'"> <input type="hidden" name="max_mark[]" value="'+val.max_mark+'"> </div></div></div></div>';
                  });
                  $(".category_question").html(optionElement);
                }else{
                  var optionElement ="";
                  $(".category_question").html(optionElement);
                }
             },
             error: function (data) {
                  console.log(data);
             }
         });
    }

    /*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" 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*/

	});

  function submitType(type){
      $('<input>').attr({
          type: 'hidden',
          id: 'submit_type',
          name: 'status',
          value:type
      }).appendTo('form');
  }
</script>
<!--<script src="{{url('assets/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js')}}"></script>-->
@include('links.footer')