@extends('layouts.master')
@section('page_title', 'Edit Intake Question')
@section('content')
    <div class="container intake_section question">
        {{ Form::page_header("Edit Questions", "sourcedata") }}
        <div class="row grid-header">
            <div class="col-md-10 col-md-offset-1 no-left-pad">
                {{ Form::button_back() }}
            </div>
        </div>
        <div class="row">
            <div class="col-md-10 col-md-offset-1 grey-bg curve_container">
                <div class="source-with-image-wrapper form-box">
                    {!! Form::open(['url' => action('SuperAdminSourceDataController@post_edit_intake_question', compact('section', 'question'))]) !!}
                    <div class="row" id="move-left">
                        <div class="col-md-12">
                            {{ Form::label_styled('Section', 'source-data-label', \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                        </div>
                    </div>
                    <div class="row" id="move-left">
                        <div class="col-md-7">
                            {{ Form::select_ex('intake_section', $section->intake_section, $sections, 6) }}
                        </div>
                    </div>
                    <div class="row" id="move-left">
                        <div class="col-md-12">
                            {{ Form::label_styled('Question', 'source-data-label', \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                        </div>
                    </div>
                    <div class="row" id="move-left">
                        <div class="col-md-7">
                            {{--TODO Switch to bt Form Component--}}
                            {{ Form::textarea('question', $question->question, ['size' => '100x5', 'class' => 'form-margin-bottom textarea']) }}
                        </div>
                    </div>
                    <div class="row" id="move-left">
                        <div class="col-md-12">
                            {{ Form::label_styled('Notes', 'source-data-label', \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                        </div>
                    </div>
                    <div class="row" id="move-left">
                        <div class="col-md-6">
                            {{--TODO Switch to bt Form Component--}}
                            {{ Form::textarea('notes', $question->notes, ['size' => '100x5', 'class' => 'form-margin-bottom textarea']) }}
                        </div>
                    </div>
                </div>
                <div class="row form-button-grp" id="{{ $question->intake_question }}">
                    {{ Form::button_save('Update Question') }}
                    {{ Form::button_ex('Delete This Question', null, 'delete-question') }}
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection
@section('page_script')
    <script>
        $(function(){
            $('#delete-question').on('click', function(e){
                e.preventDefault();
                var qid = $('.form-button-grp').attr('id');
                showYesNoModalAlert('Delete Intake Section', 'Are you sure you want to delete this question?', 'delete_question('+qid+')');
            });
        });
        var delete_question = function(qid){
            $.ajax({
                url: '{!! action('SuperAdminSourceDataController@post_delete_intake_question', compact('section')) !!}',
                method: 'DELETE',
                data: {'question': qid},
                success: function(result) {
                    if (result.message == 'success') {
                        window.location.href = "{{ action('SuperAdminSourceDataController@edit_intake_section', compact('section')) }}";
                    }else{
                        console.log('something went wrong ',result);
                    }
                    $('#modal-alert').modal('hide');
                }
            });
        };
    </script>
@endsection
@section('page_style')
    <style>
        #move-left {
            margin-left: -14px;
        }
    </style>
@endsection