@extends('layout.default')
@section('content')

@section('page_toolbar')
&nbsp;<a class="btn btn-info px-2 font-weight-bold btn-sm"  href="{{ url('admin/subscriptions') }}">
<i class="fas fa-list-ul" aria-hidden="true"></i> List Subscription
</a>

&nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm"  href="{{ URL::previous() }}">
<i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
</a>
@endsection

<!--begin::Content-->
@if ($errors->any())
<div class="alert alert-danger">
  <ul>
    @foreach ($errors->all() as $error)
    <li>{{ $error }}</li>
    @endforeach
  </ul>
</div>
@endif 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet"/>

<div class="card card-custom">
    <div class="card-body">
      <form class="form-horizontal" action="" enctype="multipart/form-data" id="subscriptionForm" >
          {{ csrf_field() }}
          {!! Form::hidden('subscription_id', $subscription->id ?? '' , [ 'id' => 'subscription_id'] ) !!}
          <div class="modal-body">
              <div class="col-md-12">
                  <div class="row">
                      <div class="form-group col-sm-12 col-xs-12">
                          <label class="col-form-label">Name <span class="text-danger">*</span></label>
                          <div>
                            {!! Form::text('name', $subscription->name ?? '' , ['class' => 'form-control', 'id' => 'name', 'placeholder' => "Subscription Name", 'maxlength' => 30] ) !!}

                              @if ($errors->has('name')) 
                              <span class="help-block"> <strong>{{ $errors->first('name') }}</strong> </span> 
                              @endif
                          </div>
                      </div> 
                      <div class="form-group col-sm-6 col-xs-12">
                          <label class="col-form-label">User Type <span class="text-danger">*</span></label>
                          <div>
                          {!! Form::select('user_type', $user_type , $subscription->user_type ?? '', ['class' => 'form-control ', 'id' => 'user_type', 'style' => 'width:100%','placeholder'=>'Select user type']) !!}
                          </div>
                      </div>  
                      <div class="form-group col-sm-6 col-xs-12">
                          <label class="col-form-label">Amount <span class="text-danger">*</span></label>
                          <div>
                          {!! Form::text('amount',  $subscription->amount ?? '' , ['class' => 'form-control check_numeric', 'id' => 'amount', 'placeholder' => "Amount"] ) !!}
                              @if ($errors->has('amount')) 
                              <span class="help-block"> <strong>{{ $errors->first('email_id') }}</strong> </span> 
                              @endif
                          </div>
                      </div> 
                      <div class="form-group col-sm-4 col-xs-12">
                          <label class="col-form-label">Duration Start </label>
                          {!! Form::select('duration', $subscription_durations , $subscription->duration ?? '', ['class' => 'form-control ', 'id' => 'duration', 'style' => 'width:100%','placeholder'=>'Choose duration']) !!}
                      <!-- </div>  
                      <div class="form-group col-sm-4 col-xs-12">
                          <label class="col-form-label">Duration End <span class="text-danger">*</span></label>
                          <div>
                              <div class='input-group date' id='enddate'>
                                  <input type='text' name="duration_end" onkeydown="return false" class="form-control" />
                                  <div class="input-group-append">
                                      <span class="input-group-text">
                                          <i class="la la-calendar"></i>
                                      </span>
                                  </div>
                              </div>  
                          </div>  -->
                      </div>
                      <div class="form-group col-sm-4 col-xs-12">
                          <label class="col-form-label">Discount % <span class="text-danger">*</span></label>
                          <div>
                              {!! Form::text('discount', $subscription->discount ?? '' , ['class' => 'form-control', 'id' => 'discount', 'placeholder' => "Discount rate"] ) !!}
                              @if ($errors->has('postcode')) 
                              <span class="help-block"> <strong>{{ $errors->first('discount') }}</strong> </span> 
                              @endif
                          </div>
                      </div> 
                      <div class="form-group col-sm-4 col-xs-12 conditions" id="studentCurriculum" style="{{ $subscription->user_type ==  'student' ? 'display:block;' : 'display:none;'  }}" >
                          <label class="col-form-label">Choose Curriculum </label>
                          {!! Form::select('curriculum', $curriculum , $subscription->curriculum ?? '', ['class' => 'form-control ', 'id' => 'curriculum', 'style' => 'width:100%','placeholder'=>'Choose Curriculum']) !!}
                      </div>
                      <div class="form-group col-sm-6 col-xs-12 ">
                        <label class="col-form-label">New Student Amount <span class="text-danger">*</span></label>
                        <div>
                            {!! Form::text('new_student_amount', $subscription->new_student_amount ?? '' , ['class' => 'form-control', 'id' => 'new_student_amount', 'placeholder' => "New Student Amount"] ) !!}
                            @if ($errors->has('new_student_amount')) 
                            <span class="help-block"> <strong>{{ $errors->first('new_student_amount') }}</strong> </span> 
                            @endif
                        </div>
                    </div>

                    <div class="form-group col-sm-6 col-xs-12 ">
                        <label class="col-form-label">Maximum Discount Amount <span class="text-danger">*</span></label>
                        <div>
                            {!! Form::text('max_discount_amount', $subscription->max_discount_amount ?? '' , ['class' => 'form-control', 'id' => 'max_discount_amount', 'placeholder' => "Max discount Amount"] ) !!}
                            @if ($errors->has('new_student_amount')) 
                            <span class="help-block"> <strong>{{ $errors->first('max_discount_amount') }}</strong> </span> 
                            @endif
                        </div>
                    </div>
                    <div class="form-group col-sm-6 col-xs-12 ">
                        <label class="col-form-label">Subscription details <span class="text-danger">*</span></label>
                        <div class="input-group">
                            {!! Form::textarea('details',  $subscription->details ?? '' , ['class' => 'form-control', 'id' => 'details', 'placeholder' => " Subscription details",'rows'=>'3'] ) !!}
                                @if ($errors->has('details')) 
                            <span class="help-block"> <strong>{{ $errors->first('details') }}</strong> </span> 
                            @endif
                        </div>
                    </div>
                  </div>  
                    
                <br>
                  <div class="row conditions" id="tutorConditions" style="{{ $subscription->user_type ==  'tutor' ? 'display:block;' : 'display:none;'  }} ">
                      <div class="form-group col-sm-12 col-xs-12 tutorplans">
                          <h2> Tutor Plans </h2>
                      </div>
    
              
                      <div class="form-group col-sm-12 col-xs-12 tutorplans">
                          <label class="col-form-label">Student Discount by ordinal number <span class="text-danger">*</span></label>
                          <div>
                                <table class="table table-bordered" id="dynamic_field_tutor">  
                                    <thead>
                                        <tr >
                                            <th class="text-center">Ordinal Number</th>
                                            <th class="text-center">Discount %</th>
                                            <th class="text-center">Action</th>
                                        </tr>
                                    </thead>
                                    @if(isset($tutor_conditions))
                                        @if(count($tutor_conditions) > 0)
                                            @foreach($tutor_conditions as $conditions)
                                            <tr>  
                                                <td><input type="text" name="ordinal_number[]" value="{{$conditions['ordinal_number']}}" placeholder="Ordinal Number" class="form-control check_numeric ordinal_number_list" /></td> 
                                                <td><input type="text" name="discount_rate[]" value="{{$conditions['discount_rate']}}" placeholder="Discount Rate" class="form-control check_numeric ordinal_discount_rate_list" /></td> 
                                                    @if($loop->last)
                                                    <td><button type="button" name="add" id="add" onclick="addRows('tutor')" class="btn btn-primary">Add More</button></td>  

                                                    @endif
                                            </tr> 
                                            @endforeach 
                                        @else
                                            <tr>  
                                                <td><input type="text" name="ordinal_number[]" placeholder="Ordinal Number" class="form-control check_numeric ordinal_number_list" /></td> 
                                                <td><input type="text" name="discount_rate[]" placeholder="Discount Rate" class="form-control check_numeric ordinal_discount_rate_list" /></td> 
                                                <td><button type="button" name="add" id="add" onclick="addRows('tutor')" class="btn btn-primary">Add More</button></td>  
                                            </tr> 
                                        @endif
                                    @endif
                               </table>
                          </div>
                      </div>


                  </div>
                <br>
                  <div class="row conditions" id="schoolConditions" style="{{ $subscription->user_type ==  'school' ? 'display:block;' : 'display:none;'  }}">
                      <div class="form-group col-sm-12 col-xs-12 ">
                          <h2> School Conditions </h2>
                      </div>
                                    
                      <div class="form-group col-sm-12 col-xs-12 ">
                          <label class="col-form-label">Discount by number of students<span class="text-danger">*</span></label>
                          <div>
                                <table class="table table-bordered" id="dynamic_field_school">  
                                    <thead>
                                        <tr>
                                            <th class="text-center" colspan="2">Number of Students</th>
                                            <th class="text-center">Amount</th>
                                            <th class="text-center" width="10px">Action</th>
                                        </tr>
                                    </thead>
                                    @if(isset($school_conditions))
                                        @if(count($school_conditions) > 0 )
                                            @foreach($school_conditions as $conditions)
                                            <tr>  
                                                <td>
                                                <input type="text" name="student_number_from[]" value="{{$conditions['number_from']}}" placeholder="Number of students from" class="form-control check_numeric ordinal_number_list" />
                                                
                                                </td><td>
                                                <input type="text" name="student_number_to[]" value="{{$conditions['number_to']}}" placeholder="Number of students to" class="form-control check_numeric ordinal_number_list" />
                                                
                                                </td> 
                                                <td><input type="text" name="student_amount[]" value="{{$conditions['amount']}}" placeholder="Amount" class="form-control check_numeric ordinal_discount_rate_list" /></td> 
                                                @if($loop->last)
                                                <td><button type="button" name="add" id="add" onclick="addRows('school')" class="btn btn-sm btn-primary">Add More</button></td>  
                                                @endif
                                            </tr>  
                                            @endforeach
                                        @else
                                            <tr>  
                                                <td>
                                                <input type="text" name="student_number_from[]" placeholder="Number of students from" class="form-control check_numeric ordinal_number_list" />
                                                
                                                </td><td>
                                                <input type="text" name="student_number_to[]"  placeholder="Number of students to" class="form-control check_numeric ordinal_number_list" />
                                                
                                                </td> 
                                                <td><input type="text" name="student_amount[]" placeholder="Amount" class="form-control check_numeric ordinal_discount_rate_list" /></td> 
                                                <td><button type="button" name="add" id="add" onclick="addRows('school')" class="btn btn-sm btn-primary">Add More</button></td>  
                                            </tr> 
                                        @endif
                                    @endif
                               </table>
                          </div>
                      </div>


                  </div>

                  <div class="row">
                    <div class="form-group col-sm-4 col-xs-12">
                        <input type="hidden" name="table_rowcount" id="table_rowcount" value='{{$table_rowcount}}' />
                        <button type="submit" id="tasksubmitbtn" class="btn btn-success sbmtSubscription">Update</button>   
                      </div>
                  </div>
              </div>
          </div> 
      </form>

    </div>
