@extends('layouts.app')
@section('title', 'Edit Loyalty')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>Edit Loyalty</h1>
</section>

<!-- Main content -->
<section class="content">
  <div class="box">
    <div class="box-body">      
      {!! Form::open(['url' => action('LoyaltyController@update', [$loyalty->id]), 'method' => 'PUT', 'id' => 'update_loyalty']) !!}

      <div class="col-md-12">
        <div class="form-group">
            {!! Form::label('status', 'Loyalty Status' . ':*') !!}
            <input type="checkbox" class="input-icheck" name="status" id="status" {{($loyalty->status == 1 ? ' checked' : '') }}>
        </div>
    </div>
    

      <div class="col-md-12">
        <div class="form-group">
            <label for="category">Customer</label>
            <select class="js-loyalty-customer form-control" name="customer_id"  id="customer-dropdown-dd">
                <option value="" selected>Default</option>
                @foreach($customers as $customer)
                    <option value="{{$customer->id}}" {{ ($customer->id == $loyalty->customer_id) ? 'selected="selected"' : '' }}>{{$customer->name}}</option>
                @endforeach

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

    <!-- <div class="col-md-6">
        <div class="form-group">
            {!! Form::label('mobile', ' Mobile Number' . ':*') !!}
            {!! Form::text('mobile', $loyalty->mobile, ['class' => 'form-control', 'required', 'placeholder' => 'Mobile Number']) !!}
        </div>
    </div> -->
    <div class="col-md-6">
        <div class="form-group">
            {!! Form::label('type', __('Type') . ':*' ) !!}
            <div class="input-group">
                <span class="input-group-addon">
                    <i class="fa fa-info"></i>
                </span>
                {!! Form::select('type', ['fixed' => __('lang_v1.fixed'), 'percentage' => __('lang_v1.percentage')], $loyalty->type , ['class' => 'form-control','placeholder' => __('messages.please_select')]); !!}
            </div>
        </div>
    </div>
    <div class="col-md-6 amount-dive">
        <div class="form-group">
            {!! Form::label('amount', 'Amount' . ':*') !!}
            {!! Form::number('amount', $loyalty->amount, ['class' => 'form-control', 'placeholder' => 'Amount']) !!}
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            {!! Form::label('points', ' Points' . ':*') !!}
            {!! Form::number('points', $loyalty->points, ['class' => 'form-control', 'required', 'placeholder' => 'Loyalty Points']) !!}
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <button type="submit" class="btn btn-primary pull-right" id="update_loyalty_button">Update
                Loyalty</button>
        </div>
    </div>

        {!! Form::close() !!}
    </div>
  </div>

</section>
<!-- /.content -->
@endsection

@section('javascript')
    <script type="text/javascript">
        $( "#update_loyalty" ).validate({
        rules: {
            customer_id: {
            },
            mobile: {
                required: true,
                number: true,
                minlength: 10,
                maxlength: 10
            },
            points: {
                required: true,
                number: true,
            },
            expiryDate: {
                required: true,
            },
        }
    });
    $(document).on('change', 'select#customer-dropdown-dd', function(){
                // if($('select#customer-dropdown-dd option:selected').text() == 'Default')
                // {
                //     $('.amount-dive').show();
                // }
                // else
                // {
                //     $('.amount-dive').hide();
                // }
            })
    </script>

@endsection