@extends('admin.layouts.master')
@section('title', __('Preferences'))

@section('page_content')
  <!-- Main content -->
  <div class="row">
      <div class="col-md-3 settings_bar_gap">
          {{-- settings_bar --}}
          @include('admin.common.settings_bar')
      </div>
      <div class="col-md-9">
          <div class="box box-info">
              <div class="box-header with-border">
                <h3 class="box-title">{{ __('Generate Woocommerce Brand') }}</h3>
                @if (!empty($plugin_name))
                  <a href="{{ url('public/uploads/woocommerce').'/'.$plugin_name }}" class="btn btn-primary btn-flat pull-right"><i class="fa fa-download"></i> {{ $plugin_name }}</a>
                @endif
              </div>
              <form action="{{ url(config('adminPrefix').'/settings/enable-woocommerce') }}" method="post" id="myform1" class="form-horizontal" enctype="multipart/form-data">
                {!! csrf_field() !!}

                  <div class="box-body">

                    @if($code_status != 1)
                      <input type="hidden" name="key" value="purchasecodeverification">
                      <div class="form-group">
                          <label class="col-sm-3 control-label" for="envatopurchasecode">{{ __('Purchase Code') }}</label>
                          <div class="col-sm-6">
                              <input type="text" class="form-control" placeholder="{{ __('Enter Purchase Code') }}" value="{{old('envatopurchasecode')?old('envatopurchasecode'):''}}" name="envatopurchasecode" id="envatopurchasecode"/>
                              <span class="text-danger">{{$errors->first('envatopurchasecode')}}</span>
                          </div>
                      </div>
                    @else

                      <input type="hidden" name="pluginUploaded" id="pluginUploaded" value="{{ !empty($plugin_name) ? $plugin_name : null }}">

                      <!-- Plugin file upload -->
                      <div class="form-group">
                          <label class="col-sm-3 control-label" for="Plugin">{{ __('Upload plugin zip file') }}</label>
                          <div class="col-sm-6">
                            <input type="file" name="plugin" id="plugin" class="form-control input-file-field" value="{{ old('plugin') }}">
                            <span class="file-validation-error"></span>
                            <!-- -->
                            @if (!empty($plugin_name))
                                <h5>
                                    <a class="text-info" href="{{ url('public/uploads/woocommerce').'/'.$plugin_name }}">
                                      <i class="fa fa-download"></i>
                                        {{ $plugin_name }}
                                    </a>
                                </h5>
                            @endif
                            <!-- -->
                            <span class="text-danger">{{ $errors->first('plugin') }}</span>
                          </div>
                      </div>
                        
                      <div class="form-group">
                          <label for="plugin_brand" class="col-sm-3 control-label">{{ __('Plugin Brand') }}</label>
                          <div class="col-sm-6">
                            <input type="text" name="plugin_brand" class="form-control" id="plugin_brand" value="{{ isset($plugin_info[6]) ? $plugin_info[6] : '' }}">
                            <span class="text-danger">{{ $errors->first('plugin_brand') }}</span>
                          </div>
                      </div>
                        
                      <div class="form-group">
                          <label for="plugin_name" class="col-sm-3 control-label">{{ __('Plugin Name') }}</label>
                          <div class="col-sm-6">
                            <input type="text" name="plugin_name" class="form-control" id="plugin_name" value="{{ isset($plugin_info[0]) ? $plugin_info[0] : '' }}">
                            <span class="text-danger">{{ $errors->first('plugin_name') }}</span>
                          </div>
                      </div>
                        
                      <div class="form-group">
                          <label for="plugin_uri" class="col-sm-3 control-label">{{ __('Plugin URI') }}</label>
                          <div class="col-sm-6">
                            <input type="text" name="plugin_uri" class="form-control" id="plugin_uri" value="{{ isset($plugin_info[1]) ? $plugin_info[1] : '' }}">
                            <span class="text-danger">{{ $errors->first('plugin_uri') }}</span>
                          </div>
                      </div>
                        
                      <div class="form-group">
                          <label for="plugin_author" class="col-sm-3 control-label">{{ __('Plugin Author') }}</label>
                          <div class="col-sm-6">
                            <input type="text" name="plugin_author" class="form-control" id="plugin_author" value="{{ isset($plugin_info[2]) ? $plugin_info[2] : '' }}">
                            <span class="text-danger">{{ $errors->first('plugin_author') }}</span>
                          </div>
                      </div>
                        
                      <div class="form-group">
                          <label for="plugin_author_uri" class="col-sm-3 control-label">{{ __('Plugin Author URI') }}</label>
                          <div class="col-sm-6">
                            <input type="text" name="plugin_author_uri" class="form-control" id="plugin_author_uri" value="{{ isset($plugin_info[3]) ? $plugin_info[3] : '' }}">
                            <span class="text-danger">{{ $errors->first('plugin_author_uri') }}</span>
                          </div>
                      </div>
                        
                      <div class="form-group">
                          <label for="plugin_base_url" class="col-sm-3 control-label">{{ __('Application Base URL') }}</label>
                          <div class="col-sm-6">
                            <input type="text" name="plugin_base_url" class="form-control" id="plugin_base_url" value="{{ isset($plugin_info[4]) ? $plugin_info[4] : '' }}">
                            <span class="text-danger">{{ $errors->first('plugin_base_url') }}</span>
                          </div>
                      </div>
                        
                      <div class="form-group">
                          <label for="plugin_description" class="col-sm-3 control-label">{{ __('Plugin Description') }}</label>
                          <div class="col-sm-6">
                            <textarea name="plugin_description" rows="2" class="form-control" id="plugin_description">{{ isset($plugin_info[5]) ? $plugin_info[5] : '' }}</textarea>
                            <span class="text-danger">{{ $errors->first('plugin_description') }}</span>
                          </div>
                      </div>

                        <!-- Status -->
                      <div class="form-group">
                          <label for="publication_status" class="col-sm-3 control-label">{{ __('Publication status') }}</label>
                          <div class="col-sm-6">
                            <select class="form-control" name="publication_status" id="publication_status">
                              <option value="" selected>{{ __('Select status') }}</option>
                                <option value="Active" {{ !empty($publicationStatus) && $publicationStatus == 'Active' ? 'selected':"" }}>{{ __('Active') }}</option>
                                <option value="Inactive" {{ !empty($publicationStatus) && $publicationStatus == 'Inactive' ? 'selected':"" }}>{{ __('Inactive') }}</option>
                            </select>
                            <span class="text-danger">{{ $errors->first('publication_status') }}</span>
                          </div>
                      </div>
                    @endif

                    @if(Common::has_permission(auth('admin')->user()->id, 'edit_enable_woocommerce'))
                      <div class="row">
                          <div class="col-md-9">
                              <button class="btn btn-primary btn-flat pull-right" type="submit" id="woocommerce-submit">{{ __('Submit') }}</button>
                          </div>
                      </div>
                    @endif

                  </div>
              </form>
          </div>
      </div>
  </div>
  <!-- /.box -->
