@extends('admin.layouts.container')

@section('content')
<div class="side-title">
    <h3>{{ $head ?? ''}}</h3>
</div>

<div class="border-item">
    <form class="form-row" method="post"  enctype="multipart/form-data">
        
        @if($commission ?? ''  && $commission->id)
            @method('PUT')
        @endif
        @csrf
       <h3>{{__('commissions.channel')}}</h3>
        <table class="table table-bordered table-hover" style="text-align:center">
            <thead>
                
                <th>{{__('commissions.id')}}</th>
                <th>{{__('commissions.member')}}</th>
                <th>{{__('commissions.provider')}}</th>
                <th>{{__('commissions.name')}}</th>
                <th>{{__('commissions.cost')}}</th>
                <th>{{__('commissions.points')}}</th>
                
            </thead>
            
            <tbody>
               @foreach($channels as $key=>$row)
               <tr>
                   <td>{{$key+1}}</td>
                   <td>{{$row->user->name}}</td>
                   <td>{{$row->provider->name}}</td>
                   <td>{{$row->name}}</td>
                   <td>{{$row->cost}}</td>
                   <td>{{$row->points}}</td>
               </tr>
               @endforeach
            </tbody>
        </table>
      
         <h3>{{__('commissions.order')}}</h3>
        <table class="table table-bordered table-hover" style="text-align:center">
            <thead>
                
                <th>{{__('commissions.id')}}</th>
                <th>{{__('commissions.member')}}</th>
                <th>{{__('commissions.product')}}</th>
                <th>{{__('commissions.count')}}</th>
                <th>{{__('commissions.cost')}}</th>
                <th>{{__('commissions.points')}}</th>
                
            </thead>
            
            <tbody>
               @foreach($orders as $key=>$row)
               <tr>
                   <td>{{$key+1}}</td>
                   <td>{{$row->user->name}}</td>
                   <td>{{productname($row->product_id)}}</td>
                   <td>{{$row->count}}</td>
                   <td>{{$row->amount}}</td>
                   <td>{{$row->points}}</td>
               </tr>
               @endforeach
            </tbody>
        </table>

      
        
    </form>
</div>

@endsection

@section('inner_js')
<script>
    function addcommission(elem){
        $("#cities").css("display", "block");
        var num = $(elem).attr('data-id');
        
        var newrow = parseInt(num)+1; 
        $(elem).attr('data-id', newrow);
        
         $.ajax({
          url : url_commission+'/'+num,
          type : 'GET',
          data : 'nothing',
         
          success:function(data)
          {
            $('#cities').append(data);
          }
        })
    }
    function remove(elem){
            $(elem).closest('.row').remove();
        }
</script>
    <!-- Editor JS files -->
{{--    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>--}}
        <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            url_commission = {!! json_encode(url(getCurrentLocale().'/admin/commission/')) !!},
            currentLanguage = "{{getCurrentLocale()}}",
            imagePath = "{{asset('')}}";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
    <script src="{{ asset('assets/admin/js/articles.js') }}"></script>
    <script src="{{ asset('assets/admin/js/cobons.js') }}"></script>
@endsection