@extends("admin.main")
@section("content")
@if(auth()->guard('admins')->user()->can("edit customer"))

    <div class="card card-outline card-primary">
        <div class="card-header">
            @include("admin.block.nav")
        </div>
        <div class="card-body">
            @if($allService->count())
                @include("admin.customer.action.selector")
                @if((int) $type === 3)
                    @include("admin.customer.form.hosting")
                @endif
                @if((int) $type === 4)
                    @include("admin.customer.form.vps")
                @endif
            @else
                <div class="alert alert-warning" role="alert">
                    No products found for this user. Click here to place a new order.
                </div>
            @endif

        </div>
    </div>
@else
    <div class="alert alert-danger alert-dismissible">
        <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Customer
            management department</h5>
    </div>
@endif
@endsection
@push('style')
    <link rel="stylesheet" href="{{ asset('lib/jquery-ui/jquery-ui.min.css') }}">
@endpush
@push('scripts')
    <script src="{{ asset('lib/jquery-ui/jquery-ui.min.js') }}"></script>
    <script src="{{ asset('lib/vcenter/action.js') }}"></script>
    <script type="text/javascript">
        //Date picker
        $('.datetime-picker').datepicker({
            dateFormat: 'dd/mm/yy'
        });
        $('input[name="next_due_date_input"]').change(function () {
            let data = $(this).val()
            $('input[type="hidden"][name="next_due_date"]').empty().val(data)
        })
        $('select[name="select_status"]').change(function () {
            let data = $(this).find('option:selected').val()
            $('input[type="hidden"][name="status"]').empty().val(data)
        })
        $('input[name="next_payment_input"]').keyup(function () {
            let data = $(this).val()
            $('input[type="hidden"][name="next_payment"]').empty().val(data)
        })
    </script>
@endpush