@extends('layouts.layout-2')

@section('content')


    <h4 class="font-weight-bold py-2 mb-2">
        {{ __('Berater') }}
    </h4>

    <div class="card">
        <div class="card-body p-0">

        {!! Form::open(['action' => route('admin_leads'), 'class' => 'form-horizontal', 'id'=>'form_admin_leads']) !!}

                <div class="form-row align-items-center px-4 pb-2 pt-3">
                    <div class="col-12 col-sm-4 col-md-4 col-lg-4 mb-1">
                        <select class="selectpicker on_change_select" data-style="btn-default" name="leads_filter_sponsor_id" id="leads_filter_sponsor_id" data-live-search="true">
                        <option value="">Filter Sponsor aus</option>
                        @foreach($filter_sponsor as $member)
                            <option value="{{$member->id}}" @if(session('leads_filter_sponsor_id') == $member->id) selected @endif>{{$member->first_name}} {{$member->last_name}} | {{$member->email}}</option>
                        @endforeach
                        </select>
                    </div>
        
                     {{-- <div class="col-6 col-sm-4 col-md-4 col-lg-4 mb-1">
                        <select class="custom-select on_change_select" name="leads_filter_month">
                            @foreach($filter_months as $key=>$value)
                                <option value="{{$key}}" @if(session('leads_filter_month') == $key) selected @endif>{{$value}}</option>
                            @endforeach
                        </select> 
                    </div>
                    <div class="col-6 col-sm-4 col-md-4 col-lg-4 mb-1">
                        <select class="custom-select on_change_select" name="leads_filter_year">
                            @foreach($filter_years as $key=>$value)
                                <option value="{{$value}}" @if(session('leads_filter_year') == $value) selected @endif>{{$value}}</option>
                            @endforeach
                        </select>
                    </div> --}}
                </div>
                {!! Form::close() !!}


        <div class="card-datatable table-responsive pt-0">
         {{-- <div class="ml-4">
                <a href="{{ route('admin_lead_edit', ['new']) }}" class="btn btn-sm btn-primary">{{__('Neuen Berater erstellen')}}</a>
            </div>
              --}}
            <table class="datatables-leads table table-striped table-bordered">

                <thead>
                <tr>
                    <th>#</th>
                    <th>{{__('E-Mail')}}</th>
                    <th>{{__('First name')}}</th>
                    <th>{{__('Last name')}}</th>
                    <th>{{__('Level')}}</th>
                    <th>{{__('Sponsor')}}</th>

                    <th>{{__('active')}} (seit)</th>
                    <th>{{__('tables.account')}} (bis)</th>
                    <th>{{__('tables.shop')}} (bis)</th>
                    <th>{{__('Domain')}}</th>
                  {{-- <th>{{__('Umsatz')}}</th>
                    <th>{{__('Sales')}}</th> --}}
                    <th>{{__('verifiziert')}}</th>
                    <th>{{__('Einv.')}}</th>
                </tr>
                </thead>
                <tbody>

                </tbody>

            </table>
             {{--<div class="mt-4 ml-4">
                <a href="{{ route('admin_lead_edit', ['new']) }}" class="btn btn-sm btn-primary">{{__('Neuen Berater erstellen')}}</a>
            </div>--}}
        </div>
        </div>
    </div>

    <script>
        $( document ).ready(function() {

            var oTable = $('.datatables-leads').DataTable({
                "processing": true,
                "serverSide": true,
                "stateSave": true,
                "searching": true,
                ajax: {
                    url: '{!! route('admin_leads_datatable') !!}',
                    data: function(d) {
                        d.leads_filter_sponsor_id = $('select[name=leads_filter_sponsor_id]').val();
                       // d.points_filter_month = $('select[name=points_filter_month]').val();
                       // d.points_filter_year = $('select[name=points_filter_year]').val();
                    }
                },
                "order": [[0, "desc" ]],
                "columns": [
                    {data: 'id', searchable: false},
                    { data: 'email', name: 'email' },
                    { data: 'first_name', name: 'account.first_name' },
                    { data: 'last_name', name: 'account.last_name' },
                    { data: 'user_level', name: 'user_level' },
                    { data: 'user_sponsor', name: 'user_sponsor', orderable: false  },
                    { data: 'useractive', name: 'useractive' },
                    { data: 'payaccount', name: 'payaccount' },
                    { data: 'payshop', name: 'payshop' },


                    /*{ data: 'payment_account', name: 'payment_account' },
                    { data: 'payment_account_date', name: 'payment_account_date' },
                    { data: 'payment_shop', name: 'payment_shop' },
                    { data: 'payment_shop_date', name: 'payment_shop_date' },*/
                    { data: 'shop_domain', name: 'shop_domain', orderable: false },
                    { data: 'confirmed', name: 'confirmed' },
                    { data: 'agreement', name: 'agreement' },
                ],
                "bLengthChange": false,
                "iDisplayLength": 100,
                "language": {
                    "url": "/js/datatables-{{ \App::getLocale() }}.json"
                }
            });
            $('select.on_change_select').on('change', function(){
                oTable.draw();
            });

            $('input.on_keyup_input').on('keyup', function(){
                oTable.draw();
            });
        });
    </script>
@endsection