@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
    <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