@extends ('backend.layouts.app')

@section ('title', __('reward::labels.backend.reward.management') . ' | ' . __('reward::labels.backend.reward.edit'))

@section('breadcrumb-links')
    @include('reward::includes.breadcrumb-links')
@endsection

@push('after-styles')
{{ style("assets/plugins/select2/css/select2.min.css") }}
{{ style("assets/plugins/select2/css/select2-bootstrap.min.css") }}
{{ style("assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css") }}
<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css">
@endpush

@section('content')
{{ html()->modelForm($reward, 'PATCH', route('admin.reward.update', $reward->id))->attribute('enctype', 'multipart/form-data')->class('form-horizontal')->open() }}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-sm-5">
                    <h4 class="card-title mb-0">
                        {{ __('reward::labels.backend.reward.management') }}
                        <small class="text-muted">{{ __('reward::labels.backend.reward.edit') }}</small>
                    </h4>
                </div><!--col-->
            </div><!--row-->

            <hr />

            <div class="row mt-4 mb-4">
                <div class="col">

                    <div class="form-group row">
                    {{ html()->label(__('reward::labels.backend.reward.table.client').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('client') }}

                        <div class="col-md-10">
                            {{ html()->select('client_id', $clients)
                                ->class('form-control js-data-client-ajax')
                                ->placeholder(__('reward::labels.backend.reward.table.client'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('reward::labels.backend.reward.table.name').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('name') }}

                        <div class="col-md-10">
                            {{ html()->text('name')
                                ->class('form-control')
                                ->placeholder(__('reward::labels.backend.reward.table.name'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('reward::labels.backend.reward.table.type').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('type') }}

                        <div class="col-md-10">
                            <select name="type" id="type" class="form-control">
                                @foreach($types as $key=>$value)
                                    <option value="{{$key}}" id="{{$key}}" name="type" {{ $reward->type == $key ? 'selected' : ''}}>{{$value}} </option>
                                @endforeach
                            </select>
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('reward::labels.backend.reward.table.value').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('value') }}

                        <div class="col-md-10">
                            {{ html()->text('value')
                                ->class('form-control')
                                ->placeholder(__('reward::labels.backend.reward.table.value'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('reward::labels.backend.reward.table.prefix_code'))->class('col-md-2 form-control-label')->for('prefix_code') }}

                        <div class="col-md-10">
                            {{ html()->text('prefix_code')
                                ->class('form-control')
                                ->placeholder(__('reward::labels.backend.reward.table.prefix_code'))
                                ->attribute('maxlength', 191) }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('reward::labels.backend.reward.table.redeem_points'))->class('col-md-2 form-control-label')->for('redeem_points') }}

                        <div class="col-md-10">
                            {{ html()->text('redeem_points')
                                ->class('form-control')
                                ->placeholder(__('reward::labels.backend.reward.table.redeem_points'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('reward::labels.backend.reward.table.description'))->class('col-md-2 form-control-label')->for('description') }}

                        <div class="col-md-10">
                            {{ html()->textarea('description')
                                ->class('form-control editor')
                                ->placeholder(__('reward::labels.backend.reward.table.description')) }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('reward::labels.backend.reward.table.from_validate'))->class('col-md-2 form-control-label')->for('from_validate') }}

                        <div class="col-md-10">
                            {{ html()->text('from_validate')
                                ->class('form-control date')
                                ->placeholder(__('reward::labels.backend.reward.table.from_validate'))
                                ->attribute('maxlength', 191)
                                ->readonly() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('reward::labels.backend.reward.table.to_validate'))->class('col-md-2 form-control-label')->for('to_validate') }}

                        <div class="col-md-10">
                            {{ html()->text('to_validate')
                                ->class('form-control date')
                                ->placeholder(__('reward::labels.backend.reward.table.to_validate'))
                                ->attribute('maxlength', 191)
                                ->readonly() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('reward::labels.backend.reward.table.image'))->class('col-md-2 form-control-label')->for('image') }}

                    <div class="col-md-10">
                        
                        {{ html()->file('image')->class('form-control')}}
                        @if($reward->image)
                            <img src="{{asset('uploads/'.$reward->image) }}" alt="" class="img-thumbnail" width="100px">
                        @endif
                            <h5>(Image size: 1920px-1080px)</h5>
                        </div><!--col-lg-10-->
                    </div><!--form control-->

                    <div class="form-group row">
                    {{ html()->label(__('reward::labels.backend.reward.table.available_quantity'))->class('col-md-2 form-control-label')->for('available_quantity') }}

                        <div class="col-md-10">
                            {{ html()->text('available_quantity')
                                ->class('form-control')
                                ->placeholder(__('reward::labels.backend.reward.table.available_quantity'))
                                ->attribute('maxlength', 191) }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                        {{ html()->label(__('reward::labels.backend.reward.table.active'))->class('col-md-2 form-control-label')->for('active') }}

                        <div class="col-md-10">
                            <label class="switch switch-3d switch-primary">
                                @if($reward->active)
                                {{ html()->checkbox('active', true)->class('switch-input') }}
                                @else
                                {{ html()->checkbox('active', false)->class('switch-input') }}
                                @endif
                                <span class="switch-label"></span>
                                <span class="switch-handle"></span>
                            </label>
                        </div><!--col-->
                    </div><!--form-group-->

                </div><!--col-->
            </div><!--row-->
        </div><!--card-body-->

        <div class="card-footer">
            <div class="row">
                <div class="col">
                    {{ form_cancel(route('admin.reward.index'), __('buttons.general.cancel')) }}
                </div><!--col-->

                <div class="col text-right">
                    {{ form_submit(__('buttons.general.crud.update')) }}
                </div><!--row-->
            </div><!--row-->
        </div><!--card-footer-->
    </div><!--card-->
{{ html()->closeModelForm() }}
@endsection

@push('after-scripts')
{{ script("assets/plugins/select2/js/select2.full.min.js") }}
{{ script("assets/plugins/select2/component/components-select2.js") }}
{{ script('assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js')}}
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>
<script>
    $(function () {

        $('.date').datepicker({
            format: 'yyyy-mm-dd',
            autoclose: true
        });

        $('.editor').summernote({
            height: 300,
            popover: {
                image: [],
                link: [],
                air: []
            },
        });

    });

</script>
@endpush