@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">Faturalar</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">Faturalar
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content-body">

                <!-- 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">
                           
                                <button type="button" class="btn btn-md btn-primary" id="create-bulk">Seçilileri Oluştur</button>
                                <!-- Table with outer spacing -->
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th><input type="checkbox" id="select-all"></th>
                                            <th>#</th>

                                            <th>Sipariş No.</th>
                                            <th>Müşteri Adı</th>
                                            <th>Eklenme Tarihi</th>
                                            <th>Aksiyon</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <form id="data-list">
                                        @if(isset($invoices) && $invoices)
                                            @foreach($invoices as $k => $order)
                                                <tr>
                                                    <td><input name="order_id[{{$k}}]" value="{{$order->order_id}}" type="checkbox"></td>

                                                    <td id="inumber-{{$order->order_id}}">{{$order->invoice_prefix}}{{$order->invoice_number}}</td>
                                                    <td>{{$order->order_id}}</td>
                                                    <td>{{$order->name}}</td>
                                                    <td>{{date('d-m-Y H:i:s',strtotime($order->created_at))}}</td>
                                                    <td>
                                                        <div class="btn-group" id="inumber-{{$order->order_id}}-btn-area">
                                                            @if(!$order->invoice_number)
                                                            <button type="button"
                                                                class="btn btn-md btn-success waves-effect waves-light create-invoice" onclick="createInvoice({{$order->order_id}})"><i
                                                                    class="feather icon-plus"></i></button>
                                                                @else
                                                                <button
                                                                    class="btn btn-md btn-info waves-effect waves-light create-invoice" disabled><i
                                                                        class="fa fa-check"></i></button>

                                                                @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                        </form>
                                        </tbody>
                                    </table>
                                    <div style="text-align: center">
                                        {{$invoices->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>
        function createInvoice(id) {
            $.get('{{route('create-uyumsoft-invoice',[''])}}/'+id,function (response) {
                if(response.status == 'success'){
                    $('#inumber-'+id).text(response.inumber);
                    $('#inumber-'+id+'-btn-area').html('<button class="btn btn-md btn-info waves-effect waves-light create-invoice" disabled><i class="fa fa-check"></i></button>');
                }else{
                    toastr.warning(response.msg, 'Uyarı!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                }
            })
        }
        $('#select-all').on('click',function () {
            $('input:checkbox').not(this).prop('checked', this.checked);
        });
        $('#create-bulk').on('click',function () {
            $.each($('#data-list').serializeArray(),function (index,value) {
                setTimeout(function(){
                    $.get('{{route('create-uyumsoft-invoice',[''])}}/'+value.value,function (response) {
                        if(response.status == 'success'){
                            $('#inumber-'+value.value).text(response.inumber);
                            $('#inumber-'+value.value+'-btn-area').html('<button class="btn btn-md btn-info waves-effect waves-light create-invoice" disabled><i class="fa fa-check"></i></button>');
                        }else{
                            toastr.warning(response.msg, 'Uyarı!', {
                                positionClass: 'toast-bottom-right',
                                containerId: 'toast-bottom-right'
                            });
                        }
                    })
                },500*index);

            });
        });
    </script>
@endsection