@extends('admin.layouts.master')
@section('title', '方案編輯 - 管理員')
@section('body')

    <section class="content">
        @include('admin.message')
        <div class="row">
            <!-- left column -->
            <div class="col-xs-12">
                <div class="box box-primary">
                    <!-- general form elements -->
                    <div class="box-header with-border">
                        <div class="row">
                            <div class="col-md-10">
                              <h3 class="box-title"> {{ __('adminstaticword.Edit') }} {{ __('adminstaticword.SubscriptionPlans') }}</h3>
                            </div>
                            <div  class="col-md-2">
                                <div><h4 class="admin-form-text"><a href="{{url('subscription_plans')}}" data-toggle="tooltip" data-original-title="Go back" class="btn-floating"><i class="material-icons"><button class="btn btn-xs btn-success abc"> << {{ __('adminstaticword.Back') }}</button> </i></a></h4></div>
                            </div>
                          </div>
                    </div>
                    <br>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="form-group">
                            <form action="{{ route('subscription_plans.update', $subscription->id) }}" method="post" enctype="multipart/form-data">
                                {{ csrf_field() }}
                                {{ method_field('PUT') }}

                                <div class="row">
                                    <div class="col-md-12">
                                        <label for="exampleInputTit1e">{{ __('adminstaticword.Title') }}:<sup
                                                class="redstar">*</sup></label>
                                        <input type="text" class="form-control" name="name" id="exampleInputTitle"
                                            value="{{ $subscription->name }}" required>
                                    </div>
                                </div>
                                <br>


                                <div class="row">

                                    <div class="col-md-12">
                                        <label for="exampleInputDetails">{{ __('adminstaticword.Detail') }}:<sup class="redstar">*</sup>
                                        <textarea id="description" name="description" rows="3" cols="100%" class="form-control" required>{!!  $subscription->description !!}</textarea>
                                    </div>
                                </div>
                                <br>

                                <div class="row">
                                    <div class="col-sm-12">
                                      <label>{{ __('adminstaticword.ProductCategory') }}:</label>
                                    </div>
                                    <div class="col-sm-3">
                                      <label for="product_cate_id">{{ __('adminstaticword.ProductCate') }}:</label><sup class="redstar">*</sup>
                                      <select name="product_cate_id" class="form-control" id="product_cate_id" required>
                                        <option value="">{{ __('adminstaticword.PleaseSelect') }}</option>
                                        @foreach ($productCategory as $item)
                                            <option value="{{ $item->id }}" @if($item->id == $subscription->product_cate_id) selected @endif>{{ $item->cate_name }}</option>
                                        @endforeach
                                      </select>
                                    </div>
                                    <div class="col-sm-3">
                                      <label for="product_code">{{ __('adminstaticword.ProductCode') }}:</label><sup class="redstar">*</sup>
                                      <input type="text" id="product_code" class="form-control" name="product_code" value="{{ $subscription->product_code }}" required>
                                    </div>
                                </div>
                                
                                <br>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <label for="exampleInputDetails">{{ __('adminstaticword.SubscriptionPlans') }}:</label>
                                    </div>
                                    <div class="col-md-3">
                                        <div @if ($subscription->price == '' && $subscription->price == '')
                                            class="display-none" @endif id="doabox">
                                            <label for="exampleInputSlug">{{ __('adminstaticword.Price') }}: <sup
                                                    class="redstar">*</sup></label>
                                            <input type="number" min="1" class="form-control" name="price"
                                                id="exampleInputPassword1" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Price') }}"
                                                value="{{ $subscription->price }}" required>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <label for="">方案週期:</label><sup class="redstar">*</sup>
                                        <input type="number" name="period" class="form-control" min="1" oninput="javascript:this.value=this.value.replace(/[^\d]/g,'')" value="{{ $subscription->period }}" required>
                                    </div>

                                    <div class="col-md-3">
                                        <label for="">週期單位:</label>
                                        <select name="unit" class="form-control">
                                            @foreach( $units as $unit_value => $unit_name )
                                                <option value="{{$unit_value}}" 
                                                    {{ !empty($subscription->unit) && $subscription->unit == $unit_value ? 'selected' : '' }}
                                                    >
                                                {{$unit_name}}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>


                                    <div @if ($subscription->price == '' && $subscription->discount_price == '')
                                        class="display-none" @endif id="doaboxx">
                                        <br>
                                        <label for="exampleInputSlug" class="display-none">{{ __('adminstaticword.DiscountPrice') }}: <sup
                                                class="redstar">*</sup></label>
                                        <input type="number" min="1" class="form-control display-none" name="offer_price"
                                            id="exampleInputPassword1" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.DiscountPrice') }}"
                                            value="{{ $subscription->offer_price }}" disabled>
                                            
                                    </div>
                                    
                                </div>

                                <div class="row">
                                    <div class="col-md-2">
                                        <label for="is_ios_pay">{{ __('adminstaticword.IOSPay') }}</label>
                                        <br>
                                        <li class="tg-list-item">              
                                          <input class="tgl tgl-skewed" id="ios_pay" type="checkbox" {{ $subscription->is_ios_pay == 1 ? 'checked' : '' }}>
                                          <label class="tgl-btn" data-tg-off="{{ __('adminstaticword.Disable') }}" data-tg-on="{{ __('adminstaticword.Enable') }}" for="ios_pay"></label>
                                        </li>
                                        <input type="hidden"  name="is_ios_pay" value="{{ $subscription->is_ios_pay }}" id="is_ios_pay">
                                    </div>

                                    <div class="ios_subcription_id col-md-5 {{ $subscription->is_ios_pay == 0 ? 'd-none' : '' }}">
                                        <label for="ios_subcription_id">IOS 方案 ID</label>
                                        <input id="ios_subcription_id" name="ios_subcription_id" type="text" class="form-control" placeholder="IOS 方案 ID" value="{{ $subscription->ios_subcription_id }}">
                                    </div>
                                </div>


                                <div class="row">

                                    <div class="col-md-3">
                                        <label for="is_family">{{ __('adminstaticword.FamilyPlan') }}</label>
                                        <br>
                                        <li class="tg-list-item">              
                                          <input class="tgl tgl-skewed" id="family" type="checkbox" {{ $subscription->is_family == 1 ? 'checked' : '' }} >
                                          <label class="tgl-btn" data-tg-off="{{ __('adminstaticword.Disable') }}" data-tg-on="{{ __('adminstaticword.Enable') }}" for="family"></label>
                                        </li>
                                        <input type="hidden"  name="is_family" value="{{ $subscription->is_family }}"  id="is_family">
                                    </div>
                      
                                    

                                    <div class="col-md-3">
                                        <label>{{ __('adminstaticword.PreviewImage') }}:</label>
                                        <br>
                                        <input type="file" name="image" id="image" class="inputfile inputfile-1" />
                                        <label for="image"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="7"
                                                viewBox="0 0 20 17">
                                                <path
                                                    d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" />
                                            </svg> <span>{{ __('adminstaticword.Chooseafile') }}&hellip;</span>
                                        </label>
                                        <br>
                                        @if ($subscription['image'] !== null && $subscription['image'] !== '')
                                            <img class="normal edit-subscript-plan-img" src="{{ gc_asset('images/subscription_plan/' . $subscription->image) }}" />
                                        @else
                                            <img src="{{ Avatar::create($subscription->title)->toBase64() }}" alt="course"
                                                class="img-fluid">
                                        @endif
                                    </div>
                                </div>

                                <br>


                                <div class="box-footer">
                                    <button type="submit"
                                        class="btn btn-lg col-md-3 btn-primary">{{ __('adminstaticword.Save') }}</button>
                                </div>

                            </form>
                        </div>
                    </div>
                    <!-- /.box -->
                </div>
            </div>
            <!--/.col (right) -->
        </div>
        <!-- /.row -->
    </section>

