@extends('layouts.default')
@section('content')
  <div class="jumbotron jumbotron-sm jumbotron_contact jumbotron-sm-contact">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-lg-12">
                <h1 class="h1 contact_h1 " >
                    <i class="fa fa-shopping-cart"></i> {{Lang::get('messages.products')}} <small>{{Lang::get('messages.on_sale')}}</small></h1>
            </div>
        </div>
    </div>
</div>

<div class="container">

<hr></hr>
<ul class="nav nav-pills" id="product_list">

  <li class="active"><a href="#published"><span class="glyphicon glyphicon-fire"></span> {{Lang::get('messages.published_products')}}</a></li>
  <li><a href="#draft"><span class="glyphicon glyphicon-folder-open"></span> {{Lang::get('messages.draft_products')}}</a></li>
</ul>
<hr>

<div id="myTabContent" class="tab-content">

  <div class="tab-pane fade in active" id="published">

 @if(!$activeProducts->isEmpty())

   @foreach($activeProducts as $product)

   <div class="media well product_wrapper_{{$product->id}}">
   <div class="row">
    <div class="col-md-3">

    <a  href="#">
     @foreach($product->productimages as $key=>$image)
     @if($key==0)

     <img class="media-object img-responsive" style="width:250px;height:140px;"
     src="{{{ asset('/files/images_files/thumbnail') }}}/{{$image->name}}"
     alt="...">


     @endif
     @endforeach
   </a>
   </div>

   <div class="col-md-9">

   <div class="media-body">
    <h4 class="media-heading hidden-xs">{{$product->name}}</h4>
    <h4 class="media-heading product-sale-title visible-xs">{{$product->name}}</h4>
    <p>{{$product->description}}</p>
    <p>  <i class="glyphicon glyphicon-calendar"></i> <span>{{$product->created_at}}</span>
      |   <i class="glyphicon glyphicon-tags"></i> <span>{{$product->type}}</span>
      |   <span>{{$product->currencycodes->symbol}} {{$product->price}}</span>
      |   <i class="glyphicon glyphicon-shopping-cart"></i> <span>{{Lang::get('messages.sales_count')}}
          <strong>{{count($product->order)}}</strong>
          </span>
      |   <i class="glyphicon glyphicon-star"></i> <span>{{Lang::get('messages.favorited_count')}}
          <strong>{{count($product->myfavoriteproducts)}}</strong>
          </span>
      |   <i class="glyphicon glyphicon-eye-open"></i> <span>{{Lang::get('messages.view_count')}}:
          <strong>{{count($product->statisticsdata)}}</strong>
    </span>

    </p>


    <p>

     <a class="btn btn-primary" href="{{ URL::route('modify-qrcode',array('id'=>$product->id))}}">
      <span class="glyphicon glyphicon-qrcode"></span>
      {{Lang::get('messages.get_qrcode')}}
    </a>

    <a class="btn btn-success"
    href="{{ URL::route('qrpay-product_buy_url',array('qrcode_id' =>0,'uniqid'=>$product->uniqid,'slug'=>$product->slug))}}">
    <span class="glyphicon glyphicon-eye-open"></span>
    {{Lang::get('messages.view')}}
  </a>

  <a class="btn btn-warning"
  href="{{ URL::route('qrpay-user_product_edit_url',array('id'=>$product->id))}}">
  <span class="glyphicon glyphicon-pencil"></span>
  {{Lang::get('messages.edit')}}
</a>



<a style="margin-left:10px;" class="btn btn-danger pull-right"
href="{{ URL::route('qrpay-user_product_delete_url',array('id'=>$product->id))}}">
<span class="glyphicon glyphicon-trash"></span>
{{Lang::get('messages.delete')}}
</a>


     @if($product->status==1)

  <a class="btn btn-info pull-right"
  href="{{ URL::route('qrpay-user_product_status',array('id'=>$product->id))}}">
<span class="glyphicon glyphicon-folder-open"></span> {{Lang::get('messages.make_it_draft')}}
  </a>


@endif






</p>
    @if($product->type=='digital' && !$product->productdigital->isEmpty())

    <h4>{{Lang::get('messages.download_digital_files')}}</h4>
    <ul>
      @foreach($product->productdigital as $digital)
       <li><a href="{{ route('qrpay-owner_digital_download',array($digital->name,$digital->id,csrf_token())) }}">{{$digital->name}}</a></li>
      @endforeach
      </ul>
    @endif

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

</div>

@endforeach
{{ $activeProducts->links(); }}
@else
<p class="lead"> {{Lang::get('messages.no_published_product')}}</p>
<a href="{{URL::route('qrpay-user_product_create')}}">{{Lang::get('messages.add_product')}}</a>
@endif
</div>

