@extends('company.layout.master')
@section('content')

    <div class="wrap">
        <section class="app-content">
            <h3>@lang('admin.orders')</h3>
        </section><!-- #dash-content -->
    </div><!-- .wrap -->

    <div class="col-md-12 col-sm-6">
        <div class="widget p-md clearfix" style="border-radius: 50px;">
            <div class="pull-right">
                <h3 class="widget-title">@lang('admin.ordernumber')</h3>
                <small class="text-color" id="order_number">{{$orderNumber}}</small>
            </div>

            <div class="pull-right" style="position:relative;right: 33%">
                <h3 class="widget-title">@lang('admin.DateOForder')</h3>
                <small class="text-color">{{$dateoforder}}</small>
            </div>

            <div class="pull-right" style="position:relative; right: 68%;">
                <h3 class="widget-title">@lang('admin.statusOfOrder')</h3>
                <small class="text-color">@lang('admin.new')</small>
            </div>
         </div>
    </div>
            <form method="post" id="prod-form">
            @csrf
            @method('post')
        {{--    user --}}
            @include('company.orders.user')

            {{--    shipping --}}
            @include('company.orders.shipping')

            {{--    payment --}}
            @include('company.orders.payment')

            {{--    products --}}
            @include('company.orders.products')
            </form>

@endsection
@push('js')
<script>
    $(function () {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $('body').on('submit', '#prod-form', function (e) {
            e.preventDefault();

            var orderNumber = $('#order_number').html();
            var totalprice = $('#order_total').html();
            var shipping_cost = $('#shipping_cost').html();

            var formData = new FormData(this);
            formData.append('ordernumber', orderNumber);
            formData.append('totalprice', totalprice);
            formData.append('shippingCost', shipping_cost);

            $.ajax({
                url: "{{route('orders.store',request()->company_id)}}",
                method: "post",
                data: formData,
                dataType: 'json',

                cache: false,
                contentType: false,
                processData: false,

                success: function (response) {
                // console.log(response);
                    if (response.status == 'success') {
                        new Noty({
                            type: 'success',
                            layout: 'topRight',
                            text: "تم الاضافة بنجاح",
                            timeout: 2000,
                            killer: true
                        }).show();
                    } else {
                        if (response.status == 'error'){
                            $.each(response.error,function ($index,$value) {
                                $.each($value,function ($index,$value) {
                                    new Noty({
                                        type: 'warning',
                                        layout: 'topRight',
                                        text: $value,
                                        timeout: 2000,
                                        killer: true
                                    }).show();
                                });
                            });
                        }else{
                            new Noty({
                                type: 'warning',
                                layout: 'topRight',
                                text: response.error,
                                timeout: 2000,
                                killer: true
                            }).show();
                        }

                    }

                },

            });

        })
    })
    </script>
@endpush