@php use App\Models\Order\Order; @endphp
@php use App\Enums\Order\OrderStatusEnum; @endphp
@php /** @var Order $order */  @endphp

<div class="card">
    <div class="card-body">
        <label>Actions</label>
        <hr>

        <div class="form-group">
            <select id="payment_method" name="payment_method" class="form-control form-control-sm"
                    @disabled($order->h_id) title="Change payment method">
                @foreach($paymentMethods as $paymentMethod)
                    <option value="{{ $paymentMethod->id }}" @selected($order->cart->paymentMethod->id === $paymentMethod->id)>
                        {{ $paymentMethod->title }}
                    </option>
                @endforeach
            </select>
            <span class="font-13 text-muted">
                You have the option to change the payment method and manually create an order in the Horizon system.
            </span>
        </div>

        <hr>

        <div class="form-group">
            <select id="status" name="status" class="form-control form-control-sm" title="Change order status">
                @foreach(OrderStatusEnum::cases() as $case)
                    <option value="{{ $case->value }}" @selected($order->status === $case) {{ !$case->is_active() || !$case->is_changeable() ? 'disabled' : '' }}>
                        {{ $case->title() }}
                    </option>
                @endforeach
            </select>
            <span class="font-13 text-muted">
               In the current version, you have the ability to modify the status of this order, but only to the status "<b>{{ OrderStatusEnum::WAITING_PRODUCT->title() }}</b>".
            </span>
        </div>

        <hr>

        <div class="row">
            <div class="col-12">
                <a href="{{ route('invoice.download', ['uuid' => $order->uuid]) }}"
                   class="btn btn-sm btn-primary btn-block"
                   title="Download invoice">
                    Download invoice
                </a>
                @if(!$order->h_id)
                    <a href="#" class="btn btn-sm btn-primary btn-block"
                       onclick="if (confirm('Are you sure?') === true) { $('#horizon_order_form').submit() }">
                        Create order in Horizon
                    </a>
                    <form id="horizon_order_form" method="post"
                          action="{{ route('admin.order.horizon.create', ['order' => $order]) }}"
                          class="d-none">
                        @method('POST')
                        @csrf
                    </form>
                @else
                    <button class="btn btn-sm btn-primary btn-block" disabled>
                        Horizon ID:<b> {{ $order->h_id }} </b>
                    </button>
                @endif
            </div>
        </div>
    </div>
</div><!-- card.Actions -->


@push('script')
    <script>
        $('#payment_method').on('change', function () {

            let route = '/admin/api/order/' + '{{ $order->id }}' + '/payment/' + $(this).val();

            let result = confirm('Do you really want to change the payment method? It is preferable to switch from online payment to the invoicing method.');

            if (result === false) {
                $(this).val('{{ $order->cart->paymentMethod->id }}');
                return;
            }

            axios.post(route).then(function (response) {
                alert(response.data.message);
                window.location.reload();
            }).catch(function (error) {
                window.toastr.error(error.response.data.message);
            });
        });

        $('#status').on('change', function () {

            let route = '/admin/api/order/' + '{{ $order->id }}' + '/status/' + $(this).val();

            let result = confirm('Do you really want to change the status?');

            if (result === false) {
                $(this).val('{{ $order->status }}');
                return;
            }

            axios.post(route).then(function (response) {
                alert(response.data.message);
                window.location.reload();
            }).catch(function (error) {
                window.toastr.error(error.response.data.message);
            });
        });
    </script>
@endpush