@extends('layout.default')
@section('styles')
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
@endsection
@section('content')
    <div class="card card-custom">
        <div class="card-header">
            <div class="card-title">
                <h3 class="card-label">Rules | <span style="color: green">create</span></h3>
            </div>
            <div class="card-toolbar">
                <a href="{{ url('/admin/campaign-analyzer/platform/' . $rule->platform->id . '/rules') }}" class="btn btn-primary font-weight-bolder">Back</a>
            </div>
        </div>
        <form action="{{ url('/admin/campaign-analyzer/platform/' . $rule->platform->id . '/rules/' . $rule->id) }}" method="POST">
            @method('PUT')
            @csrf
            <div class="card-body">
                @if ($errors->any())
                    <div class="form-group mb-8">
                        <div class="alert alert-custom alert-default" role="alert">
                            <div class="alert-icon"><i class="flaticon-warning text-primary"></i></div>
                            <div class="alert-t">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                @endif
                <div class="form-group">
                    <label>Title<span class="text-danger">*</span></label>
                    <input required type="text" name="title" value="{{ $rule->title }}" class="form-control"/>
                </div>
                <h2>Metrics</h2>
                @foreach($rule->metrics as $key=>$metric)
                    <h4 class="mt-5 bt-12">{{ $key+1 }}. {{ $metric->title }}</h4>
                    <p class="mt-5 mb-10">{{ $metric->description }}</p>
                    <input type="hidden" name="value_{{$metric->id}}[metric_id]" value="{{ $metric->id }}">
                    @if($metric->type == 'Dropdown')
                        <div class="form-group row">
                            <div class="form-group col-2">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$metric->id}}[operator]">
                                    <option value=""></option>
                                    @foreach($operators as $operator)
                                        <option {{ $operator->value == explode(',', $metric->pivot->if_condition)[1] ? 'selected' : '' }} value="{{ $operator->value }}">{{$operator->value}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-10">
                                <label>Dropdown Value</label>
                                <select class="form-control" name="value_{{$metric->id}}[dropdown_value]">
                                    <option value=""></option>
                                    @foreach($metric->type_values as $type_value)
                                        <option  {{ $type_value == explode(',', $metric->pivot->if_condition)[2] ? 'selected' : '' }} value="{{ $type_value }}">{{$type_value}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    @elseif($metric->type == 'Numeric')
                        <div class="form-group row">
                            <div class="form-group col-3">
                                <label>Value</label>
                                <input type="text" name="value_{{$metric->id}}[first_num]" value="{{ explode(',', $metric->pivot->if_condition)[0] }}" class="form-control"/>
                            </div>
                            <div class="form-group col-1">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$metric->id}}[first_operator]">
                                    @foreach($operators as $operator)
                                        <option {{ $operator->value == explode(',', $metric->pivot->if_condition)[1] ? 'selected' : '' }} value="{{ $operator->value }}">{{$operator->value}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-3">
                                <label>Variable</label>
                                <input readonly type="text" name="value_{{$metric->id}}[second_num]" value="value" class="form-control"/>
                            </div>
                            <div class="form-group col-1">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$metric->id}}[second_operator]">
                                    <option value=""></option>
                                    @foreach($operators as $operator)
                                        <option {{ (isset(explode(',', $metric->pivot->if_condition)[3])) && ($operator->value == explode(',', $metric->pivot->if_condition)[3]) ? 'selected' : '' }} value="{{ $operator->value }}">{{$operator->value}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-3">
                                <label>Value</label>
                                <input type="text" name=value_{{$metric->id}}[third_num]" value="{{ isset(explode(',', $metric->pivot->if_condition)[4]) ? explode(',', $metric->pivot->if_condition)[4] : '' }}" class="form-control"/>
                            </div>
                        </div>
                    @else
                        <div class="form-group row">
                            <div class="form-group col-3">
                                <label>Value</label>
                                <input type="text" name="value_{{$metric->id}}[first_num]" value="{{ explode(',', $metric->pivot->if_condition)[0] }}" class="form-control"/>
                            </div>
                            <div class="form-group col-1">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$metric->id}}[first_operator]">
                                    @foreach($operators as $operator)
                                        <option {{ $operator->value == explode(',', $metric->pivot->if_condition)[1] ? 'selected' : '' }} value="{{ $operator->value }}">{{$operator->value}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-3">
                                <label>Variable</label>
                                <input readonly type="text" name="value_{{$metric->id}}[second_num]" value="{{ $metric->type_values }}" class="form-control"/>
                            </div>
                            <div class="form-group col-1">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$metric->id}}[second_operator]">
                                    <option value=""></option>
                                    @foreach($operators as $operator)
                                        <option {{ (isset(explode(',', $metric->pivot->if_condition)[3])) && ($operator->value == explode(',', $metric->pivot->if_condition)[3]) ? 'selected' : '' }} value="{{ $operator->value }}">{{$operator->value}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-3">
                                <label>Value</label>
                                <input type="text" name=value_{{$metric->id}}[third_num]" value="{{ isset(explode(',', $metric->pivot->if_condition)[4]) ? explode(',', $metric->pivot->if_condition)[4] : '' }}" class="form-control"/>
                            </div>
                        </div>
                    @endif
                    <div class="col-12 mt-2 mb-5">
                        <div class="separator separator-dashed"></div>
                    </div>
                @endforeach
                @if($rule->platform->metrics->pluck('id') != $rule->metrics->pluck('id'))
                    @php
                        $array = [];
                        foreach($rule->platform->metrics->pluck('id')->diff($rule->metrics->pluck('id')) as $a) {
                            array_push($array, $a);
                        }
                    @endphp
                    @foreach($platform->metrics->whereIn('id', $array) as $key=>$metric)
                    <h4 class="mt-5 bt-12">{{ $key + $rule->metrics->count() }}. {{ $metric->title }}</h4>
                    <p class="mt-5 mb-10">{{ $metric->description }}</p>
                    <input type="hidden" name="value_{{$metric->id}}[metric_id]" value="{{ $metric->id }}">
                    @if($metric->type == 'Dropdown')
                        <div class="form-group row">
                            <div class="form-group col-2">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$metric->id}}[operator]">
                                    <option value=""></option>
                                    @foreach($operators as $operator)
                                        <option value="{{ $operator->value }}">{{$operator->value}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-10">
                                <label>Dropdown Value</label>
                                <select class="form-control" name="value_{{$metric->id}}[dropdown_value]">
                                    <option value="">Click to Select</option>
                                    @foreach($metric->type_values as $type_value)
                                        <option value="{{ $type_value }}">{{$type_value}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    @elseif($metric->type == 'Numeric')
                        <div class="form-group row">
                            <div class="form-group col-3">
                                <label>Value</label>
                                <input type="text" name="value_{{$metric->id}}[first_num]" class="form-control"/>
                            </div>
                            <div class="form-group col-1">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$metric->id}}[first_operator]">
                                    <option value=""></option>
                                    @foreach($operators as $operator)
                                        <option value="{{ $operator->value }}">{{$operator->value}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-3">
                                <label>Variable</label>
                                <input readonly type="text" name="value_{{$metric->id}}[second_num]" value="value" class="form-control"/>
                            </div>
                            <div class="form-group col-1">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$metric->id}}[second_operator]">
                                    <option value=""></option>
                                    @foreach($operators as $operator)
                                        <option value="{{ $operator->value }}">{{$operator->value}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-3">
                                <label>Value</label>
                                <input type="text" name=value_{{$metric->id}}[third_num]" class="form-control"/>
                            </div>
                        </div>
                    @else
                        <div class="form-group row">
                            <div class="form-group col-3">
                                <label>Value</label>
                                <input type="text" name="value_{{$metric->id}}[first_num]" class="form-control"/>
                            </div>
                            <div class="form-group col-1">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$metric->id}}[first_operator]">
                                    <option value=""></option>
                                    @foreach($operators as $operator)
                                        <option value="{{ $operator->value }}">{{$operator->value}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-3">
                                <label>Variable</label>
                                <input readonly type="text" name="value_{{$metric->id}}[second_num]" value="{{ $metric->type_values }}" class="form-control"/>
                            </div>
                            <div class="form-group col-1">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$metric->id}}[second_operator]">
                                    <option value=""></option>
                                    @foreach($operators as $operator)
                                        <option value="{{ $operator->value }}">{{$operator->value}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-3">
                                <label>Value</label>
                                <input type="text" name=value_{{$metric->id}}[third_num]" class="form-control"/>
                            </div>
                        </div>
                    @endif
                    @endforeach
                @endif
                <div class="form-group">
                    <label>Message<span class="text-danger">*</span></label>
                    <textarea required class="summernote" name="message">{!! $rule->message !!}</textarea>
                </div>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-primary mr-2">Send</button>
                <a href="{{ url('/admin/campaign-analyzer/platform/' . $rule->platform->id . '/rules') }}" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
@endsection
@section('scripts')
    <script type="text/javascript">
        jQuery(document).ready(function() {
            if($('input[type=radio][name=type]:checked').val() == 'Dropdown') {
                $('.hide-show').css('display', 'block');
            }

            $('#kt_repeater_1').repeater({
                initEmpty: false,

                defaultValues: {
                    'text-input': 'foo'
                },

                show: function () {
                    $(this).slideDown();
                },

                hide: function (deleteElement) {
                    $(this).slideUp(deleteElement);
                }
            });
            $('.summernote').summernote({
                height: 200,
                fontSizes: ['15', '18', '20', '24'],
                fontNames: ['rawline', 'Arial', 'Arial Black'],
                toolbar: [
                    ['font',  ['bold', 'italic', 'underline', 'clear']],
                    ['fontsize', ['fontsize']],
                    ['fontname', ['fontname']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']],
                    ['insert', ['link']],
                ]
            });
            $('.select2').select2();

        });
    </script>
@endsection