@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') }}">
@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-md-10 col-12">
            <form class="form form-horizontal" action="{{ Route('admin.order.store') }}" method="POST" id="main_form">
                @csrf
                <input type="hidden" name="cart_items_json" id="cart_items_json">
                <input type="hidden" name="discounts_json" id="discounts_json">
                <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('activity-tab')
                                @yield('products-tab')
                                @yield('cart-new-tab')
                            </ul>
                            <div class="tab-content">
                                @yield('activity-content')
                                @yield('products-content')
                                @yield('cart-new-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('/vendors/js/forms/validation/jquery.validate.min.js') }}"></script>
<script src="{{ asset('/vendors/js/forms/validation/jqBootstrapValidation.js') }}"></script>
<script>
    const Action = 'create';
    const Ajax = {
        'trialCalculate': '{{ Route('ajax.frontend.order.trialCalculate') }}',
        '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") }}',
        'createOrder': '{{ Route('ajax.admin.order.createOrder') }}',
    }
    const Users = {!! $users !!};
    const activity_id = $('#activity_id');
    const activityMatch = {!! json_encode($activityMatch, true) !!};
    let Discounts = {!! json_encode($order_discounts) !!};
    let Promotions = {};
    let PromotionProducts = [];

    let customer_county_value = '{{ old("customer_county") }}';
    let customer_district_value = '{{ old("customer_district") }}';
    let receiver_county_value = '{{ old("receiver_county") }}';
    let receiver_district_value = '{{ old("receiver_district") }}';
</script>
@endsection

@section('page-scripts')
<script src="{{ mix('assets/js/admin/order/form.js') }}"></script>
<script>
    activity_id.val('{{ old("activity_id") }}');

    if (activity_id.val()) {
        activity_id.select2().trigger('change');
        getAdministrators.call(activity_id, function() {
            $('#administrator_id').val('{{ old("administrator_id") }}').select2().trigger('change');
            initCart();
        });
    }
</script>
@endsection