@endsection




@section('scripts')

    <script>
        (function($) {
            "use strict";


            $(function() {
                $('.js-example-basic-single').select2();
            });

            $(function() {
                $('#cb1').change(function() {
                    $('#f').val(+$(this).prop('checked'))
                })
            })

            $(function() {
                $('#cb3').change(function() {
                    $('#test').val(+$(this).prop('checked'))
                })
            })

            $(function() {

                $('#murl').change(function() {
                    if ($('#murl').val() == 'yes') {
                        $('#doab').show();
                    } else {
                        $('#doab').hide();
                    }
                });

            });

            $(function() {
                $('#family').change(function() {
                $('#is_family').val(+ $(this).prop('checked'))
                })
            })

            $(function() {
                $('#ios_pay').change(function() {
                $('#is_ios_pay').val(+ $(this).prop('checked'))
                $('.ios_subcription_id').toggleClass('d-none')
                if($('#is_ios_pay').val() == 1){
                    $('#ios_subcription_id').prop('required',true);
                    $('#ios_subcription_id').prop('disable',false);
                }else{
                    $('#ios_subcription_id').prop('required',false);
                    $('#ios_subcription_id').prop('disable',true);
                }
                })
            })

            $(function() {

                $('#murll').change(function() {
                    if ($('#murll').val() == 'yes') {
                        $('#doabb').show();
                    } else {
                        $('#doab').hide();
                    }
                });

            });

            $('#preview').on('change', function() {

                if ($('#preview').is(':checked')) {
                    $('#document1').show('fast');
                    $('#document2').hide('fast');

                } else {
                    $('#document2').show('fast');
                    $('#document1').hide('fast');
                }

            });

        })(jQuery);

    </script>

@endsection