@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">
                        <h3 class="box-title"> {{ __('adminstaticword.Edit') }} {{ __('adminstaticword.Commodity') }}</h3>
                    </div>
                    <br>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="form-group">
                            <form action="{{ route('commodities.update', $product->id) }}" method="post"
                                enctype="multipart/form-data">
                                {{ csrf_field() }}
                                {{ method_field('PUT') }}


                                <div class="row">

                                    <div class="col-md-6">
                                        <label for="name">{{ __('adminstaticword.Commodity') }}名稱:<sup
                                                class="redstar">*</sup></label>
                                        <input type="text" class="form-control" name="name" id="name"
                                            value="{{ $product->name }}" required>
                                    </div>

                                    <div class="col-md-6">
                                        <label for="url">{{ __('adminstaticword.Commodity') }}連結: <sup class="redstar">*</sup></label>
                                        <input type="url" class="form-control" name="url" id="url"
                                          placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Commodity') }}連結" value="{{ $product->url }}"
                                          required>
                                    </div>
                                        
                                </div>

                                <br>

                                    <div class="col">
                                        <label for="description">{{ __('adminstaticword.Detail') }}: <sup class="redstar">*</sup></label>
                                        <textarea id="description" name="description" rows="5" class="form-control"
                                          placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Detail') }}" required>{{ $product->description }}</textarea>
                                    </div>


                                <br>

                                <div class="col-md-3">
                                    <label>{{ __('adminstaticword.PreviewImage') }}:</label>
                                    <br>
                                    <input type="file" name="images[]" id="images" class="inputfile inputfile-1" multiple />
                                    <label for="images"><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( $product->images )
                                        @php 
                                            $images = explode( ',' , $product->images )
                                        @endphp
                                        @foreach( $images as $image )
                                            <img src="{{ gc_asset( 'images/commodities'. '/' . $image ) }}">
                                        @endforeach
                                    @endif
                                    {{-- @if ($cor['preview_image'] !== null && $cor['preview_image'] !== '')
                                        <img src="{{ url('/images/bundle/' . $cor->preview_image) }}" height="70px;"
                                            width="70px;" />
                                    @else
                                        <img src="{{ Avatar::create($cor->title)->toBase64() }}" alt="course"
                                            class="img-fluid">
                                    @endif --}}
                                </div>

                                
                                <!--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() {
                    $('#test').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