@extends($templatePathAdmin.'layout')

@section('main')
   <div class="row">
      <div class="col-md-12">

        <div class="card card-primary card-outline card-outline-tabs">
          <div class="card-header p-0 border-bottom-0">
            <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
              <li class="nav-item">
                <a class="nav-link" href="{{ sc_route_admin('admin_plugin', ['code' => strtolower($code)]) }}" >{{ sc_language_render('admin.plugin.local') }}</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" href="#" >{{ sc_language_render('admin.plugin.online') }}</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" target=_new  href="{{ sc_route_admin('admin_plugin.import') }}" ><span><i class="fas fa-save"></i> {{ sc_language_render('admin.plugin.import_data', ['data' => 'plugin']) }}</span></a>
              </li>
              <li class="btn-group float-right m-2">
                {!! sc_language_render('admin.plugin.plugin_more') !!}
              </li>
            </ul>
          </div>
    
          <div class="card-header">
            <div class="float-right" >
                <div class="form-group">
                    <div class="input-group">
                    <select class="form-control" name="filter_free">
                      <option value="">All items</option>
                      <option value="1" {{ ($filter_free == 1) ? 'selected':''  }}>{{ sc_language_render('admin.plugin.only_free') }}</option>
                    </select>
                    <select class="form-control" name="filter_type">
                      <option value="">Choose filter</option>
                      <option value="download" {{ ($filter_type == 'download') ? 'selected':''  }}>{{ sc_language_render('admin.plugin.sort_download') }}</option>
                      <option value="rating" {{ ($filter_type == 'rating') ? 'selected':''  }}>{{ sc_language_render('admin.plugin.sort_rating') }}</option>
                      <option value="sort_price_asc" {{ ($filter_type == 'sort_price_asc') ? 'selected':''  }}>{{ sc_language_render('admin.plugin.sort_price_asc') }}</option>
                      <option value="sort_price_desc" {{ ($filter_type == 'sort_price_desc') ? 'selected':''  }}>{{ sc_language_render('admin.plugin.sort_price_desc') }}</option>
                    </select>
                      <input type="text" name="filter_keyword" class="form-control rounded-0 float-right" placeholder="{{ sc_language_render('admin.plugin.enter_search_keyword') }}" value="{{ $filter_keyword ?? '' }}">
                      <div class="input-group-append">
                          <button id="filter-button" class="btn btn-primary  btn-flat"><i class="fas fa-filter"></i></button>
                      </div>
                    </div>
                    <a class="link-filter" href=""></a>
                </div>
          </div>
    
          <div class="card-body" id="pjax-container">
            <div class="tab-content" id="custom-tabs-four-tabContent">
              <div class="table-responsive">
              <table class="table table-hover text-nowrap table-bordered">
                <thead>
                  <tr>
                    <th>{{ sc_language_render('admin.plugin.image') }}</th>
                    <th>{{ sc_language_render('admin.plugin.code') }}</th>
                    <th>{{ sc_language_render('admin.plugin.name') }}</th>
                    <th>{{ sc_language_render('admin.plugin.version') }}</th>
                    <th>{{ sc_language_render('admin.plugin.compatible') }}</th>
                    <th>{{ sc_language_render('admin.plugin.auth') }}</th>
                    <th>{{ sc_language_render('admin.plugin.price') }}</th>
                    <th>{{ sc_language_render('admin.plugin.rated') }}</th>
                    <th><i class="fa fa-download" aria-hidden="true"></i></th>
                    <th>{{ sc_language_render('admin.plugin.date') }}</th>
                    <th>{{ sc_language_render('admin.plugin.action') }}</th>
                  </tr>
                </thead>
                <tbody>
                  @if (!$arrPluginLibrary)
                    <tr>
                      <td colspan="11" style="text-align: center;color: red;">
                        {{ sc_language_render('admin.plugin.empty') }}
                      </td>
                    </tr>
                  @else
                    @foreach ($arrPluginLibrary as  $plugin)
  @php
    $scVersion = explode(',', $plugin['scart_version']);
    $scRenderVersion = implode(' ',array_map(
      function($version){
      return '<span title="SCart version '.$version.'" class="badge badge-primary">'.$version.'</span>';
      },$scVersion)
    );

    if (array_key_exists($plugin['key'], $arrPluginLocal)) 
    {
      $pluginAction = '<span title="'.sc_language_render('admin.plugin.located').'" class="btn btn-flat btn-default"><i class="fa fa-check" aria-hidden="true"></i></span>';

    } elseif(!in_array(config('s-cart.core'), $scVersion)) {
      $pluginAction = '';
    } else {
      if(($plugin['is_free'] || $plugin['price_final'] == 0)) {
        $pluginAction = '<span onClick="installPlugin($(this),\''.$plugin['key'].'\', \''.$plugin['file'].'\');" title="'.sc_language_render('admin.plugin.install').'" type="button" class="btn btn-flat btn-success"><i class="fa fa-plus-circle"></i></span>';
      } else {
        $pluginAction = '';
      }
    }
