@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">Siparişler</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">Siparişler
                                </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>
                            </div>
                            <div class="card-content">
                                <div class="card-body">
                                    <form class="form" action="{{route('get-t-order-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="Sipariş No"
                                                               name="filter[id]" value="{{isset($_GET['filter']['id']) ? $_GET['filter']['id'] : ''}}">
                                                        <label for="first-name-column">Sipariş No</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-12">
                                                    <div class="form-label-group">
                                                        <input type="text" class="form-control" placeholder="Müşteri"
                                                               name="filter[customer_name]" value="{{isset($_GET['filter']['customer_name']) ? $_GET['filter']['customer_name'] : ''}}">
                                                        <label for="first-name-column">Müşteri</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-12">
                                                    <div class="form-label-group">
                                                        <select class="form-control" name="filter[order_status_id]">
                                                            <option value="">Sipariş Durumu</option>
                                                            @foreach($order_status as $os)
                                                            <option @if(isset($_GET['filter']['order_status_id']) && $os->id == $_GET['filter']['order_status_id']) selected @endif value="{{$os->id}}">{{$os->status_name}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-12">
                                                    <div class="form-label-group">
                                                        <select class="form-control" name="filter[pagination]">
                                                            <option value="">Listeleme Sayısı</option>
                                                            <option value="20">20</option>
                                                            <option value="100">100</option>
                                                            <option value="500">500</option>
                                                            <option value="1000">1000</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-12 btn-group">
                                                    <button type="submit"
                                                            class="btn btn-md bg-gradient-info mb-1 waves-effect waves-light">
                                                        Gönder
                                                    </button>
                                                    <a type="button"
                                                            href="{{route('get-t-order-list')}}"
                                                            class="col-md-4 btn btn-md bg-gradient-warning mb-1 waves-effect waves-light">
                                                        Sıfırla
                                                    </a>
                                                    <a type="button"
                                                            href="{{route('get-order-form',[0])}}"
                                                            class="col-md-4 btn btn-md bg-gradient-success mb-1 waves-effect waves-light">
                                                        Sipariş Oluştur
                                                    </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>Sipariş No</th>
                                        <th>Müşteri</th>
                                        <th>Eklenme Tarihi</th>
                                        <th>Ödeme</th>
                                        <th>Kargo</th>
                                        <th>Sipariş Notu</th>
                                        <th>Kampanya</th>
                                        <th>T.Kaynağı</th>
                                        <th>Ortak</th>
                                        <th>Tutar</th>
                                        <th>Sipariş Durumu</th>
                                        <th>Aksiyon</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if(isset($orders) && $orders)
                                    @foreach($orders as $order)
                                        <tr>
                                            <td>{{$order->id}}</td>
                                            <td>@if(isset($order->customer_id) && $order->customer_id != '0') <a href="{{route('get-user',['id' => $order->customer_id])}}">{{$order->customer_name}}</a> @else {{$order->customer_name}} @endif</td>
                                            <td>{{date('d-m-Y H:i:s',strtotime($order->created_at))}}</td>
                                            <td>{{$order->payment['name']}}</td>
                                            <td>{{$order->shipping['shipping_name']}}</td>
                                            <td>@if(!empty($order->order_note)) <button class="btn btn-secondary" onclick="showNote('{{$order->order_note}}')">Göster</button> @endif</td>
                                            <td style="max-width: 190px">@if($order->totals) @foreach($order->totals as $totals) @if($totals->price < 0) {{$totals->name}}:{{$totals->price}}<br> @endif @endforeach @endif </td>
                                            <td style="max-width: 190px">{{@$order->visitor_session->traffic_source ? $order->visitor_session->traffic_source : ''}}</td>
                                            <td style="max-width: 190px"><a href="{{!empty($order->affiliate->user->id) ? route('get-partner',['id' => $order->affiliate->user->id]) : '#'}}" target="_blank">{{!empty($order->affiliate->user->name) ? $order->affiliate->user->name : 'Yok'}}</a></td>
                                            <td>{{$order->total_order}} ₺</td>
                                            <td>
                                                <select data-id="{{$order->id}}"
                                                        class="form-control change-order-status" name="filter[category]"
                                                        data-select2-id="1" tabindex="-1" aria-hidden="true" @if(in_array($order->order_status_id,[8])) style="color:red;" @endif>
                                                    <option value="0">Tamamlanmayan Sipariş</option>
                                                    @foreach($order_status as $os)
                                                        <option value="{{$os->id}}"
                                                                @if($order->order_status_id == $os->id) selected @endif>{{$os->status_name}}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td>
                                                <div class="btn-group">
                                                    <a
                                                        href="{{route('get-order-detail',['order_id' => $order->id])}}"
                                                        class="btn btn-md btn-info waves-effect waves-light"><i
                                                            class="feather icon-eye"></i></a>
                                                 <a
                                                        href="{{route('get-order-form',['order_id' => $order->id])}}"
                                                        class="btn btn-md btn-success waves-effect waves-light"><i
                                                            class="feather icon-edit"></i></a>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                        @endif
                                    </tbody>
                                </table>
                                <div style="text-align: center">
                                    {{$orders->appends(request()->query())->render()}}
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
@foreach($orders as $notes)

                    <div class="modal fade" id="note-{{$notes->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    {{$notes->order_note}}
                                </div>
                            </div>
                        </div>
                    </div>
    @endforeach
            </section>
            <!-- Data list view end -->
            <div class="modal fade" id="note-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Sipariş Notu</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body" id="note-body">
                            ...
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Kapat</button>
                        </div>
                    </div>
                </div>
            </div>
        </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>
        function showNote(note){
            $('#note-body').html(note);
            $('#note-modal').modal('show');
        }
    </script>
    <script>
        $('.change-order-status').on('change', function () {
            var inpdata = $(this);
            $.get('/panel/ajax/update-order/' + inpdata.attr('data-id') + '/order_status_id/' + inpdata.children('option:selected').val(), function (response) {
                if (response.status == 'success') {
                    toastr.success(inpdata.attr('data-id') + ' Numaralı siparişinizin durumu ' + inpdata.children('option:selected').text() + ' olarak değiştirildi.', 'Başarılı!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                } else {
                    toastr.danger('Sipariş Güncellenemedi', 'Hata!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                }
            });
        })
    </script>
@endsection