@endsection

@push('extra_body_scripts')

    <!-- jquery.validate -->
    <script src="{{ asset('public/dist/plugins/jquery-validation/dist/jquery.validate.min.js') }}" type="text/javascript"></script>

    <script type="text/javascript">

        $(window).on('load',function(){
            $(".select2").select2();
        })


        $( document ).ready(function()
        {
           //on file change
          $('#plugin').bind("change", function(e)
          {
              var file = (e.srcElement || e.target).files[0];
              console.log(file.type);

              $(this).attr("data-plugin-type", file.type);

              if (file.type != 'application/x-zip-compressed')
              {
                $('.file-validation-error').html("The plugin must be a zip file.")
                .css({
                    'color': 'red',
                    'font-size': '14px',
                    'font-weight': '800',
                    'padding-top': '5px',
                });
                $('#woocommerce-submit').attr("disabled", true);
              }
              else
              {
                  var fileSize = e.target.files[0].size / 1024 / 1024; // in MB
                  if (fileSize > 2)
                  {
                    $('.file-validation-error').html("The plugin file size must be less than 2 MB.")
                    .css({
                        'color': 'red',
                        'font-size': '14px',
                        'font-weight': '800',
                        'padding-top': '5px',
                    });
                    $('#woocommerce-submit').attr("disabled", true);
                  }
                  else
                  {
                    $('.file-validation-error').html('');
                    $('#woocommerce-submit').attr("disabled", false);
                  }
              }
          });
        });

        //on status change
        $(document).on('change', '#publication_status', function(event)
        {
            var pluginValue = $('#plugin').val();
            var pluginUploaded = $('#pluginUploaded').val();
            if ($(this).val() == 'Active')
            {
              if (pluginValue == '' && pluginUploaded == '')
              {
                  $('.file-validation-error').html("Please upload plugin first.")
                  .css({
                      'color': 'red',
                      'font-size': '14px',
                      'font-weight': '800',
                      'padding-top': '5px',
                  });
                  $('#woocommerce-submit').attr("disabled", true);
              }
              else
              {
                var pluginDataAttributeType = $('#plugin').attr("data-plugin-type");
                if (pluginDataAttributeType != 'application/x-zip-compressed' && pluginValue != '')
                {
                    $('.file-validation-error').html("The plugin must be a zip file.")
                    .css({
                      'color': 'red',
                      'font-size': '14px',
                      'font-weight': '800',
                      'padding-top': '5px',
                    });
                    $('#woocommerce-submit').attr("disabled", true);
                }
              }
            }
            else
            {
              $('.file-validation-error').html('');
              $('#woocommerce-submit').attr("disabled", false);
            }
        });

        jQuery.validator.addMethod("baseUrlContainSlashInTheLast", function(value, element) {
            return this.optional(element) || ( ! (value.slice(-1)).indexOf('/')  );
        }, "Base url should contain / in the last");

        $('#myform1').validate({
          rules: {
              publication_status: {
                  required: true,
              },
              plugin_base_url : { 
                required: true,
                baseUrlContainSlashInTheLast : true 
                }
          },
        });
    </script>
@endpush