@extends('layout.header')
@section('title')
Content Management
@endsection
<!--@section('maintitle')
Bid-Project
@endsection-->
@section('main')

<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-sm-flex align-items-center subheader_border_bottom">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Add New Content
                </h3>
                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="#" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">
                                Content Management
                            </span>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">
                                Add New Content
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- END: Sub header -->
    <!-- START :: main Content-->
    <form id="myform" name="myform" action="content_management_edit" method="post">
        <div class="m-content Add-New-Store">
            <div class="m-portlet m-portlet--mobile margin_bottom_60">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <h3 class="m-portlet__head-text">
                                Add New Content
                            </h3>
                        </div>
                    </div>
                    <div class="">
                        <li class="m-portlet__nav-item">
                            <a href="#" class="new_order_btn upcancel" id="cancel_a">
                                <span>
                                    <span>
                                        Cancel
                                    </span>
                                </span>
                            </a>
                        </li>
                        <li class="m-portlet__nav-item" >
                            <a href="#" id="register" class="updaterecord new_order_btn"  onclick="validate_field()" >
                                <span>
                                    <i class="fa fa-check"></i>
                                    <span>
                                        Save
                                    </span>
                                </span>
                            </a>
                        </li>

                    </div>
                </div>




                <!-- Admin-Add_store From-->
                <div class="m-portlet__body">

                    @csrf
                    <div class="container">
                        <div class="login-details">
                            <h4>Content Information</h4>
                        </div>   
                        <input type="hidden" id="ids" name="ids" value="{{$DataForEdit->id}}"/>
                        <div class="form-group row">
                            <label for="Technology" class="col-sm-3  col-form-label">*Technology</label>
                            <div class="col-sm-9 ">
                                <select id="technology" name="technology" class="form-control">
                                    <option value="{{ $DataForEdit->technology_id }}" />{{ $DataForEdit->tech_name }}</option>
                                    @foreach ($technology_id as $tech)

                                    <option value="{{ $tech->tech_id }}" />{{ $tech->technology_name }}</option>
                                    @endforeach

                                </select>

                            </div>

                        </div>

                        <div class="form-group row">

                            <label for="Sub Technology" class="col-sm-3  col-form-label">*SubTechnology</label>


                            <div class="col-lg-9">
                                <select id="sub_technology" name="sub_technology" class="form-control">
                                    <option value="{{ $DataForEdit->sub_technology_id }}" />{{ $DataForEdit->sub_tech_name }}</option>
                                    @foreach ($subtechnology_id as $sub_tech)

                                    <option value="{{ $sub_tech->id }}" />{{ $sub_tech->title }}</option>
                                    @endforeach
                                </select>
                                <div class="col-lg-3">
                                    <button type="button" class="btn btn-primary darkblue_btn add_new_tech" data-toggle="modal" data-target="#technology_modal">+</button>
                                </div>


                            </div>


                        </div>
                        
                        
                           <div class="form-group row">
                            <label for="tags" class="col-sm-3  col-form-label">*Tags:</label>
                            <div class="col-lg-9">
                                <input type="text" class="form-control" id="tags" name="tags" value="{{ $DataForEdit->tags }}" autocomplete="off" placeholder="Please Enter Tags ">
                                <label><span id="tagsresult"></span></label>
                            </div>
                        </div>
                     
                        <div class="form-group row">
                            
                            <label class="col-sm-3  col-form-label">*Content</label>
                            <div class="col-lg-9">
                                <div id="summernote" name="summernote">{!!html_entity_decode($DataForEdit->content)!!}</div>
                                <div class="col-xs-12 text-right">
                                   <span id="editor_result"></span>
                                  </div>
                            </div>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
            <!-- Admin-Add_store From End-->
            <!-- END EXAMPLE TABLE PORTLET-->
        </div>
    </form>
    <!-- END :: main Content-->
