@extends('adminlte::page')

@section('css')
<style>
  #content,#attach{
    width: 100%;
  }
  .input-file{
    margin-top: 10px;
  }

</style>
@stop

@section('content')
<!-- content -->

    <section class="content" style="padding: 40px;">
        <div class="row">
            <div class="col-xs-12">
                <div class="box  box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Edit Gift Code #{{$gift_code->id}}</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">

                        {!! Form::open(['action' => ['GiftCodeController@update',$gift_code->id], 'method' => 'PUT', 'enctype' => 'multipart/form-data', 'class' => 'form-horizontal']) !!}
                        {!! Form::token() !!}
                            <input type="hidden" name="id" value="{{$gift_code->id}}">
                        <div class="box-body">

                            <div class="form-group required">
                                {!! Form::label('code', 'Code', ['class' => 'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    <input id="code" type="text" name="code" value="{{$gift_code->code}}" class="form-control"
                                           placeholder="" required="required">
                                </div>
                            </div>

                            <div class="form-group required">
                                {!! Form::label('amount', 'Amount', ['class' => 'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    <input id="amount" type="number" name="amount" value="{{$gift_code->amount}}" class="form-control"
                                           min="{{$gift_code->amount}}" required="required">
                                </div>
                            </div>

                            <div class="form-group required">
                                {!! Form::label('gold', 'Gold', ['class' => 'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    <input id="gold" type="number" name="gold" value="{{$gift_code->gold}}" class="form-control"
                                           min="1" required="required">
                                </div>
                            </div>

                            <div class="form-group required">
                                {!! Form::label('diamond', 'Diamond', ['class' => 'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    <input id="diamond" type="number" name="diamond" value="{{$gift_code->diamond}}" class="form-control"
                                           min="1" required="required">
                                </div>
                            </div>

                            <div class="form-group required">
                                {!! Form::label('member', 'MemberID', ['class' => 'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    <input id="member_id" type="number" name="member_id" value="{{$gift_code->member_id}}" min="0" class="form-control" required="required">
                                </div>
                            </div>

                            <div class="form-group required">
                                {!! Form::label('server', 'ServerID', ['class' => 'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    <input id="server_id" type="number" name="server_id" value="{{$gift_code->server_id}}" min="0" class="form-control" required="required">
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('items', 'Item(s)', ['class' => 'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    <div class="packageForm">
                                        <div>
                                            <a href="#" class="addItem">[Add]</a>
                                        </div>
                                        <div class="list-item">

                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- /.box-footer -->
                        <div class="box-footer">
                            <a href="{{action('GiftCodeController@index')}}" class="btn btn-default">Cancel</a>
                            <button type="submit" class="btn btn-info pull-right">Submit</button>
                        </div>

                        {!! Form::close() !!}
                    </div>
                    <!-- /.box-body -->
                </div>
            </div>
        </div>
    </section>
@stop

@push('js')
    <script type="text/x-handlebars-template" id="TemplateItem">
        <div class="item">
            <div class="head-item">
                <div class="left-item">
                    <a href="#" class="removeItem">[ - ]</a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="body-item">
                <div class="ItemInfo">
                    <ul>
                        <div>
                            <label>Item</label>
                            <input type="text" value="" name="item_name[]" required="required" style="margin-right: 40px"/>
                            <label>Quantity</label>
                            <input type="number" value="" name="item_num[]" required="required"/>
                        </div>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </script>


    <script type="text/javascript">

        $(document).ready(function(){

            function checkAmount(){
                var amount    = $('#amount').val();
                var member_id = $('#member_id').val();
                if(member_id == 0 && amount<50){
                    $('#amount').attr({
                        "min" : 50
                    });
                    alert("Amount more than 50!");
                }
            }

            $('#amount').change(function () {
                checkAmount();
            });

            $('#member_id').change(function () {
                checkAmount();
            })

            $(document).on('click', '.addItem', function(){
                var content = $('#TemplateItem').html();
                var $list = $('.list-item');
                $list.append(content);

                var height = $list[0].scrollHeight;
                $list.scrollTop(height);

                return false;
            });

            $(document).on('click', '.removeItem', function(){
                $(this).parent().parent().parent().remove();
                return false;
            });
        });
    </script>
@endpush