@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/' . $platform->id . '/rules') }}" class="btn btn-primary font-weight-bolder">Back</a>
            </div>
        </div>
        <form action="{{ url('/admin/campaign-analyzer/platform/' . $platform->id . '/rules') }}" method="POST">
            @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="{{ old('title') }}" class="form-control"/>
                </div>
                <h2>Metrics</h2>
                @foreach($platform->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_{{$key}}[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_{{$key}}[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_{{$key}}[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_{{$key}}[first_num]" class="form-control"/>
                            </div>
                            <div class="form-group col-1">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$key}}[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_{{$key}}[second_num]" value="value" class="form-control"/>
                            </div>
                            <div class="form-group col-1">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$key}}[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_{{$key}}[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_{{$key}}[first_num]" class="form-control"/>
                            </div>
                            <div class="form-group col-1">
                                <label>Operator</label>
                                <select class="form-control" name="value_{{$key}}[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_{{$key}}[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_{{$key}}[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_{{$key}}[third_num]" class="form-control"/>
                            </div>
                        </div>
                    @endif
                    <div class="col-12 mt-2 mb-5">
                        <div class="separator separator-dashed"></div>
                    </div>
                @endforeach
                <div class="form-group">
                    <label>Message<span class="text-danger">*</span></label>
                    <textarea required class="summernote" name="message">{{ old('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/' . $platform->id . '/rules') }}" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
@endsection
@section('scripts')
    <script type="text/javascript">
        jQuery(document).ready(function() {
            $('.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