</div>

<!--end::Content-->
@endsection
@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>   
<script>

var indexURL = "{{ url('admin/subscriptions') }}";

    // $('#add').click(function(){  
         
    //     $('#dynamic_field').append('<tr id="row'+i+'"><td><input type="text" name="ordinal_number[]" placeholder="Ordinal Number" class="form-control check_numeric ordinal_number_list" /></td><td><input type="text" name="discount_rate[]" placeholder="Discount Rate" class="form-control check_numeric ordinal_discount_rate_list" /></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>');  
    //     $("#table_rowcount").val(i);
    // });  

    document.addEventListener('DOMContentLoaded', function(e) {
            FormValidation.formValidation(
                document.getElementById('subscriptionForm'),
                {
                    fields: {
                        name: {
                            validators: {
                                notEmpty: {
                                    message: 'Please enter name'
                                }
                            }
                        },
                        user_type: {
                            validators: {
                                notEmpty: {
                                    message: 'Please enter user_type'
                                }
                            }
                        },
                        amounts: {
                            validators: {
                                notEmpty: {
                                    message: 'Please enter amount'
                                }
                            }
                        },
                        duration: {
                            validators: {
                                notEmpty: {
                                    message: 'Please enter duration'
                                }
                            }
                        },
                    },
                    plugins: {
                        trigger: new FormValidation.plugins.Trigger(),
                        bootstrap: new FormValidation.plugins.Bootstrap(),
                        submitButton: new FormValidation.plugins.SubmitButton(),
                        trigger: new FormValidation.plugins.Trigger(),
       
                        
                    },
                }
            ).on('core.form.valid', function() {
                id = $("#subscription_id").val();
               
                subscription_Id = "" == id ? "" : "/" + id;        
                user_type   = $("#user_type").val();  
                var forms = $("#subscriptionForm");               
                
                $.ajax({
                    url: "{{ url('admin/subscriptions') }}" + subscription_Id,
                    type: "PUT",
                    data: forms.serialize(),
                    dataType: "html"
                })
                    .done(function (a) {
                        var data = JSON.parse(a);
                        console.log(data);
                        if (data.flagError == true) {
                            formValidate.showErrors(data.errors);
                            showAlert(data.message, "error");
                        }
                        else {
                            $("#subscriptionForm")[0].reset();
                            showAlert(data.message, "success");
                            setTimeout(function () {
                                window.location.href = indexURL;
                            }, 3000);
                            // location.reload();
                        }
                    });
                
            });

    });

    function addRows(type){
        i++; 
        if(type == 'tutor'){
            $('#dynamic_field_'+type).append('<tr id="row'+i+'"><td><input type="text" name="ordinal_number[]" placeholder="Ordinal Number" class="form-control check_numeric ordinal_number_list" /></td><td><input type="text" name="discount_rate[]" placeholder="Discount Rate" class="form-control check_numeric ordinal_discount_rate_list" /></td><td><button type="button" name="remove" id="'+i+'" onclick="addRows("tutor")" class="btn btn-danger btn_remove">X</button></td></tr>');  
            $("#table_rowcount").val(i);
        }else if(type == 'school'){
            $('#dynamic_field_'+type).append('<tr id="row'+i+'"><td><input type="text" name="student_number_from[]" placeholder="Number of students from" class="form-control check_numeric ordinal_number_list" /></td><td><input type="text" name="student_number_to[]" placeholder="Number of students to" class="form-control check_numeric ordinal_number_list" /></td><td><input type="text" name="student_amount[]" placeholder="Amount" class="form-control check_numeric ordinal_discount_rate_list" /></td><td><button type="button" name="remove" id="'+i+'" onclick="addRows("school")" class="btn btn-danger btn_remove">X</button></td></tr>');  
            $("#table_rowcount").val(i);
        }
    }

    // function resetTable(type){
    //     var row_count =  $("#table_rowcount").val(); 
    //     $('#dynamic_field_'+type).find("tr:gt(0)").remove();
    //     if(type == 'tutor'){
    //         $('#dynamic_field_'+type).find("tr:gt(0)").remove();
    //         $('#dynamic_field_'+type).append('<tr id="row'+i+'"><td><input type="text" name="ordinal_number[]" placeholder="Ordinal Number" class="form-control check_numeric ordinal_number_list" /></td><td><input type="text" name="discount_rate[]" placeholder="Discount Rate" class="form-control check_numeric ordinal_discount_rate_list" /></td><td><button type="button" name="remove" id="'+i+'" onclick="addRows("tutor")" class="btn btn-danger btn_remove">X</button></td></tr>');  

    //     }else if(type == 'school'){
    //         $('#dynamic_field_'+type).append('<tr id="row'+i+'"><td><input type="text" name="student_number_from[]" placeholder="Number of students from" class="form-control check_numeric ordinal_number_list" /></td><td><input type="text" name="student_number_to[]" placeholder="Number of students to" class="form-control check_numeric ordinal_number_list" /></td><td><input type="text" name="student_amount[]" placeholder="Amount" class="form-control check_numeric ordinal_discount_rate_list" /></td><td><button type="button" name="remove" id="'+i+'" onclick="addRows("school")" class="btn btn-danger btn_remove">X</button></td></tr>');  
    //         $("#table_rowcount").val(i);
    //     }
    // }

    $(document).on('click', '.btn_remove', function(){  
        var button_id = $(this).attr("id");   
        $('#row'+button_id+'').remove();  
        var old_rowcount = $("#table_rowcount").val();
        $("#table_rowcount").val(old_rowcount-1);
    });

    $("#user_type").change(function() {
        $('.conditions').hide();
        if(this.value == 'tutor'){
            $('#tutorConditions').show();
        }else if(this.value == 'school'){
            $('#schoolConditions').show();
        }else{
            $('#studentConditions').show();
        }
    });

    // $('#startdate').datepicker({
    //   format: 'dd-mm-yyyy',
    //   todayHighlight: true,
    //   autoclose: true
    // });

    // $('#startdate').datepicker('setDate', duration_start).datepicker('fill');

    // $('#enddate').datepicker({
    //   format: 'dd-mm-yyyy',
    //   todayHighlight: true,
    //   autoclose: true
    // });

    // $('#enddate').datepicker('setDate', duration_end).datepicker('fill');

    
    // function addSubscription(yearId) {
    //     if (yearId === null) {
    //         $("#subscriptionForm")[0].reset();
    //         $("#subscriptionModal").modal("show");
    //     } else {
            
    //         $.ajax({url: "{{ url('admin/subscriptions') }}/" + yearId + "/edit", type: "GET", dataType: "html"})
    //             .done(function (a) {
    //                 var data = JSON.parse(a);
    //                 $("#subscription_id").val(data.subscription_id);
    //                 $("#name").val(data.name);
    //                 $("#user_type").val(data.user_type);
    //                 $("#duration").val(data.duration);
    //                 $("#amount").val(data.amount);

    //                 $("#subscriptionModal").modal("show");
    //             }).fail(function () {
    //                 showAlert("Please try again...", "error");
    //         });
    //     }
    // }
    
    $(".check_numeric").keydown(function (event) {
        if ((event.keyCode >= 48 && event.keyCode <= 57) || 
        (event.keyCode >= 96 && event.keyCode <= 105) || 
        event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 ||
        event.keyCode == 39 || event.keyCode == 46 || event.keyCode == 190) 
        {

        }
        else
        {
        event.preventDefault();
        }

    });
    var i=1;
    $("#add_row").click(function(){
      $('#addr'+i).html("<td>"+ (i+1) +"</td><td><input name='discount_ordinal_number_"+i+"' type='text' placeholder='Ordinal Number' class='form-control input-md check_numeric'  /></td><td><input  name='discount_"+i+"' type='text' placeholder='Discount Value'  class='form-control input-md check_numeric'></td>");

      $('#tutorOrdinalTable').append('<tr id="addr'+(i+1)+'"></tr>');
      i++; 
  });
     $("#delete_row").click(function(){
         if(i>1){
         $("#addr"+(i-1)).html('');
         i--;
         }
     });

     

//      [{"no_stdns": 2, "discount": 10},{"no_stdns": 2, "discount": 10}]
// let questionDetails = [];
// let questionAnswer = {"question_id": $(this).attr("data-question-id"),
//                        "answer": answer};
// questionDetails.push(questionAnswer);


</script>
@endsection