@extends('admin.layout')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <!-- DATA TABLE -->
                <div class="card">
                    <form class="form-horizontal" action="save-affiliate-limit" method="post" enctype="multipart/form-data">
                        {{ csrf_field() }}
{{--                        <div class="card-header">--}}
{{--                            <strong>Thêm banner</strong>--}}
{{--                        </div>--}}
                        <div class="card-body card-block">
                            <div class="row form-group">
                                @php $field = 'user_id'; $mess = 'Tài khoản' @endphp
                                <div class="col col-md-3">
                                    <label for="text-input" class=" form-control-label">{{$mess}}<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <div class="rs-select2--dark rs-select2--md rs-select2--dark2 w-100">
                                        <select class="js-select2"
                                                name="user_id"
                                                id="select_tasker">
                                            @if(isset($user))
                                                <option value="{{$user->id}}" selected>
                                                    {{$user->name . ' - ' . $user->email}}
                                                </option>
                                            @elseif(old($field) == \App\Models\AffiliateLimit::USER_ID_FOR_ALL || ($model && $model->user_id == \App\Models\AffiliateLimit::USER_ID_FOR_ALL))
                                                <option value="{{\App\Models\AffiliateLimit::USER_ID_FOR_ALL}}" selected>
                                                    Dành cho tất cả user
                                                </option>
                                            @endif
                                        </select>
                                        <div class="dropDownSelect2"></div>
                                    </div>

{{--                                    <input type="text" name="{{$field}}" placeholder="{{$mess}}"--}}
{{--                                           value="{{old($field) ? old($field) : ($model ? $model[$field] : '')}}"--}}
{{--                                           class="form-control @if($errors->has($field))is-invalid @endif">--}}
                                    @if($errors->has($field))
                                        <small class="text-danger">{{$errors->first($field)}}</small>
                                    @endif
                                </div>
                            </div>
                            <div class="row form-group">
                                @php $field = 'limit_type'; $mess = 'Kiểu giới hạn' @endphp
                                <div class="col col-md-3">
                                    <label for="text-input" class=" form-control-label">{{$mess}}<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    @php
                                        $oldVal = old($field);
                                        if (!$oldVal && isset($model)) {
                                            $oldVal = $model[$field];
                                        }
                                    @endphp
                                    <select name="{{$field}}" class="form-control @if($errors->has($field)) is-invalid @endif">
                                        <option value="{{\App\Models\AffiliateLimit::TYPE_DAY}}" @if($oldVal == \App\Models\AffiliateLimit::TYPE_DAY) selected @endif
                                        >Theo ngày</option>
                                        <option value="{{\App\Models\AffiliateLimit::TYPE_TIMES}}" @if($oldVal == \App\Models\AffiliateLimit::TYPE_TIMES) selected @endif
                                        >Theo lần sử dụng</option>
                                    </select>
                                    @if($errors->has($field))
                                        <small class="text-danger">{{$errors->first($field)}}</small>
                                    @endif
                                </div>
                            </div>
                            <div class="row form-group">
                                @php $field = 'limit_value'; $mess = 'Giá trị giới hạn' @endphp
                                <div class="col col-md-3">
                                    <label for="text-input" class=" form-control-label">{{$mess}}<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    @php
                                        $oldVal = old($field);
                                        if (!$oldVal && isset($model))
                                            $oldVal = $model[$field];
                                    @endphp
                                    <input type="number" min="0"
                                           name="{{$field}}"
                                           placeholder="{{$mess}}"
                                           value="{{$oldVal}}"
                                           class="form-control @if($errors->has($field))is-invalid @endif">
                                    @if($errors->has($field))
                                        <small class="text-danger">{{$errors->first($field)}}</small>
                                    @endif
                                </div>
                            </div>

                            @if(old('status') || isset($model))
                                <div class="row form-group">
                                    @php $field = 'status'; $mess = 'Trạng thái' @endphp
                                    <div class="col col-md-3">
                                        <label for="text-input" class=" form-control-label">{{$mess}}<em class="red-color">*</em></label>
                                    </div>
                                    <div class="col-12 col-md-9">
                                        @php
                                            $oldVal = old($field);
                                            if (!$oldVal && isset($model))
                                                $oldVal = $model[$field];
                                        @endphp
                                        <select class="form-control" name="status">
                                            <option value="{{\App\Models\AffiliateLimit::STATUS_ACTIVE}}"
                                                    @if($oldVal == \App\Models\AffiliateLimit::STATUS_ACTIVE) selected @endif
                                            >
                                                Kích hoạt
                                            </option>
                                            <option value="{{\App\Models\AffiliateLimit::STATUS_INACTIVE}}"
                                                    @if($oldVal == \App\Models\AffiliateLimit::STATUS_INACTIVE) selected @endif
                                            >Không kích hoạt</option>
                                        </select>
                                    </div>
                                </div>
                            @endif


                        </div>

                        <div class="card-footer text-right">
                            <button type="submit" class="btn btn-primary btn-sm">
                                <i class="fa fa-dot-circle-o"></i> Submit
                            </button>
                            <button type="reset" class="btn btn-danger btn-sm">
                                <i class="fa fa-ban"></i> Reset
                            </button>
                        </div>
                    </form>
                </div>
                <!-- END DATA TABLE -->
            </div>
        </div>
    </div>
@endsection

@section('extra-js')
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery('#select_tasker').select2({
                ajax: {
                    url: BASE_URL + 'users-data',
                    data: function (params) {
                        return {
                            search: params.term,
                            search_tasker: true
                        };
                    },
                    placeholder: 'Chọn người dùng...',
                    delay: 500,
                    processResults: function (data) {
                        return {
                            results: data.users.map(function (item) {
                                return {
                                    id: item.id,
                                    text: item.name + ' - ' + item.email
                                }
                            })
                        };
                    }
                }
            });
        })
    </script>
@endsection