@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('/entry')}}" 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
<form  method="POST" action="{{ url('/entry/'.$entry->id) }}">

    @csrf
    @method('PATCH')
  <div class="row clearfix">
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="">
            

                <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-6 col-sm-12">
                        <label class="form-label">Category Type</label>
                        <div class="form-group form-float select-category">
                            <div class="form-line">
                                <select name="category_type" class="form-control" data-live-search='true'  required='' id="category_type" disabled>
                                    <option value="{{ $entry->category_type }}" disabled>{{ $entry->category_type }}</option>
                                </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-6 col-sm-12">
                        <label class="form-label">Category</label>
                        <div class="form-group form-float select-category">
                            <div class="form-line">
                                <select name="category" class="form-control" data-live-search='true' required='' id="category" disabled>
                                    <option value="{{ $entry->category }}" disabled>{{ $entry->category }}</option>
                                </select>
                            </div>
                        </div>
                        @error('category')
                            <span class="invalid-feedback" role="alert">
                                <i style='color:red'>{{ $message }}</i>
                            </span>
                        @enderror
                    </div>
                    </div>

                    <div class=" col-md-6 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="1" id="is_confirmed_category1" class="with-gap radio-col-indigo" @if($entry->is_confirmed_category==1)checked @endif disabled>
                            <label for="is_confirmed_category1">Yes</label>
                            <input type="radio" name="is_confirmed_category" value="0" id="is_confirmed_category2" class="with-gap radio-col-indigo"@if($entry->is_confirmed_category==2) checked @endif 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-12">
                    <label class="form-label">Credited Country</label>
                        <div class="form-group form-float select-category">
                            <div class="form-line">
                                <select name="credited_country" class="form-control" data-live-search='true' required='' disabled>
                                <option value="{{ $entry->credited_country }}" >{{ $entry->credited_country }}</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='' disabled>
                                        {{ $entry->executive_summary }}
                                        </textarea>
                                    </div>
                                </div>
                            </div>
                    </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" value="  {{ $entry->winner_rep_name }}" required='' disabled>
                            </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" value="{{ $entry->winner_rep_job_title }}" class="form-control" placeholder="Enter Winner's Rep Job Title" required='' disabled>
                            </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" value="{{ $entry->winner_rep_company_name }}" class="form-control" placeholder="Enter Winner's Rep Company Name" required='' disabled>
                            </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" value="{{ $entry->winner_rep_email }}" placeholder="Enter Winner's Rep Email Address" required='' disabled>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- <div class="entry-levelform">
                    <div class="">
                        <div class="panel-heading"><strong>Entry Form</strong></div>
                        <div class="panel-body">
                        	<h3 class="badge-warning">Enter the following (1 to 5) in not more than 500 words cumulatively</h3>
                            <div class="form-group row">
                            <label for="" class="col-sm-4 col-form-label">Brief and marketing challenges / objectives *</label>
                            <div class="col-sm-8">
                              <textarea class="form-control"
                                        rows="3"
                                        id="brief_marketing_challenges_objectives"
                                        name="brief_marketing_challenges_objectives"
                                        ></textarea>
                            </div>
                          </div><!--End form-group-->

                          <div class="form-group row">
                            <label for="" class="col-sm-4 col-form-label">Strategy(20pc) *</label>
                            <div class="col-sm-8">
                              <textarea class="form-control" rows="3"  name="strategy" id="strategy"></textarea>
                            </div>
                          </div><!--End form-group-->

                          <div class="form-group row">
                            <label for="" class="col-sm-4 col-form-label">Solutions / innovations / creative ideas (25pc) *</label>
                            <div class="col-sm-8">
                              <textarea class="form-control"
                                        rows="3"
                                        id="solutions_innovations_creative_ideas"
                                        name="solutions_innovations_creative_ideas"
                            ></textarea>
                            </div>
                          </div><!--End form-group-->

                          <div class="form-group row">
                            <label for="" class="col-sm-4 col-form-label">Execution (25pc) *</label>
                            <div class="col-sm-8">
                              <textarea class="form-control" rows="3" id="execution" name="execution"></textarea>
                            </div>
                          </div><!--End form-group-->

                          <div class="form-group row">
                            <label for="" class="col-sm-4 col-form-label">Quantifiable results / achievement against objectives(30pc) *</label>
                            <div class="col-sm-8">
                              <textarea class="form-control" rows="3" id="results_objective" name="results_objective"></textarea>
                            </div>
                          </div><!--End form-group-->

                          <div class="form-group row">
                            <label for="" class="col-sm-4 col-form-label">Client Testimonials with name, designation and organization(specific to the entry, will count towards results) *</label>
                            <div class="col-sm-8">
                              <textarea class="form-control" rows="3" id="client_testimonials" name="client_testimonials"></textarea>
                            </div>
                          </div><!--End form-group-->

                        </div>

                    </div><!--End-->
                </div>  --}}
               

                <div class="">
                 

                   

                 


                    <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="1" 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="0" id="part_of_endorsement2" class="with-gap radio-col-indigo">
                                <label for="part_of_endorsement2">No</label>
                            </div>
                        </div>
                    </div>

            

                    <div class="row clearfix cform">
                        <div class=" col-md-12 col-sm-12">
                            <label class="form-label">Upload 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>

 

               

               

                   
           

               

                    
        </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>
</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();


    {{-- $("#regionName").on("change",function(){
        var regionName = $(this).val();
        var region_with_cat = @json($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 val="+val+">"+val+"</option>"
                $("#category_type").append(optionElement);
            });
           }
        });
        $('#category_type').selectpicker('refresh')

    }) --}}

    $("#category_type").on("change",function(){
        var category_type  = $(this).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;
                        $.each(optionVal, function (i, val) {

                            var optionElement="<option val="+val+">"+val+"</option>"
                            $("#category").append(optionElement);


                        });
                        $('#category').selectpicker('refresh')
                      }


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

    function submitType(type){
        $('<input>').attr({
            type: 'hidden',
            id: 'submit_type',
            name: 'status',
            value:type
        }).appendTo('form');
    }


</script>

@include('links.footer')