@extends('admin.layouts.container')

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

<div class="border-item">
    <form class="form-row" >
        
   
        <div class="form-group col-lg-12" >
            <h3>المنتجات</h3>
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th scope="col">{{__('cobons.user')}}</th>
                        <th scope="col">{{__('cobons.count')}}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($products as $cobon)
                        <tr>
                            <td>{{$cobon[0]->user->name}}</td>
                            <td>{{count($cobon)}}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="col-lg-12"><hr></div>
        
        <div class="form-group col-lg-12" >
            <h3>الباقات</h3>
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th scope="col">{{__('cobons.user')}}</th>
                        <th scope="col">{{__('cobons.count')}}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($packages as $cobon)
                        <tr>
                            <td>{{$cobon[0]->user->name}}</td>
                            <td>{{count($cobon)}}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </form>
</div>

@endsection

@section('inner_js')
    <!-- 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>
            function typeSelect(elem){
                let data = $(elem).val();
                if(data == '2'){
                    $('#max').css('display','block');
                }else{
                    $('#max').css('display','none');
                }
            }
            function statusSelect(elem){
                let data = $(elem).val();
                if(data == 'product'){
                    $('#packages').css('display','none');
                }else{
                    $('#packages').css('display','block');
                }
            }
        </script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            url_type = {!! json_encode(url(getCurrentLocale().'/admin/type/')) !!},
            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