@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-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-1 col-12">
                                                        <div class="form-label-group">
                                                            <select class="form-control" name="date">
                                                                <option value="">Tarih</option>
                                                                <option @if(!empty($_GET['date']) && $_GET['date'] == 'today') selected @endif value="today">Bugün</option>
                                                                <option @if(!empty($_GET['date']) && $_GET['date'] == 'yesterday') selected @endif value="yesterday">Dün</option>
                                                                <option @if(!empty($_GET['date']) && $_GET['date'] == 'week') selected @endif value="week">Bu Hafta</option>
                                                                <option @if(!empty($_GET['date']) && $_GET['date'] == 'month') selected @endif value="month">Bu Ay</option>
                                                                <option @if(!empty($_GET['date']) && $_GET['date'] == 'year') selected @endif value="year">Bu Yıl</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1 col-12">
                                                        <div class="form-label-group">
                                                            <select class="form-control" name="filter[pagination]">
                                                                <option value="">Listeleme Sayısı</option>
                                                                <option @if(!empty($_GET['filter']['pagination']) && $_GET['filter']['pagination'] == 100) selected @endif value="100">100</option>
                                                                <option @if(!empty($_GET['filter']['pagination']) && $_GET['filter']['pagination'] == 20) selected @endif value="20">20</option>
                                                                <option @if(!empty($_GET['filter']['pagination']) && $_GET['filter']['pagination'] == 500) selected @endif value="500">500</option>
                                                                <option @if(!empty($_GET['filter']['pagination']) && $_GET['filter']['pagination'] == 1000) selected @endif 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-order-list')}}"
                                                           class="col-md-4 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><input type="checkbox" id="select-all"></th>
                                            <th>Sipariş No</th>
                                            <th>Müşteri</th>
                                            <th>Tutar</th>
                                            <th>Sipariş Durumu</th>
                                            <th>Aksiyon</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <form id="orders-form">
                                            {{csrf_field()}}
                                            <input type="hidden" name="order_status_id" value="" id="osid">
                                            @if(isset($orders) && $orders)
                                                @foreach($orders as $order)
                                                    @php
                                                    $checker = null;
                                                    $checker = \Illuminate\Support\Facades\DB::table('trendyol_orders')->where('trendyol_id',$order->orderNumber)->first();
                                                    @endphp
                                                @if(!$checker)
                                                    <tr>
                                                        <td><input type="checkbox" name="order[]" value="{{$order->orderNumber}}"></td>
                                                        <td>{{$order->orderNumber}}</td>
                                                        <td>{{$order->customerFirstName}} {{$order->customerLastName}}</td>
                                                        <td>{{$order->totalPrice}} ₺</td>
                                                        <td><button type="button" data-toggle="modal" data-target="#line-{{$order->orderNumber}}" class="btn btn-secondary">Ürünler</button></td>
                                                        <td>
                                                            <div class="btn-group">
                                                                <a title="Siparişi Onayla" data-placement="top" data-toggle="tooltip"
                                                                    href="{{route('trendyol-transfer-order',['orderNumber' => $order->orderNumber])}}"
                                                                    class="btn btn-md btn-success waves-effect waves-light"><i
                                                                        class="feather icon-check"></i></a>
                                                                <a title="Siparişi Reddet" data-toggle="tooltip" data-title="Siparişi Onayla" data-placement="top"
                                                                    href="#"
                                                                    class="btn btn-md btn-danger waves-effect waves-light"><i
                                                                        class="feather icon-x"></i></a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    @endif
                                                @endforeach
                                            @endif
                                        </form>
                                        </tbody>
                                    </table>
                                    <div style="text-align: center">

                                    </div>
                                </div>

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

                    @foreach($orders as $lines)

                        <div class="modal fade" id="line-{{$lines->orderNumber}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog modal-xl" 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">
                                        @if(!empty($lines->lines))
                                            <table class="table-bordered" style="width: 100%">
                                                <thead>
                                                <th>Ürün Adı</th>
                                                <th>Ürün Barkodu</th>
                                                <th>Ürün Ebadı</th>
                                                <th>Ürün Adedi</th>
                                                <th>Ürün Fiyatı</th>
                                                </thead>
                                                <tbody>
                                            @foreach($lines->lines as $op)
                                                <td>{{$op->productName}}</td>
                                                <td>{{$op->barcode}}</td>
                                                <td>{{$op->productSize}}</td>
                                                <td>{{$op->quantity}}</td>
                                                <td>{{$op->amount - $op->discount}}</td>
                                            @endforeach
                                                </tbody>
                                            </table>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </section>
            </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>

        $('#select-all').on('click',function () {
            $('input:checkbox').not(this).prop('checked', this.checked);
        });
        $('#osts').on('change',function () {
            $('#osid').val($(this).children('option:selected').val());
        });

    </script>
@endsection