</div>
<div id="technology_modal" class="modal fade bid_add_technology" role="dialog">
    <div class="modal-dialog modal-dialog-centered">

        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Add New Sub Technology</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <form action="SaveTechnology" method="post" id="SaveTechnology">
                @csrf
                <input type="hidden" name="hdn_user_id" value="" id="hdn_user_id">
                <div class="modal-body">
                    <div class="form-group techName"> 
                        <label for="tech_name">Sub Technology Name<span class="required">*</span></label>
                        <input type="text" name="sub_tech_name" id="sub_tech_name" maxlength="50">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success" data-dismiss="" id="SaveNewTech">Save</button>
                    <button type="reset" class="btn btn-default CancelAddClientTech" data-dismiss="modal" onClick="this.form.reset()">Cancel</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script>
                        var APP_URL = {!! json_encode(url('/')) !!};
                        $(document).ready(function() {
                            $('#summernote').summernote({ height: 200});
                                    $('.note-codable').attr('name', 'body').html('{{old('body')}}');
                        });



                        $('.updaterecord').on('click', function(e) {

                            debugger;
                            e.preventDefault();
                            $('.success').empty();
                            $('.error').remove();
                            var technology_name = $('#technology').val().trim();
                            var subtechnology = $('#sub_technology').val().trim();
                            var tags = $('#tags').val().trim();
                            var content = $("#summernote").code();
                            var maxeditor=$("#summernote").code().replace(/<\/?[^>]+(>|$)/g, "");
                            var edittextlength=maxeditor.length;
                            var id = $('#ids').val();
                              if(content=='' || content=='<p><br></p>'){
                                    $('#editor_result').html('<span class="text-danger"> Please Enter Text In Editor</span>');

                                }
                                else if(edittextlength>5000)
                                {
                                     $('#editor_result').html('<span class="text-danger">Text Not More than <b>5000</b></span>');
                                }
                            else {
                                  var _token= jQuery('input[name="_token"]').val();
                                $.ajax({
                                    url: APP_URL + '/updaterecord',
                                     headers: {
        'X-CSRF-TOKEN': _token
    },
                                    type: 'POST',
                                    dataType: 'html',
                                    data: {'_token':_token,'technology_name': technology_name, 'subtechnology': subtechnology,'tags':tags, 'content': content, 'id': id},
                                    success: function(res) {
//                    debugger;
                                        location.href = APP_URL + "/content_list";
                                    },
                                  

                                });
                            }

                        });
                        $('#SaveNewTech').on('click', function(e) {

                            debugger;
                            e.preventDefault();
                            $('.success').empty();
                            $('.error').remove();
                            var tname = $('#sub_tech_name').val().trim();

                            if (tname == "")
                            {
                                $('#sub_tech_name').after('<span class="error" style="color:red">Please Enter Technology Name</span>');
                                return false;
                            }
                            else
                            {

                                $.ajax({
                                    url: APP_URL + '/savesubtech',
                                    type: 'GET',
                                    dataType: 'json',
                                    data: {'tech': tname},
                                    success: function(res) {
//                    debugger;
                                        if (res == 0)
                                        {
                                            $('#sub_tech_name').after('<span class="error" style="color:red">Technology Already Exists</span>');
                                            return false;
                                        }
                                        else if (res == -1)
                                        {
                                            location.reload();
                                        }
                                        else
                                        {
                                            $('.error').remove();
                                            $('#sub_tech_name').val('');
//                        $('.dropdown-menu.inner').append('<li data-original-index="'+res+'"><a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"><span class="text">' + tname + '</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>');
//                        $('#technology').append('<option value="' + res + '">' + tname + '</option>')
                                            $('.modal-footer').after('<span class="success" style="color:green">Sub Technology added successfully</span>');
                                            $('#technology_modal').modal('hide');
                                            $('.success').empty();
                                            location.reload();
                                        }
                                    },
                                    error: function() {
                                        alert("Something went wrong");
                                    }

                                });
                            }
                        });
                         $('#cancel_a').on('click', function(e) {
                         //alert("helolo");
                            location.href = APP_URL + "/content_list";
                         });
</script>


@stop