@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2">
        <a href="{{ route('user_abos', [$view]) }}" class="btn btn-sm btn-default float-right">{{ __('back') }}</a>

        <div>
            @if ($view === 'ot')
                {{ __('navigation.customerabo') }}
            @endif
            @if ($view === 'me')
                {{ __('navigation.myabo') }}
            @endif
            <span class="text-muted">{{ '#' . $user_abo->payone_userid }}</span>
        </div>
    </h4>


    @if (Session::has('alert-error'))
        <div class="col-sm-12">
            <div class="alert alert-danger p-2 mt-2">
                <ul>
                    <li>{{ Session::get('alert-error') }}</li>
                </ul>
            </div>
        </div>
    @endif
    @if (Session::has('alert-warning'))
        <div class="col-sm-12">
            <div class="alert alert-warning p-2 mt-2">
                <ul>
                    <li>{{ Session::get('alert-warning') }}</li>
                </ul>
            </div>
        </div>
    @endif
    <div class="card">
        @include('admin.abo._detail')
    </div>
    <div class="card mt-3">
        @include('admin.abo._detail_abo_info')
    </div>
    <div class="card mt-3">
        @include('admin.customer._customer_detail', ['shopping_user' => $customer_detail])
    </div>
    @php
        $addOnlyMode = App\Services\AboHelper::isAddOnlyMode($user_abo, $view);
    @endphp
    {!! Form::open([
        'action' => route('user_abos_update', [$view, $user_abo->id]),
        'class' => 'form-horizontal',
        'id' => 'cart-order-form',
        'data-add-only-mode' => $addOnlyMode ? '1' : '0',
    ]) !!}
    <input type="hidden" name="is_for" value="{{ $user_abo->is_for }}">
    <div class="card mt-3">
        @include('admin.abo._order_abo', ['add_only_mode' => $addOnlyMode])
    </div>

    @if ($comp_products && Yard::instance('shopping')->getNumComp() > 0)
        <div id="holder_html_view_comp_product">
            @include('user.order.comp_product')
        </div>
    @endif

    {{ Form::close() }}
    <div class="card mt-3 mb-3">
        @include('admin.abo._executions')
    </div>


    <a href="{{ route('user_abos', [$view]) }}" class="btn btn-sm btn-default float-right">{{ __('back') }}</a>

    <div class="modal fade" id="modal-confirm-add" tabindex="-1" role="dialog" aria-labelledby="modal-confirm-add-label"
        aria-hidden="true" data-title-add-only="{{ __('abo.confirm_add_title') }}"
        data-title-normal="{{ __('abo.confirm_add_title_normal') }}"
        data-warning-add-only="{{ __('abo.confirm_add_warning') }}"
        data-warning-normal="{{ __('abo.confirm_add_warning_normal') }}">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal-confirm-add-label"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning mb-3">
                        <i class="fa fa-exclamation-triangle"></i> <span id="confirm-add-warning-text"></span>
                    </div>
                    <table class="table table-sm mb-0">
                        <tr>
                            <td class="font-weight-bold">{{ __('order.article') }}:</td>
                            <td id="confirm-add-product-name"></td>
                        </tr>
                        <tr>
                            <td class="font-weight-bold">{{ __('tables.price') }}:</td>
                            <td id="confirm-add-product-price"></td>
                        </tr>
                        <tr>
                            <td class="font-weight-bold">{{ __('tables.quantity') }}:</td>
                            <td id="confirm-add-qty-info"></td>
                        </tr>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                        data-dismiss="modal">{{ __('abo.confirm_add_cancel') }}</button>
                    <button type="button" class="btn btn-primary"
                        id="confirm-add-btn">{{ __('abo.confirm_add_ok') }}</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('/js/iq-modal-cart.js') }}?v=1{{ get_file_last_time('/js/iq-modal-cart.js') }}"></script>
    <script type="application/javascript">
        var iqModalCart = IqModalCart.init();
        $( document ).ready(function() {
        });


    </script>
@endsection