@extends('admin.layouts.contentLayoutMaster')

@section('title','訂單資料')

@section('vendor-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/css/extensions/toastr.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('plugins/flatpickr/flatpickr.min.css') }}">
@endsection

@section('page-styles')
<link rel="stylesheet" type="text/css" href="{{ mix('css/pages/admin/order/form.css') }}">
<style>
    .text-notice{
        color: #84848C;
    }
</style>
@endsection

@section('content')

@include('admin.order.tab.master')
<section id="basic-horizontal-layouts">
    <div class="row match-height justify-content-center">
        <div class="col-xl-10 col-12">
            <form class="form form-horizontal" action="{{ Route('admin.order.update', $order->id) }}" method="POST" id="main_form">
                @csrf
                @method('PATCH')
                <input type="hidden" name="id" id="id" value="{{ $order->id }}">
                <input type="hidden" name="activity_id" id="activity_id" value="{{ $order->activity_id }}">
                <input type="hidden" id="administrator_id" name="administrator_id" value="{{ $order->administrator_id  }}">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title"></h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <ul class="nav nav-tabs justify-content-center" role="tablist">
                                @yield('products-tab')
                                @yield('cart-edit-tab')
                                @yield('payment-tab')
                                @yield('invoice-tab')
                                @yield('email-tab')
                                @yield('change-log-tab')
                            </ul>
                            <div class="tab-content">
                                @yield('products-content')
                                @yield('cart-edit-content')
                                @yield('payment-content')
                                @yield('invoice-content')
                                @yield('email-content')
                                @yield('change-log-content')
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>
@endsection

@section('vendor-scripts')
<script src="{{ asset('vendors/js/forms/select/select2.full.min.js') }}"></script>
<script src="{{ asset('vendors/js/extensions/toastr.min.js') }}"></script>
<script src="{{ asset('plugins/tw-city-selector/tw-city-selector.min.js') }}"></script>
<script src="{{ asset('vendors/js/forms/spinner/jquery.bootstrap-touchspin.js') }}"></script>
<script src="{{ asset('plugins/flatpickr/flatpickr.min.js') }}"></script>

{{-- validation --}}
<script src="{{ asset('/vendors/js/forms/validation/jquery.validate.min.js') }}"></script>
<script src="{{ asset('/vendors/js/forms/validation/jqBootstrapValidation.js') }}"></script>
@endsection

@section('page-scripts')

{{-- 參數設定 --}}
<script>
    const Action = 'edit';
    const Ajax = {
        'getActivityInformation': '{{ Route("ajax.admin.order.get.activity_information") }}',
        'getActivityProductsAndRenderView' : '{{ Route("ajax.admin.order.get.activity_products_and_render_view") }}',
        'isOffshoreIsland' : '{{ Route("ajax.admin.order.get.is_offshore_island") }}',
        'appendOrderInvoice' : '{{ Route("ajax.admin.order.set.append_order_invoice") }}',
        'renotify' : '{{ Route("ajax.admin.order.renotify") }}',
        'updateOrder': '{{ Route('ajax.admin.order.updateOrder', $order->id) }}',
        'trialCalculate': '{{ Route('ajax.frontend.order.trialCalculate') }}',
    }
    const Users = {!! $users !!};
    const activity_id = $('#activity_id');
    let Discounts = {!! json_encode($order_discounts) !!};
    let Promotions = [];
    let PromotionProducts = [];
    const Order = {!! $order !!};
    const order_id = '{{ $order->id }}';
    const order_code = '{{ $order->code }}';
    const OringinalOrderItems = {!! json_encode($order_items_array, true) !!};
    const activityMatch = {!! json_encode($activityMatch, true) !!};
    const changeLogs = @json($changeLogs);

    let customer_county_value = '{{ old("customer_county", $order->customer->county) }}';
    let customer_district_value = '{{ old("customer_district", $order->customer->district) }}';

    let receiver_county_value = '{{ old("receiver_county", $order->receiverOrCustomer->county) }}';
    let receiver_district_value = '{{ old("receiver_district", $order->receiverOrCustomer->district) }}';
    let discounts_total = '{{ $discount_total }}';
</script>
<script src="{{ mix('assets/js/admin/order/form.js') }}"></script>
@endsection