@extends('admin.app')
@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">Kullanıcılar</h2>
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a
                                            href="/panel/gosterge-paneli">Gösterge
                                            Paneli</a>
                                    </li>
                                    <li class="breadcrumb-item active">Kullanıcılar
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content-body">
                <section id="multiple-column-form">
                    <div class="row match-height">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Filtre</h4>
                                    @if($type == 'user')
                                        <button type="button"  class="btn btn-md btn-primary pull-right" data-toggle="modal" data-target="#add-user-modal">Kullanıcı Ekle</button>
                                        <div class="modal fade" id="add-user-modal" tabindex="-1" role="dialog" aria-labelledby="add-user-modal-label" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="add-user-modal-label">Kullanıcı Ekle</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <form id="add-user-form">
                                                            {{csrf_field()}}
                                                            <div class="form-group">
                                                                <label>Adı Soyadı</label>
                                                                <input type="text" name="name" class="form-control">
                                                            </div>
                                                            <div class="form-group">
                                                                <label>Email</label>
                                                                <input type="email" name="email" class="form-control">
                                                            </div>
                                                            <div class="form-group">
                                                                <label>Şifre</label>
                                                                <input type="password" name="password" class="form-control">
                                                            </div>
                                                            <div class="form-group">
                                                                <label>Şifre (Tekrar)</label>
                                                                <input type="password" name="password_confirmation" class="form-control">
                                                            </div>
                                                        </form>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Kapat</button>
                                                        <button type="button" class="btn btn-primary" id="add-user-button">Ekle</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @elseif($type == 'partner')
                                        <a href="{{route('get-affiliate-announce')}}" class="btn btn-md btn-primary pull-right">Anonslar</a>
                                        <a href="{{route('get-comission-feed')}}" class="btn btn-md btn-primary pull-right">Komisyon Akışı</a>
                                    @endif
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <form class="form" action="{{route('get-'.$type.'-list')}}">
                                            <div class="form-body">
                                                <div class="row">
                                                    <div class="col-md-2 col-12">
                                                        <div class="form-label-group">
                                                            <input type="text" class="form-control" placeholder="İsim-Soyisim" value="{{isset($_GET['filter']['name']) ? $_GET['filter']['name'] : ''}}" name="filter[name]">
                                                            <label for="first-name-column">İsim-Soyisim</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-12">
                                                        <div class="form-label-group">
                                                            <input type="text" class="form-control" placeholder="Email" value="{{isset($_GET['filter']['email']) ? $_GET['filter']['email'] : ''}}" name="filter[email]">
                                                            <label for="first-name-column">Email</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                    <div class="col-md-12 col-12 btn-group">
                                                        <div class="btn-group">
                                                        <button type="submit" class="btn btn-md bg-gradient-info mb-1 waves-effect waves-light">Gönder</button>
                                                        <a href="{{route('get-user-list',['type' => $type])}}" class="btn btn-md bg-gradient-warning mb-1 waves-effect waves-light">Sıfırla</a>
                                                        </div>
                                                    </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Data list view starts -->
                <section id="data-list-view" class="data-list-view-header">

                    <div class="card">

                        <div class="card-content">
                            <div class="card-body">

                                <!-- Table with outer spacing -->
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>İsim-Soyisim</th>
                                            <th>Email</th>
                                            @if($type == 'partner')
                                                <th>Bakiye</th>
                                            @else
                                                <th>Kullanıcı Grubu</th>
                                            @endif
                                            <th>Durum</th>
                                            <th>Üyelik Tarihi</th>
                                            <th>Aksiyon</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if(isset($users) && $users)
                                            @foreach($users as $user)
                                                <tr>
                                                    <td>{{@$user->id}}</td>
                                                    <td>{{@$user->name}}</td>
                                                    <td>{{@$user->email}}</td>
                                                    @if($type == 'partner')
                                                        <td>{{number_format(@$user->partnercomissions->sum('comission'),2)}} ₺</td>
                                                    @else
                                                        <td>{{@$user->userGroup->group_name}}</td>
                                                    @endif
                                                    <td>@if(@$user->status == 'active')<label
                                                            class="btn btn-sm bg-gradient-success status-label"
                                                            id="status-label-{{@$user->id}}" data-id="{{@$user->id}}"
                                                            data-change="passive">Aktif</label>@else <label
                                                            class="btn btn-sm bg-gradient-danger status-label"
                                                            id="status-label-{{@$user->id}}" data-id="{{@$user->id}}"
                                                            data-change="active">Pasif</label> @endif</td>
                                                    <td>{{date('d-m-Y H:i:s',strtotime(@$user->created_at))}}</td>
                                                    <td>
                                                        <div class="btn-group">
                                                            <a
                                                                href="{{route('get-'.$type,['id' => @$user->id])}}"
                                                                class="btn btn-md btn-info waves-effect waves-light"><i
                                                                    class="feather icon-eye"></i></a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                        </tbody>
                                    </table>
                                    <div style="text-align: center">
                                        {{@$users->links()}}

                                    </div>
                                </div>

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

                </section>
                <!-- Data list view end -->

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


@endsection
@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/extensions/toastr.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/vendors.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/extensions/toastr.css')}}">
@endsection
@section('js')

    <!-- BEGIN: Page Vendor JS-->
    <script src="{{asset('app-assets/vendors/js/ui/jquery.sticky.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/extensions/toastr.min.js')}}"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/js/scripts/extensions/toastr.js')}}"></script>
    <!-- END: Page JS-->
    <script>
        $('#add-user-button').on('click',function () {
            $.post('{{route('add-user-post')}}',$('#add-user-form').serialize(),function (response) {
                if(response.status == 'success'){
                    toastr.success(response.msg, 'Başarılı!', { positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right' });
                    setTimeout(function () {
                        window.location.replace('{{route('get-'.$type,[''])}}/'+response.id);
                    },200);
                }else{
                    toastr.warning(response.msg, 'Hata!', { positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right' });
                }
            }).fail(function (response) {

                if(response.responseJSON.message){
                    toastr.warning(response.responseJSON.message, 'Hata!', { positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right' });
                }else{
                    toastr.warning('Kupon Eklenemedi.', 'Hata!', { positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right' });
                }
            });
        });
    </script>

@endsection