@endphp
                      <tr>
                        <td>{!! sc_image_render($plugin['image'],'50px', '', $plugin['name']) !!}</td>
                        <td>{{ $plugin['key'] }}</td>
                        <td>{{ $plugin['name'] }} <span data-toggle="tooltip" title="{!! $plugin['description'] !!}"><i class="fa fa-info-circle" aria-hidden="true"></i></span></td>
                        <td>{{ $plugin['version']??'' }}</td>
                        <td><b>SC:</b> {!! $scRenderVersion !!}</td>
                        <td>{{ $plugin['username']??'' }}</td>
                        <td>
                          @if ($plugin['is_free'] || $plugin['price_final'] == 0)
                            <span class="badge badge-success">{{ sc_language_render('admin.plugin.free') }}</span>
                          @else
                              @if ($plugin['price_final'] != $plugin['price'])
                                  <span class="sc-old-price">{{ number_format($plugin['price']) }}</span><br>
                                  <span class="sc-new-price">${{ number_format($plugin['price_final']) }}</span>
                              @else
                                <span class="sc-new-price">${{ number_format($plugin['price_final']) }}</span>
                              @endif
                          @endif
                        </td>
                        <td>
                          @php
                          $vote = $plugin['points'];
                          $vote_times = $plugin['times'];
                          $cal_vote = number_format($plugin['rated'], 1);
                          @endphp
                          <span title="{{ $cal_vote }}" style="color:#e66c16">
                            @for ($i = 1; $i <= $cal_vote; $i++) 
                            <i class="fa fa-star voted" aria-hidden="true"></i>
                            @endfor
                            @if ($cal_vote == round($cal_vote))
                              @for ($k = 1; $k <= (5-$cal_vote); $k++) 
                              <i class="fa fa-star-o" aria-hidden="true"></i>
                              @endfor
                            @else
                               <i class="fa fa-star-half-o voted" aria-hidden="true"></i>
                               @for ($k = 1; $k <= (5-$cal_vote); $k++) 
                               <i class="fa fa-star-o" aria-hidden="true"></i>
                               @endfor
                            @endif
                         </span>
                         <span class="sum_vote">
                          ({{ $vote }}/{{ $vote_times }})
                        </span>

                        </td>
                        <td>{{ $plugin['download']??'' }}</td>
                        <td>{{ $plugin['date']??'' }}</td>
                        <td>
                          {!! $pluginAction ?? '' !!}
                          <a href="{{ $plugin['link'] }}" title="Link home">
                            <span class="btn btn-flat btn-primary" type="button">
                              <i class="fa fa-chain-broken" aria-hidden="true"></i> {!! sc_language_render('admin.plugin.link') !!}
                            </span>
                          </a>
                        </td>  
                      </tr>
                    @endforeach
                  @endif
                </tbody>
              </table>
              </div>
            </div>
    
            <div class="block-pagination clearfix m-10">
              <div class="ml-3 float-left">
                {!! $resultItems ??'' !!}
              </div>
                {!! $htmlPaging !!}
            </div>
          </div>
        </div>
        </div>
      </div>
@endsection

@push('scripts')
{{-- //Pjax --}}
<script src="{{ sc_file('admin/plugin/jquery.pjax.js')}}"></script>


<script type="text/javascript">
  function installPlugin(obj,key, path) {
      $('#loading').show()
      obj.button('loading');
      $.ajax({
        type: 'POST',
        dataType:'json',
        url: '{{ sc_route_admin('admin_plugin_online.install') }}',
        data: {
          "_token": "{{ csrf_token() }}",
          "key":key,
          "path":path,
          "code":"{{ $code }}"
        },
        success: function (data) {
          console.log(data);
              if(parseInt(data.error) ==0){
              location.reload();
              }else{
                alertMsg('error', data.msg, 'You clicked the button!');
              }
              $('#loading').hide();
              obj.button('reset');
        }
      });
  }

    $(document).on('pjax:send', function() {
      $('#loading').show()
    })
    $(document).on('pjax:complete', function() {
      $('#loading').hide()
    })

    $(document).ready(function(){
    // does current browser support PJAX
      if ($.support.pjax) {
        $.pjax.defaults.timeout = 2000; // time in milliseconds
      }
    });
    // tag a
    $(function(){
     $(document).pjax('a.page-link, a.link-filter', '#pjax-container')
    })

    $(document).on('ready pjax:end', function(event) {
      //
    })
</script>

<script>

  $('#filter-button').click(function(){
    var urlNext = '{{ url()->current() }}';
    var filter_free = $('[name="filter_free"] option:selected').val();
    var filter_type = $('[name="filter_type"] option:selected').val();
    var filter_keyword = $('[name="filter_keyword"]').val();
    var urlString = "";
    if(filter_free) {
      urlString +="&filter_free=1";
    }
    if(filter_type) {
      urlString +="&filter_type="+filter_type;
    }
    if(filter_keyword){
      urlString +="&filter_keyword="+filter_keyword;
    }
      urlString = urlString.substr(1);
      urlNext = urlNext+"?"+urlString;
      $('.link-filter').attr('href', urlNext);
      $('.link-filter').trigger('click');
  });
</script>
@endpush