@extends('layout.master')
@section('title', 'Edit Field')
@section('add-fields', 'active')
@section('newCase', 'active')
@section('levelCSS')
    <link rel="stylesheet" href="{{asset('vendors/select2/select2.min.css')}}">
    <link rel="stylesheet" href="{{asset('vendors/select2-bootstrap-theme/select2-bootstrap.min.css')}}">
@endsection

@section('body')

    <div class="col-md-12">
        <div class="tab-content tab-transparent-content pb-0">
            <div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview-tab">
                @foreach ($info as $inf)
                <form action="{{route('/field/submit-edit')}}" method="post" id="fieldForm">

                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="form-group">
                                    <label class="col-sm-6">Field Name</label>
                                    <div class="col-sm-6">
                                        <input type="hidden" name="relative" value="questions">
                                        <input type="hidden" name="id" value="{{$inf->id}}">
                                        <input name="description" type="text" class="form-control" value="{{$inf->description}}" required="required" id="description">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-6">Field Text</label>
                                    <div class="col-sm-6">
                                        <input name="label" type="text" class="form-control" value="{{$inf->label}}" required="required" id="label">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-6">Field Description</label>
                                    <div class="col-sm-6">
                                        <input name="label_description" type="text" value="{{$inf->label_description}}" class="form-control" id="label">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-6">Risk Type</label>
                                    <div class="col-sm-6">
                                        <select name="risk_type" class="form-control" id="risk_type" required="required">
                                            <option value=""></option>
                                            <option value="major" {{"major" == $inf->risk_type  ? 'selected' : ''}}>Major</option>
                                            <option value="main" {{"main" == $inf->risk_type  ? 'selected' : ''}}>Main</option>
                                            <option value="minor" {{"minor" == $inf->risk_type  ? 'selected' : ''}}>Minor</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-6">Type</label>
                                    <div class="col-sm-6">
                                        <select name="type" class="form-control" id="type" required="required">
                                            <option value=""></option>
                                            <option value="text" {{"text" == $inf->type  ? 'selected' : ''}}>Free Text</option>
                                            <option value="textarea" {{"textarea" == $inf->type  ? 'selected' : ''}}>Free Text (multiple lines)</option>
                                            <option value="single" {{"single" == $inf->type  ? 'selected' : ''}}>Single Select Option</option>
                                            <option value="multiple" {{"multiple" == $inf->type  ? 'selected' : ''}}>Multiple Select Options</option>
                                            <option value="radio" {{"radio" == $inf->type  ? 'selected' : ''}}>Single Radio Option</option>
                                            <option value="checkbox" {{"checkbox" == $inf->type  ? 'selected' : ''}}>Multiple Checkbox Options</option>
                                            <option value="hidden" {{"hidden" == $inf->type  ? 'selected' : ''}}>Hidden</option>
                                            <option value="date" {{"date" == $inf->type  ? 'selected' : ''}}>Date</option></select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-6">Default Value</label>
                                    <div class="col-sm-6">
                                        <input name="value" type="text" class="form-control" value="{{$inf->value}}" id="value">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-sm-4">
                                        <label class="control-label pull-right">Applicable options</label>
                                    </div>
                                    <div class="col-sm-8">
                                        <div class="table-responsive" id="children">
                                            <table class="table">
                                                <thead>
                                                <tr>
                                                    <td width="45%">Values</td>
                                                    <td width="50%" class="center">(optional explanation)</td>
                                                    <td width="5%" class="center"></td>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($inf->children as $key => $childr)
                                                        <tr>
                                                            <td>
                                                                <input required name="children[{{$key}}][text]" type="text" class="form-control main-text" value="{{$childr['text']}}" id="sign___index__">
                                                            </td>
                                                            <td>
                                                                <input name="children[{{$key}}][detail]" type="text" class="form-control main-text" value="{{$childr['detail']}}">
                                                            </td>
                                                            <td>
					<a title=&quot;Remove line&quot;class=&quot;delete-row&quot; href=&quot;javascript:;&quot; ><i class=&quot; fa fa-trash&quot;></i></a></td></tr>
                                                @endforeach
                                                <tr id="addcurrbutton">
                                                    <td colspan="2"></td>
                                                    <td><button class="btn btn-default pull-right mb10" onclick="return add_children()">+</button></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                            <input type="hidden" id="children_counter" name="children_counter" value="{{count($inf->children)}}">

                                            <span id="children_template" data-template="<tr><td><input required name=&quot;children[__index__][text]&quot; type=&quot;text&quot; class=&quot;form-control main-text&quot; value=&quot;&quot; id=&quot;sign___index__&quot;></td><td><input name=&quot;children[__index__][detail]&quot; type=&quot;text&quot; class=&quot;form-control main-text&quot; value=&quot;&quot;></td><td>
					<a title=&quot;Remove line&quot;class=&quot;delete-row&quot; href=&quot;javascript:;&quot; ><i class=&quot; fa fa-trash&quot;></i></a></td></tr>"></span>

                                        </div>

                                    </div>
                                </div>

                                {{ csrf_field() }}
                                <input type="hidden" name="last_updated_by" value="{{currentUser()->id}}">

                                <div class="form-group">
                                    <button class="btn btn-md btn-primary" type="submit">EDIT INFORMATION</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                @endforeach
            </div>
        </div>
    </div>

@endsection

@section('levelJS')
    <script src="{{asset('vendors/select2/select2.min.js')}}"></script>
    <script !src="">

        //<!--
        function add_children() {
            currentCount = parseInt($("#children_counter").val(), 10) + 1;
            var template = $("#children > span").data("template");
            template = template.replace(/__index__/g, currentCount);
            $("#children > table > tbody tr#addcurrbutton").before(template);
            $("#children_counter").val(currentCount);
            return false;
        }
        //-->
    </script>


@endsection