@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">Komisyon Akışı</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">Komisyon Akışı
                                    </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-content">
                                    <div class="card-body">
                                        <form class="form" action="{{route('get-comission-feed')}}">
                                            <div class="form-body">
                                                <div class="row">
                                                    <div class="col-md-2 col-12">
                                                        <div class="form-label-group">
                                                            <input type="text" name="order_id" class="form-control" placeholder="order id">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-12">
                                                        <div class="form-label-group">
                                                            <select class="select2 form-control" name="user_id">
                                                                <option value="0">Ortak Seçiniz</option>
                                                                @foreach($partners as $partner)
                                                                    <option @if(!empty($_GET['user_id']) && $_GET['user_id'] == $partner->id) selected @endif  value="{{$partner->id}}">{{$partner->name}}</option>
                                                                    @endforeach
                                                            </select>
                                                            <label for="first-name-column">Ortak Adı</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-12">
                                                        <div class="form-label-group">
                                                            <select class="form-control" name="pagination">
                                                                <option value="">Listeleme Sayısı</option>
                                                                <option @if(!empty($_GET['pagination']) && $_GET['pagination'] == '20') selected @endif value="20">20</option>
                                                                <option @if(!empty($_GET['pagination']) && $_GET['pagination'] == '100') selected @endif value="100">100</option>
                                                                <option @if(!empty($_GET['pagination']) && $_GET['pagination'] == '500') selected @endif value="500">500</option>
                                                                <option @if(!empty($_GET['pagination']) && $_GET['pagination'] == '1000') selected @endif value="1000">1000</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-12 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-filter-list')}}" 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>Sipariş Numarası</th>
                                            <th>Ortak Adı</th>
                                            <th>Komisyon</th>
                                            <th>Açıklama</th>
                                            <th>Tarih</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($comissions as $comission)
                                            <tr id="filter-tr-{{$comission->id}}">
                                                <td>{{$comission->id}}</td>
                                                <td><a href="{{route('get-order-detail',['order_id' => $comission->order_id])}}" target="_blank">#{{$comission->order_id}}</a></td>
                                                <td><a href="{{route('get-partner',['id' => @$comission->user->id])}}" target="_blank">{{@$comission->user->name}}</a></td>
                                                <td>{{number_format($comission->comission,2)}}</td>
                                                <td>{{$comission->description}}</td>
                                                <td>{{date('d/m/Y H:i',strtotime($comission->created_at))}}</td>

                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                    <div style="text-align: center">
                                        {{$comissions->appends(request()->query())->render()}}
                                    </div>
                                </div>

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

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

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

@endsection
@section('css')
    <link rel="stylesheet" href="{{asset('customer/vendor/select2/css/select2.min.css')}}">
@endsection
@section('js')
    <script src="{{asset('app-assets/vendors/js/forms/select/select2.full.min.js')}}"></script>
    <script src="{{asset('app-assets/js/scripts/forms/select/form-select2.js')}}"></script>
<script>
    $('.select2').select2();
</script>
@endsection