@extends('admin.layouts.master')
@section('title', '訓練計畫編輯 - Admin')
@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">
                        <h3 class="box-title"> {{ __('adminstaticword.Edit') }} {{ __('adminstaticword.BundleCourse') }}</h3>
                    </div>
                    <br>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="form-group">
                            <form action="{{ route('bundle.update', $cor->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="title" id="exampleInputTitle"
                                            value="{{ $cor->title }}" required>
                                    </div>
                                </div>
                                <br>

                                {{-- <div class="form-group">
                                    <label>{{ __('adminstaticword.SelectCourse') }}: <span class="redstar">*</span></label>
                                    <select class="form-control js-example-basic-single" name="course_id[]"
                                        multiple="multiple" size="5" row="5" placeholder="{{ __('adminstaticword.SelectCourse') }}">


                                        @foreach ($courses as $cat)
                                            @if ($cat->status == 1)
                                                <option value="{{ $cat->id }}"
                                                    {{ in_array($cat->id, $cor['course_id'] ?: []) ? 'selected' : '' }}>
                                                    {{ $cat->title }}
                                                </option>
                                            @endif

                                        @endforeach

                                    </select>
                                </div> --}}


                                <div class="row">

                                    <div class="col-md-6">
                                        <label for="exampleInputDetails">{{ __('adminstaticword.ShortDetail') }}:<sup class="redstar">*</sup></label>
                                        <textarea id="short_detail" name="short_detail" rows="3" class="form-control" required>{{  $cor->short_detail }}</textarea>
                                    </div>

                                    <div class="col-md-6">
                                        <label for="exampleInputTit1e">{{ __('adminstaticword.BundleCategory') }}: <sup class="redstar">*</sup></label>
                                        <select name="category" id="" class="form-control">
                                            @if ($bundleCategory->isEmpty())
                                                <option value="">未有任何訓練計畫分類</option>
                                            @else
                                                @foreach ($bundleCategory as $item)
                                                    <option value="{{ $item->id }}" @if(isset($bundleCategoryRelation)) @if($item->id == $bundleCategoryRelation->category_id) selected @endif @endif>{{ $item->name }}</option>
                                                @endforeach  
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <br>



                                <div class="row">

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

                                <div class="row">
                                    {{-- 適用情形 --}}
                                    <div class="col-md-6">
                                        <label for="fit_situation">{{ __('adminstaticword.Suitable') }}: </label>
                                        <textarea id="fit_situation" name="fit_situation" rows="3" class="form-control">{!! $cor->fit_situation !!}</textarea>
                                    </div>
                                    {{-- 不適用情形 --}}
                                    <div class="col-md-6">
                                      <label for="unfit_situation">{{ __('adminstaticword.NotSuitable') }}: </label>
                                      <textarea id="unfit_situation" name="unfit_situation" rows="3" class="form-control">{!! $cor->unfit_situation !!}</textarea>
                                    </div>
                                    {{-- 事前準備 --}}
                                    <div class="col-md-6">
                                      <label for="before_fitness">{{ __('adminstaticword.Preparation') }}: </label>
                                      <textarea id="before_fitness" name="before_fitness" rows="3" class="form-control">{!! $cor->before_fitness !!}</textarea>
                                  </div>
                    
                                    {{-- 身體反應 --}}
                                    <div class="col-md-6">
                                      <label for="body_response">{{ __('adminstaticword.BodyResponse') }}: </label>
                                      <textarea id="body_response" name="body_response" rows="3" class="form-control">{!! $cor->body_response !!}</textarea>
                                    </div>
                                    {{-- 課程建議 --}}
                                    <div class="col-md-6">
                                        <label for="suggest">{{ __('adminstaticword.Suggest') }}: </label>
                                        <textarea id="suggest" name="suggest" rows="3" class="form-control">{!! $cor->body_response !!}</textarea>
                                    </div>
                                    {{-- 其他 --}}
                                    <div class="col-md-6">
                                      <label for="note">{{ __('adminstaticword.Note') }}: <sup class="redstar"></sup></label>
                                      <textarea id="note" name="note" rows="3" class="form-control">{!! $cor->note !!}</textarea>
                                    </div>
                                  </div>
                    
                                  {{-- 間格天數 --}}
                                    <div class="col">
                                      <label for="interval">間隔天數</label>
                                      <input id="interval" type="number" min="0" max="10" name="interval" class="mr-3" value="{{$cor->interval}}" required><span> / 天</span>
                                    </div>

                                    <br>


                                <div class="row">

                                    <div class="col-md-3 display-none">
                                        <label for="exampleInputDetails">{{ __('adminstaticword.Free') }}:</label>
                                        <li class="tg-list-item">
                                            <input class="tgl tgl-skewed" id="cb111" name="type" type="checkbox"
                                                {{ $cor->type == '1' ? 'checked' : '' }} />
                                            <label class="tgl-btn" data-tg-off="Free" data-tg-on="Paid" for="cb111"></label>
                                        </li>
                                        <input type="hidden" name="free" value="0" id="j111">
                                        <br>

                                        <div @if ($cor->price == '' && $cor->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="{{ $cor->price }}">
                                        </div>

                                        <div @if ($cor->price == '' && $cor->discount_price == '')
                                            class="display-none" @endif id="doaboxx">
                                            <br>
                                            <label for="exampleInputSlug">{{ __('adminstaticword.DiscountPrice') }}: <sup
                                                    class="redstar">*</sup></label>
                                            <input type="number" min="1" class="form-control" name="discount_price"
                                                id="exampleInputPassword1" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.DiscountPrice') }}"
                                                value="{{ $cor->discount_price }}">
                                        </div>
                                    </div>
                                    <div class="col-md-3 display-none">
                                        @if (Auth::User()->role == 'admin')
                                            <label for="exampleInputTit1e">{{ __('adminstaticword.Featured') }}:</label>
                                            <li class="tg-list-item">
                                                <input class="tgl tgl-skewed" id="cb1" type="checkbox"
                                                    {{ $cor->featured == 1 ? 'checked' : '' }}>
                                                <label class="tgl-btn" data-tg-off="No" data-tg-on="Yes" for="cb1"></label>
                                            </li>
                                            <input type="hidden" name="featured" value="{{ $cor->featured }}" id="f">
                                        @endif
                                    </div>
                                    <div class="col-md-3">
                                       
                                            <label for="exampleInputTit1e">{{ __('adminstaticword.Status') }}:</label>
                                            <li class="tg-list-item">
                                                <input class="tgl tgl-skewed" id="cb3" type="checkbox"
                                                    {{ $cor->status == 1 ? 'checked' : '' }}>
                                                <label class="tgl-btn" data-tg-off="Deactive" data-tg-on="Active"
                                                    for="cb3"></label>
                                            </li>
                                            <input type="hidden" name="status" value="{{ $cor->status }}" id="c3">
                                       
                                    </div>
                                    <div class="col-md-3">
                                        
                                            <label for="exampleInputTit1e">熱門:</label>
                                            <li class="tg-list-item">
                                                <input class="tgl tgl-skewed" id="cb4" type="checkbox"
                                                    {{ $cor->popular == 1 ? 'checked' : '' }}>
                                                <label class="tgl-btn" data-tg-off="Deactive" data-tg-on="Active"
                                                    for="cb4"></label>
                                            </li>
                                            <input type="hidden" name="popular" value="{{ $cor->popular }}" id="c4">
                                        
                                    </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 ($cor['preview_image'] !== null && $cor['preview_image'] !== '')
                                            <img src="{{ gc_asset('images/bundle/' . $cor->preview_image) }}" height="70px;"
                                                width="70px;" />
                                        @else
                                            <img src="{{ Avatar::create($cor->title)->toBase64() }}" alt="course"
                                                class="img-fluid">
                                        @endif
                                    </div>
                                </div>

                                <br>

                                <!--Stripe Subscription-->
                                {{-- <div class="row">
                                    <div class="col-md-3">
                                        <label for="cbToggleSubscription">{{ __('adminstaticword.Subscription') }}:</label>
                                        <li class="tg-list-item">
                                            <input class="tgl tgl-skewed" id="cbToggleSubscription" type="checkbox"
                                                {{ $cor->is_subscription_enabled ? 'checked' : '' }}>
                                            <label class="tgl-btn" data-tg-off="Disable" data-tg-on="Enable" for="cbToggleSubscription"></label>

                                            <small class="text-muted"><i class="fa fa-question-circle"></i> Subscription bundle works with stripe payment only.</small><br>
                                            <small class="text-muted"> Enable it only when you have setup stripe.</small>
                                        </li>
                                        <input name="is_subscription_enabled" type="hidden"
                                            value="{{ $cor->is_subscription_enabled }}" id="is_subscription_enabled" />
                                        <br>
                                        <div id="stripeSubscriptionContainer" style="{{ $cor['is_subscription_enabled'] ? '' : 'display:none' }}">

                                            @php
                                            $selectedPeriod =$cor->billing_interval;
                                            @endphp
                                            <label>{{ __('adminstaticword.BillingPeriod') }}</label>
                                            <select class="form-control" name="billing_interval">
                                                <option value="day" {{ $selectedPeriod == 'day' ? 'selected' : '' }}>
                                                    Daily</option>
                                                <option value="week" {{ $selectedPeriod == 'week' ? 'selected' : '' }}>
                                                    Weekly</option>
                                                <option value="month" {{ $selectedPeriod == 'month' ? 'selected' : '' }}>
                                                    Monthly</option>
                                                <option value="year" {{ $selectedPeriod == 'year' ? 'selected' : '' }}>
                                                    Yearly</option>
                                            </select>

                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                      <label for="">{{ __('adminstaticword.Duration') }}: </label>
                                      <li class="tg-list-item">              
                                        <input class="tgl tgl-skewed" id="duration_type" type="checkbox" name="duration_type" {{ $cor->duration_type == "m" ? 'checked' : '' }} >
                                        <label class="tgl-btn" data-tg-off="days" data-tg-on="month" for="duration_type"></label>
                                      </li>

                                      <br>
                                      <label for="exampleInputSlug">{{ __('adminstaticword.BundleExpireDuration') }}</label>
                                      <input min="1" class="form-control" name="duration" type="number" id="duration" value="{{ $cor->duration }}" placeholder="{{ __('adminstaticword.Enter') }} Duration">
                                    </div>
                                </div><br>--}}
                                <!--Stripe Subscription-->
                                <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() {
                    $('#c3').val(+$(this).prop('checked'))
                })
                $('#cb4').change(function() {
                    $('#c4').val(+$(this).prop('checked'))
                })
            })

            $(function() {

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

            });

            $(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