@section('title', '- Seller Information')

@extends('layouts.app')

@section('section')

  <div class="container">
    <div class="section-content">
      <div class="col-md-8" >
        <div class="panel panel-default">
          <div class="panel-content">
            <h2 class="title">{{$products->user->first_name}} {{$products->user->last_name}}
            <!-- <i class="fa fa-heart-o add_fav_seller" aria-hidden="true"></i>--></h2>
            <br>
            <p>@lang('products.title_seller')</p>
            <br>
            @foreach ($products->products as $article)
              <div class="row">
                <div class="col-md-12 item-article">
                  <a href="{{url("/articles/$article->id")}}" class="list-item">
                    <div class="col-md-3 img-item">
                      <img src="{{$article->photos[0]->file}}" alt="{{$article->name}}" class="img-articles img-responsive">
                    </div>
                    <!--More Info-->
                    <div class="col-md-9 info-articule">
                      <div class="row">
                        <div class="col-md-9 title-article">
                          <p class="articles-title">{{$article->name}}</p>
                        </div>
                        <div class="col-md-3 pull-right">
                          <h4 class=" text-price price_seller">{{$article->price}} eBits</h4>
                        </div>
                      </div>

                      <p class="categories-article">
                        @foreach ($article->categories as $categories)
                          @lang('categories.'.$categories->category->category.'')
                          @if (!$loop->last)
                            |
                          @endif
                        @endforeach
                      </p>
                    </div>
                  </a>
                </div>
              </div>
              <hr>
            @endforeach
          </div>
        </div>
      </div>

      <!--Seller Data-->
      <div class="col-md-4">
        <div class="panel panel-gray">
          <div class="panel-content">
            <div class="row">
              <div class="col-md-12">
                <h4>@lang('profile.sales_complete')</h4>
                <span class="sales_por">@lang('profile.salles_quanty') ({{$products->user->purchases}})</span><br>
                <span class="sales_por">@lang('products.por') ({{$products->user->purchases_percent}}%)</span>
                <div class="progress">
                  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: {{$products->user->purchases_percent}}%;">
                    <span class="sr-only">{{$products->user->purchases_percent}} complete</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>

@endsection

@push('js')

  <script src="{{url('js/seller.js')}}"></script>

@endpush