@extends('layout.user')
@section('page-title', __('robot.ReceiveFree'))
@section('nav-title', __('robot.ReceiveFree'))
@section('page-js-script')
    <script type="text/javascript">
        $(function() {
            $('.btn_get_free_card').click(function(e) {
                $('.loading').show();

                $.ajax({
                    url: '{{ url('ajax/add_verify') }}',
                    data: {
                        event_id: $(this).data('key'),
                    },
                    success: function(resp, textStatus, jqXHR) {
                        console.log(resp);
                        $('.loading').hide();
                        if (resp.status) {
                            Swal.fire({
                                title: (resp.msg != '') ? resp.msg : '{{ __('basic.SuccessUpdate') }}',
                                // text: ,
                                icon: 'success',
                                confirmButtonText: '{{ __('basic.OK') }}',
                            }).then((function() {
                                location.reload();
                            }))
                        } else {
                            Swal.fire({
                                title: '操作失敗',
                                text: resp.msg,
                                icon: 'error',
                                confirmButtonText: '{{ __('basic.OK') }}',
                            })
                            setTimeout(function() {
                                location.reload();
                            }, 1000);
                        }

                    }
                });
            });
        });
    </script>
@endsection
@section('container')
    {{-- 免費電信卡 --}}
    @if ($country_id != 'tw')
        <div class="card">
            <div class="d-flex flex-column p-3">
                <div class="position-relative">
                    @if (!empty($verifyList['mobile']))

                        <div class="position-absolute d-flex align-items-center justify-content-center w-100 h-100 bg-dark text-light bottom-0 py-1 text-center" style="opacity: 0.8;z-index:99;">
                            @if ($verifyList['mobile']['status'] == 'unverified' || $verifyList['mobile']['status'] == 'uploaded_photo')
                                <h1>{{ __('robot.UnderReview') }}</h1>
                            @endif
                            @if ($verifyList['mobile']['status'] == 'shipped' || $verifyList['mobile']['status'] == 'completed')
                                <h1>{{ __('robot.HaveReceived') }}</h1>
                            @endif
                        </div>
                    @elseif ($verifyList['qty']['mobile'] == 0)
                        <div class="position-absolute d-flex align-items-center justify-content-center w-100 h-100 bg-dark text-light bottom-0 py-1 text-center" style="opacity: 0.8;z-index:99;">
                            <h1>{{ __('robot.OutOfStock') }}</h1>
                        </div>
                    @endif
                    <img class="w-100 mb-2" src="{{ asset('image/Visa Copy.png') }}" alt="">
                </div>
                @if (!empty($verifyList['mobile']))
                    @switch($verifyList['mobile']['status'])
                        @case('unverified')
                            <button disabled type="button" class="btn btn-primary w-100">{{ __('robot.ReceiveNow') }}</button>
                        @break

                        @case('shipped')
                            <a href="{{ route('freecard_receive', ['id' => 'add_photo']) }}" class="btn btn-primary w-100 my-2" type="button">{{ __('robot.UploadVerificationPhoto') }}</a>
                        @break

                        @case('uploaded_photo')
                            <a href="{{ route('order', ['id' => $verifyList['mobile']['sale_id']]) }}" class="btn btn-primary w-100">{{ __('robot.Check') }}</a>
                        @break

                        @default
                    @endswitch
                    @if (!empty($verifyList['mobile']['sale_id']) && $verifyList['mobile']['status'] != 'uploaded_photo')
                        <a href="{{ route('order', ['id' => $verifyList['mobile']['sale_id']]) }}" class="btn btn-primary w-100 mt-1">{{ __('robot.Check') }}</a>
                    @endif
                @elseif ($verifyList['qty']['mobile'] > 0)
                    <a href="{{ route('freecard_receive', ['id' => 'mobile']) }}" class="btn btn-primary w-100">{{ __('robot.ReceiveNow') }}</a>
                @endif
            </div>
        </div>
    @endif
    {{-- 免費雲端空間 --}}
    {{-- @if ($country_id != 'tw') --}}
    <div class="card">
        <div class="d-flex flex-column p-3">
            <div class="position-relative">
                @if (!empty($verifyList['cloud']))
                    <div class="position-absolute d-flex align-items-center justify-content-center w-100 h-100 bg-dark text-light bottom-0 py-1 text-center" style="opacity: 0.8;z-index:99;">
                        @if ($verifyList['cloud']['status'] == 'unverified')
                            <h1>{{ __('robot.UnderReview') }}</h1>
                        @endif
                        @if ($verifyList['cloud']['status'] == 'shipped' || $verifyList['cloud']['status'] == 'completed')
                            <h1>{{ __('robot.HaveReceived') }}</h1>
                        @endif
                    </div>
                @elseif ($verifyList['qty']['cloud'] == 0)
                    <div class="position-absolute d-flex align-items-center justify-content-center w-100 h-100 bg-dark text-light bottom-0 py-1 text-center" style="opacity: 0.8;z-index:99;">
                        <h1>{{ __('robot.OutOfStock') }}</h1>
                    </div>
                @endif
                <img class="w-100 mb-2" src="{{ asset('image/cloud.png') }}" alt="">
            </div>
            @if (!empty($verifyList['cloud']) && !empty($verifyList['cloud']['sale_id']))
                <a href="{{ route('order', ['id' => $verifyList['cloud']['sale_id']]) }}" class="btn btn-primary w-100">{{ __('robot.Check') }}</a>
            @elseif ($verifyList['qty']['cloud'] > 0)
                <button class="btn_get_free_card btn btn-primary w-100" data-key="cloud" type="button">{{ __('robot.ReceiveNow') }}</button>
            @endif
        </div>
    </div>
    {{-- @endif --}}
@endsection