@extends('layouts.app')
@section('title', $rewardPoint->name.' | Shopping Cart')
@section('extrastyles')
    <link rel="stylesheet" href="{{ asset('/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}" />
    <link href="{{ asset('/plugins/select2/select2.css') }}" rel="stylesheet">
    <style>
        .arrow{
            left : 13px !important;
            top : 37px;
        }
    </style>
@endsection
@section('content')
    <div class="studio98_websters" id="popupUpdate">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins" style="padding-top: 1px;">
                    <div class="ibox-title2">
                        <h5>{{ $rewardPoint->name }}</h5>
                    </div>
                    <div class="ibox-content p-md">
                        <section class="wrapper site-min-height">
                            {!! Form::open(['novalidate' => 'novalidate', 'onsubmit' => 'return saveRewardPoint(this);']) !!}
                                <div class="panel-body">
                                    <div class="form-group">
                                        {!! Form::checkbox('can_purchase' , 1 , optional($rewardPoint)->can_purchase ,['class' => 'can_purchase']) !!}
                                        {!! Form::label('can_purchase','This reward point can be used for purchases') !!}
                                    </div>
                                    <div class="form-group apply_reward" style="display: none">
                                        {!! Form::label('apply_as','These reward points can be applied towards their') !!}<br />
                                        {!! Form::radio('apply_as' , 'subtotal', (isset($rewardPoint->apply_as) && ($rewardPoint->apply_as == 'subtotal')) ? 1 : true) !!} {!! Form::label('apply_as',__('Order Subtotal')) !!}<br />
                                        {!! Form::radio('apply_as' , 'total', (isset($rewardPoint->apply_as) && ($rewardPoint->apply_as == 'total')) ? 1 : null) !!} {!! Form::label('apply_as',__('Order Total')) !!}
                                    </div>

                                    <div class="form-group apply_reward" style="display: none">
                                        {!! Form::label('apply_at','How these reward points can be applied') !!}<br />
                                        {!! Form::radio('apply_at' , 'total_subtotal',(isset($rewardPoint->apply_at) && ($rewardPoint->apply_at == 'total_subtotal')) ? 1 : true) !!} {!! Form::label('apply_at',__('All available up to Subtotal/Total')) !!}<br />
                                        {!! Form::radio('apply_at' , 'user_amount',(isset($rewardPoint->apply_at) && ($rewardPoint->apply_at == 'user_amount')) ? 1 : null) !!} {!! Form::label('apply_at',__('User Can specify the amount')) !!}
                                    </div>

                                    <div class="form-group">
                                        <label>Available in Regions</label>
                                        {!! Form::select('regions[]', App\Modules\Product\Models\EcommerceRegion::items(), isset($rewardPoint->regions) ? json_decode($rewardPoint->regions,true) : ['all'], ['class' => 'form-control page_region_select', 'multiple', 'style' => 'width: 100%;']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('role', 'Available to Customer Roles') !!}
                                        {!! Form::select('role[]', $customerRoles, isset($rewardPoint->roles) ? json_decode($rewardPoint->roles,true) : ['all'] , ['class' => 'form-control select_roles', 'id' => 'select_roles', 'multiple', 'style' => 'width:100%;']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::checkbox('can_expire' , 1 , $rewardPoint->can_expire,['class' => 'can_expire']) !!}
                                        {!! Form::label('can_expire','These reward points can expire') !!}

                                        <div class="form-group can_expire_option" style="display: {{ ($rewardPoint->can_expire) ? '' : 'none' }}">
                                            {!! Form::radio('expire_as' , 'certain_date',(isset($rewardPoint->expire_as) && ($rewardPoint->expire_as == 'certain_date')) ? 1 : 'none') !!} {!! Form::label('expire_as',__('On Certain Date')) !!}<br />
                                            <div class="row reward_date_picker" style="display: {{ (isset($rewardPoint->expire_as) && ($rewardPoint->expire_as == 'certain_date')) ? 1 : 'none' }}">
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label>End Date</label>
                                                        <div class="input-group">
                                                <span class="input-group-addon">
                                                    <i class="fa fa-calendar"></i>
                                                </span>
                                                            <input type="text" name="end_date" class="form-control date_n_time" value="{{ isset($rewardPoint->end_date) ? $rewardPoint->end_date : '' }}">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {!! Form::radio('expire_as' , 'x_number',(isset($rewardPoint->expire_as) && ($rewardPoint->expire_as == 'x_number')) ? 1 : null) !!} {!! Form::label('expire_as',__('After X number of days'),['class' => 'x_number']) !!}
                                            <div class="number_of_second" style="display: {{ (isset($rewardPoint->expire_as) && ($rewardPoint->expire_as == 'x_number')) ? 1 : 'none' }}">
                                                {!! Form::number('num_days' , isset($rewardPoint->num_days) ? $rewardPoint->num_days : '' , ['class' => 'form-control','placeholder' => 'No Of Seconds']) !!}
                                            </div>
                                            @if(optional($rewardPoint)->id)
                                                <input type="hidden" name="reward_id" value="{{ $rewardPoint->id }}">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="row text-right">
                                        <div class="col-12">
                                            <button type="submit" class="btn btn-primary pull-right">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            {!! Form::close() !!}
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('footer')
    <script src="{{ asset('/plugins/dateRangePicker/moment.js') }}" ></script>
    <script src="{{ asset('/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js') }}" ></script>
    <script src="{{ asset('/plugins/select2/select2.js') }}"></script>
    <script>
        $(document).ready(function(){
            canPurchase();
            canExpire();
            expireAs();
            $('.page_region_select').select2({
                placeholder: 'Select Regions'
            });

            $('.select_roles').select2({
                placeholder: 'Select Roles'
            });
            dateTimePicker('#popupUpdate .date_n_time', 'YYYY-MM-DD');
        });

        function canExpire(){
            $('input[name=can_expire]').on('change',function(){
                if($(this).is(':checked')){
                    $('.can_expire_option').show();
                    $('.reward_date_picker').show();
                    $('.number_of_second').hide();
                }else{
                    $('.can_expire_option').closest('.form-group').hide();

                }
            });
        }

        function expireAs(){
            $('input[name=expire_as]').on('change',function(){
                if($(this).val() == 'x_number'){
                    $('.number_of_second').show();
                    $('.reward_date_picker').hide();
                }else if($(this).val() == 'certain_date'){
                    $('.number_of_second').hide();
                    $('.reward_date_picker').show();

                }
            });
        }

        function canPurchase(){
            if($('input[name=can_purchase]').is(':checked')){
                $('.apply_reward').closest('.form-group').show();
            }

            $('input[name=can_purchase]').on('change',function(){
                if($(this).is(':checked')){
                    $('.apply_reward').closest('.form-group').show();
                }else{
                    $('.apply_reward').closest('.form-group').hide();
                }
            });
        }

        function saveRewardPoint(form) {
            var data = $(form).serialize();
            $.ajax({
                method: 'POST',
                url: '{{ shopping_cart_url('reward-point/save-setting') }}',
                data: data
            }).done(function() {
                location.reload();
            });
            return false;
        }
    </script>
@endsection