<div class="tab-pane fade" id="draft">
  @if(!$draftProducts->isEmpty())


  @foreach($draftProducts as $product)

  <div class="media well">
    <a class="pull-left" href="#">
      @if(!$product->productimages->isEmpty())
      @foreach($product->productimages as $key=>$image)
        @if($key==0)
      <img class="media-object" style="width:250px;height:140px;"
      src="{{{ asset('/files/images_files/thumbnail') }}}/{{$image->name}}"
      alt="...">
      @endif
      @endforeach
      @else


      <img class="media-object" src="http://placehold.it/250x150&text=No+Image">
      @endif
    </a>
    <div class="media-body">
      <h4 class="media-heading">
        @if($product->name)
        {{$product->name}}
        @else
        {{Lang::get('messages.untitled_product')}}
        @endif

      </h4>

      @if($product->description)
      {{$product->description}}
      @else
      <p class="text-danger">{{Lang::get('messages.no_description')}}</p>
      @endif

    <p>  <i class="glyphicon glyphicon-calendar"></i> <span>{{$product->created_at}}</span>
      |  <i class="glyphicon glyphicon-tags"></i> <span>{{$product->type}}</span>
      |  <span>{{$product->currencycodes->symbol}}  {{$product->price}}</span>
      |  <i class="glyphicon glyphicon-shopping-cart"></i> <span>{{Lang::get('messages.sales_count')}}
    </span>
      |  <i class="glyphicon glyphicon-star"></i> <span>{{Lang::get('messages.favorited_count')}}</span>
      |  <i class="glyphicon glyphicon-eye-open"></i> <span>{{Lang::get('messages.view_count')}}</span> : 1232131

    </p>


      <p>

       <a class="btn btn-primary" href="{{ URL::route('modify-qrcode',array('id'=>$product->id))}}">
        <span class="glyphicon glyphicon-qrcode"></span>
        {{Lang::get('messages.get_qrcode')}}
      </a>

      <a class="btn btn-success"
      href="{{ URL::route('qrpay-product_buy_url',array('qrcode_id' =>0,'uniqid'=>$product->uniqid,'slug'=>$product->slug))}}">
      <span class="glyphicon glyphicon-eye-open"></span>
      {{Lang::get('messages.view')}}
    </a>

    <a class="btn btn-warning"
    href="{{ URL::route('qrpay-user_product_edit_url',array('id'=>$product->id))}}">
    <span class="glyphicon glyphicon-pencil"></span>
    {{Lang::get('messages.edit')}}
  </a>

  <a class="btn btn-danger"
  href="{{ URL::route('qrpay-user_product_delete_url',array('id'=>$product->id))}}">
  <span class="glyphicon glyphicon-trash"></span>
  {{Lang::get('messages.delete')}}
</a>


<a style="margin-left:10px;" class="btn btn-danger pull-right"
href="{{ URL::route('qrpay-user_product_delete_url',array('id'=>$product->id))}}">
<span class="glyphicon glyphicon-trash"></span>
{{Lang::get('messages.delete')}}
</a>


     @if($product->status==0)

  <a class="btn btn-info pull-right"
  href="{{ URL::route('qrpay-user_product_status',array('id'=>$product->id))}}">
<span class="glyphicon glyphicon-fire"></span> {{Lang::get('messages.publish')}}
  </a>


@endif


</p>
</div>

</div>


@endforeach
{{ $draftProducts->links(); }}



@else


<p class="lead"> {{Lang::get('messages.no_draft_product')}}</p>

@endif
</div>

</div>
</div>
@stop


@section('footer_js')

{{ HTML::script('js/bootstrap-switch.min.js') }}
{{ HTML::style('css/bootstrap-switch.min.css')}}

<script type="text/javascript">
  $(document).ready(function () {

     $("[name='product_status']").bootstrapSwitch({
    });



    $("[name='product_status']").on('switchChange.bootstrapSwitch', function(event, state) {
     var statusUrl = $(this).attr('rel2');
     var statusID = $(this).attr('rel');
     console.log(state.value);

var data =  {'id':statusID, 'status':state.value};

     $.post( statusUrl, function( data ) {
  console.log('gonderdim');
});

     console.log(statusUrl);
    //  $.ajax({
    //   url: statusUrl,
    //   dataType: 'json',
    //   type: 'POST',
    //   data: {'id':statusID, 'status':state.value},
    //   success: function (data) {

    //     // $('div.product_wrapper_'+statusID).fadeOut('slow');
    //     // console.log('gonderdim');
    //   },
    // });
      });

    $('ul#product_list li a').click(function (e) {
      e.preventDefault()
      $(this).tab('show');
    });

});

</script>
@stop