@extends('layout.default')
@section('content')

@section('page_toolbar')
    <a class="btn btn-success px-2 font-weight-bold btn-sm" href="{{ url('admin/orders') }}">
        <i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
    </a>
@endsection

<!--begin::Content-->
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
<div class="card card-custom">
    <div class="card-body">
        <div class="box-body">
            <div class="col-md-12">
                <div class="row invoice-info">
                    <div class="col-sm-8 invoice-col">
                        Billing Address :
                        <address>
                            <strong>{{ $order->billing_first_name }} {{ $order->billing_last_name }}</strong><br>
                            {{ $order->billing_address1 }}<br>
                            @if($order->billing_address2!='')
                                {{ $order->billing_address2 }}<br>
                            @endif
                            {{ $order->billing_city }}, {{ $order->billing_postcode }}<br>
                            {{ $order->billing_country }}<br>
                            Phone: {{ $order->billing_phone }}<br>
                            Email: {{ $order->billing_email }}
                        </address>
                    </div>
                    <div class="col-sm-4 invoice-col">
                        <address class="pull-right">
                            <b>Invoice No:</b> {{ $order->invoice_no }}<br>
                            <b>Ordered On:</b> {{ $order->created_at }}<br>
                            <b>Payment Status:</b> {{ $order->payment_status }}<br>
                            <b>Order Status:</b> {{ $page->order_status[$order->order_status] }}
                        </address>
                    </div>
                </div>
                <table class="table table-hover table-striped table-bordered data-tables">
                    <thead>
                    <tr>
                        <th class="bg-light">No.</th>
                        <th class="bg-light">Product</th>
                        <th class="bg-light" width="20%">Price</th>
                    </tr>
                    @if(count($order->details))
                        @foreach($order->details as $detail)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{!! $detail->title !!}
                                    @if($detail->sub!='')
                                        <br/><small>{!! $detail->sub !!}</small>
                                    @endif
                                </td>
                                <td>{!! $detail->amount==0?'Free':'&pound;'.number_format($detail->amount,2) !!}
                                    @if($detail->sub_price!=0)
                                        <br/><small>+
                                            &pound;{{ number_format($detail->sub_price,2) }}</small>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    <tr>
                        <th colspan="2" class="text-right bg-light">
                            Total Amount :
                        </th>
                        <th class="bg-light">
                            £ {{ number_format($order->total_amount,2) }}</th>
                    </tr>
                    @if($order->discount==0 && $order->discount_coupon!=NULL)
                        <tr>
                            <th colspan="2" class="text-right">Coupon Used :</th>
                            <th class="text-success">{{ $order->discount_coupon }}</th>
                        </tr>
                    @elseif($order->discount!=0)
                        <tr>
                            <th colspan="2" class="text-right bg-light">Discount Amount :
                                @if($order->discount_coupon!=NULL) <span class="text-success">
                                            [ Coupon Used : {{ $order->discount_coupon }}] </span>
                                @endif
                            </th>
                            <th class="bg-light">£ {{ number_format($order->discount,2) }}</th>
                        </tr>
                    @endif
                    @if($order->shipping_amount!=0)
                        <tr>
                            <th colspan="2" class="text-right bg-light">Shipping Amount :</th>
                            <th class="bg-light">£ {{ number_format($order->shipping_amount,2) }}</th>
                        </tr>
                    @endif
                    @if($order->tax!=0)
                        <tr>
                            <th colspan="2" class="text-right bg-light">VAT @ 20% :</th>
                            <th class="bg-light">£ {{ number_format($order->tax,2) }}</th>
                        </tr>
                    @endif
                    <tr>
                        <th colspan="2" class="text-right bg-light"> Grand Amount :</th>
                        <th class="bg-light">
                            £ {{ number_format($order->grand_total,2) }}</th>
                    </tr>
                    </thead>
                </table>
                {!! Form::open(['url' => $page->form_url, 'method' => $page->form_method, 'id'=>'order-form']) !!}
                <div class="form-group row">
                    {!! Form::label('status', 'Order Status', ['class' => 'col-sm-2 col-form-label text-alert']) !!}
                    <div class="col-sm-3">
                        {!! Form::select('order_status', $page->order_status ,$order->order_status, ['class' => 'form-control search', 'id'=>'search_order'] ) !!}
                    </div>
                    <div class="col-sm-3">
                        <button type="submit" class="btn btn-primary mr-2">Submit
                        </button>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>

        </div>
        <!--end::Content-->
    </div>
</div>
<!--end::Content-->
@endsection
@push('inner-scripts')

    <script>
        document.addEventListener('DOMContentLoaded', function (e) {
            FormValidation.formValidation(
                document.getElementById('order-form'),
                {
                    fields: {
                        order_status: {
                            validators: {
                                notEmpty: {
                                    message: 'Please choose order status'
                                }
                            }
                        },
                    },
                    plugins: {
                        trigger: new FormValidation.plugins.Trigger(),
                        bootstrap: new FormValidation.plugins.Bootstrap(),
                        submitButton: new FormValidation.plugins.SubmitButton(),
                    },
                }
            ).on('core.form.valid', function () {
                var forms = $("#order-form");
                $.ajax({
                    url: forms.attr('action'),
                    type: forms.attr('method'),
                    data: forms.serialize(),
                    dataType: "html"
                })
                    .done(function (a) {
                        var data = JSON.parse(a);
                        if (data.flagError == true) {
                            formValidate.showErrors(data.errors);
                            showAlert(data.message, "error");
                        } else {
                            showAlert(data.message, "success");
                            setTimeout(function () {
                                location.reload();
                            }, 2000);
                        }
                    });
            });
        });
    </script>
@endpush