@extends('backend.layouts.app')
@section('title', 'Poll Create - e4m')
@section('content')
    <div class="box box-info">
        <div class="box-header with-border">
            <h3 class="box-title">Poll Create</h3>
        </div>
        <div class="box-body">
            <form name="frmaddpoll"
                action="{{ isset($article_data[0]) ? url('admin/polls/' . $article_data[0]->id) : url('admin/polls') }}"
                method="post" class="form-horizontal">
                @csrf
                @if (isset($article_data[0]))
                    @method('PUT')
                @endif
                @if (Session::has('alertmessage'))
                    <div class="alert {{ Session::get('alert-class') }}">
                        {!! Form::button('X', ['class' => 'close', 'data-dismiss' => 'alert']) !!}
                        {!! Form::label('msg', Session::get('alertmessage'), ['class' => 'label']) !!}
                    </div>
                @endif
                <input type="hidden" name="poll_id" id="poll_id" value="{{ $article_data[0]->id ?? '' }}" />
                <div class="form-group">
                    <label for="Hyperlink" class="col-lg-2 control-label required">Hyperlink to story</label>
                    <div class="col-lg-10">
                        {!! html()->text('Hyperlink', $article_data[0]->Hyperlink ?? old('Hyperlink'))->class('form-control box-size') !!}

                        @if ($errors->has('Hyperlink'))
                            <span class="help-error"><strong>{{ $errors->first('Hyperlink') }}</strong></span>
                        @endif
                    </div>
                </div>

                <div class="form-group">
                    <label for="title" class="col-lg-2 control-label required">Poll Title</label>
                    <div class="col-lg-10">
                        {!! Html::text('title', $article_data[0]->title ?? old('title'))->class('form-control box-size') !!}

                        @if ($errors->has('title'))
                            <span class="help-error"><strong>{{ $errors->first('title') }}</strong></span>
                        @endif
                    </div>
                </div>

                <div class="form-group">
                    <label for="question" class="col-lg-2 control-label required">Poll Question</label>
                    <div class="col-lg-10">
                        {!! Html::text('question', $article_data[0]->question ?? old('question'))->class('form-control box-size') !!}
                        @if ($errors->has('question'))
                            <span class="help-error"><strong>{{ $errors->first('question') }}</strong></span>
                        @endif
                    </div>
                </div>

                <div class="form-group input_fields_wrap">
                    <label for="answer" class="col-lg-2 control-label">Answers</label>
                    <div class="col-lg-10">
                        @if (count($answer) > 0)
                            @foreach ($answer as $key)
                                {!! html()->text("answer[$key->id]", $key->answer)->class('form-control box-size') !!}
                                <a href="{{ url('/polls/answer/' . $key->id . '/remove') }}">Remove</a>
                            @endforeach
                        @else
                            {!! Html::input('text', 'answer[]', old('answer'))->class('form-control box-size') !!}

                        @endif
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-lg-10 col-lg-offset-2">
                        <input type="button" value="Add More Answer" class="btn btn-primary btn-flat add_field_button" />
                        <button type="submit"
                            class="btn btn-primary btn-flat">{{ isset($article_data[0]) ? 'Update' : 'Save' }}</button>
                        <a class="btn btn-primary btn-md btn-flat"
                            onclick="window.location='{{ url('/admin/polls') }}'">Cancel</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <script>
        jQuery(document).ready(function() {
            var max_fields = 20; // maximum input boxes allowed
            var wrapper = $(".input_fields_wrap"); // Fields wrapper
            var add_button = $(".add_field_button"); // Add button ID

            var x = {{ count($answer) }}; // initial text box count

            $(add_button).click(function(e) { // on add input button click
                e.preventDefault();
                if (x < max_fields) { // max input box allowedsss
                    x++; // text box increment
                    $(wrapper).append(
                        '<div class="form-group"><label for="answer" class="col-lg-2 control-label"></label> <div class="col-lg-10"><input type="text" placeholder="More Answer" name="answer[]" id="answer[]" class="form-control box-size"><a href="#" class="remove_field">Remove</a></div></div>'
                    ); // add input boxsssas
                }
            });

            $(wrapper).on("click", ".remove_field", function(e) { // user click on remove text
                e.preventDefault();
                $(this).parent('div').remove();
                x--;
            });
        });
    </script>
@endsection