@extends('layouts.app')

<!-- Scripts -->
<!-- Main Content -->
@section('content')
    <!-- Your Settings Dashboard -->
    <!-- Main content -->
            <div class="row">
            @include('proedge.config.adminPanel')
            <div class="col-md-6">
                <div class="panel panel-success panel-border">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            <i class="livicon" data-name="doc-portrait" data-size="16" data-loop="true" data-c="#fff" data-hc="#fff"></i>CRM Module: Custom Fields
                        </h3>
                        {{-- <span class="pull-right">
                            <i class="glyphicon glyphicon-chevron-up showhide clickable"></i>
                            <i class="glyphicon glyphicon-remove removepanel clickable"></i>
                        </span> --}}
                    </div>
                    <div class="panel-body">
                        <div><span>Custom Fields are used to define data elements linked to opportunities. To define a custom field, complete the form below. To return to the field list, click the cancel link.</span></div>
                        <div class="right"><span><a href="{{route('config.custom_fields')}}" >Cancel</a></span></div>
                        <div>
                            <form action="{{route('config.custom_fields_update')}}" method="post" id="new_custom_field" data-parsley-validate>
                                {{ csrf_field() }}
                                <table class="table table-striped table-hover" id="">
                                    <tbody>
                                    <tr>
                                        <td>
                                            <label class="control-label">Field Category</label>
                                        </td>
                                        <td>
                                            <select class="form-control" name="CategoryID">
                                                @foreach($categories as $category)
                                                    <option selected  value="{{$category->id}}">{{$category->Name}}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="control-label">Field Name</label>
                                        </td>
                                        <td>
                                            <input class="form-control" type="text" id="FieldLabel" value="{{$customField->FieldLabel}}" name="FieldLabel"
                                            required
                                            data-parsley-required-message="Field Name is required" placeholder="Enter Field Name"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="control-label">Field Type</label>
                                        </td>
                                        <td>
                                            <select class="form-control" name="DataType">
                                                <option   value="Text">Text</option>
                                                <option  value="Int">Integer</option>
                                                <option  value="Bool">Yes/No</option>
                                                <option  value="Select">Select Box</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="control-label">Active</label>
                                        </td>
                                        <td>
                                            <select class="form-control" name="Status">
                                                <option   value="1">Yes</option>
                                                <option  value="0">No</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                        <input type="hidden" name="customfieldid" value="{{$customField->id}}">
                                        </td>
                                        <td class="text-right">
                                            <button type="submit" class="btn btn-success" style="width: 23%;">Save</button>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    <script>
        $(document).ready(function(){
            $('#new_custom_field').parsley();
        });
    </script>
@endsection