@extends('admin.layouts.main')

@section('title')
@if($edit)
Edit Testimonial
@else
Add Testimonial
@endif

@endsection

@section('content')
<main>
    <div class="two-col">
        @include("admin.common.sidebar")
        <div class="right-sec">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('testimonials.cms') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        <a href="{{ route('admin.testimonial.indexPageLoad', ['panel' => Session::get('panel')]) }}">{{ @trans('testimonials.testimonials') }}</a>
                    </li>
                    @if($edit)
                        <li class="breadcrumb-item active" aria-current="page">{{ @trans('testimonials.edit_testimionial') }}</li>
                    @else
                        <li class="breadcrumb-item active" aria-current="page">{{ @trans('testimonials.add_testimionial') }}</li>
                    @endif
                </ol>
            </nav>
            <div class="form-sec">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
                            <div class="step-box">
                                <form autofill="false" method="post" action="{{ route('admin.testimonial.storeTestimonial', ['panel' => Session::get('panel') ]) }}" autocomplete="off" id="formTestimonial" name="addTestimonial" enctype="multipart/form-data">
                                    <div class="form-body">
                                        @csrf
                                        @if($edit)
                                        <h2 class="form-sec-title">{{ @trans('testimonials.edit_testimionial') }}</h2>
                                        <input type="hidden" name="id" value="{{$testimonial->id}}">
                                        @else
                                        <h2 class="form-sec-title">{{ @trans('testimonials.add_testimionial') }}</h2>
                                        @endif
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('testimonials.person_name') }} <span class="required">*</span></label>
                                                    <input type="text" name="person_name" class="form-control" value="@if($edit){{$testimonial->person_name}}@else{{old('person_name')}}@endif" placeholder="Enter Person Name" />
                                                    @if($errors->has('person_name'))
                                                    <span class="invalid-feedback">{{$errors->first('person_name')}}</span>
                                                    @endif
                                                </div>
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('testimonials.person_position') }}<span class="required">*</span></label>
                                                    <input type="text" name="person_position" class="form-control" value="@if($edit){{$testimonial->person_position}}@else{{old('person_position')}}@endif" placeholder="Enter Person Position" />
                                                    @if($errors->has('person_position'))
                                                    <span class="invalid-feedback">{{$errors->first('person_position')}}</span>
                                                    @endif
                                                </div>

                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('testimonials.industry_name') }}<span class="required">*</span></label>
                                                    <select class="form-control js-data-example-ajax select-two" id="industry_name" name="industry_name" data-placeholder="Select Idustry" required>
                                                    </select>
                                                </div>
                                                @if($errors->has('industry_name'))
                                                <span class="invalid-feedback">{{$errors->first('industry_name')}}</span>
                                                @endif

                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('testimonials.company_name') }}</label>
                                                    <select class="form-control js-data-example-ajax select-two" id="company_id" name="company_id" data-placeholder="Select Company" required>
                                                    </select>
                                                    @if($errors->has('company_id'))
                                                    <span class="invalid-feedback">{{$errors->first('company_id')}}</span>
                                                    @endif
                                                </div>
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('testimonials.country_name') }}<span class="required">*</span></label>
                                                    <select class="form-control js-data-example-ajax select-two" id="country_id" name="country_id" data-placeholder="Select Country" required>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('testimonials.message') }}<span class="required">*</span></label>
                                                    <textarea name="message" class="form-control editor" placeholder="Message">@if($edit){!! $testimonial->message !!}@endif</textarea>
                                                    @if($errors->has('message'))
                                                    <span class="invalid-feedback">{{$errors->first('message')}}</span>
                                                    @endif
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-btn">
                                        <div style="float: left;">
                                            <a href="{{url()->previous()}}" class="btn btn-cncl">{{ @trans('testimonials.cancel') }}</a>
                                        </div>
                                        <div style="float:right;">
                                            <input type="submit" class="btn step-btn" value="{{ @trans('testimonials.save') }}">
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection


@push('pageJs')
{!! JsValidator::formRequest('App\Http\Requests\Testimonial\storeTestimonial', '#formTestimonial') !!}
<script type="text/javascript">
    $(document).ready(function() {

        var myForm = $('#formTestimonial');
        $.data(myForm[0], 'validator').settings.ignore = "null";

        tinymce.init({
            selector: 'textarea.editor',
            height: 300,
            menubar: false,
            branding: false,
            browser_spellcheck: true,
            toolbar: 'undo redo | bold italic underline strikethrough | link | alignleft aligncenter alignright alignjustify | bullist numlist  | removeformat | preview',
            plugins: [
                'link preview wordcount lists','paste'
            ],
            paste_auto_cleanup_on_paste : true,
            paste_remove_styles: true,
            paste_remove_styles_if_webkit: true,
            paste_strip_class_attributes: true,
            setup: function(editor) {
                editor.on('keyUp', function() {
                    tinyMCE.triggerSave();

                    if (!$.isEmptyObject(myForm.validate().submitted))
                        myForm.validate().form();
                });
            },

        });
        $('#company_id').on('change', function() {
            $(this).valid();
        });
        $('#company_id').select2(select2Ajax("{{route('common.get_search_json', ['type' => 'testimonial_company'])}}"));
        $('#industry_name').select2(select2Ajax("{{route('common.get_search_json', ['type' => 'companyIndustry'])}}"));
        $('#country_id').select2(select2Ajax("{{route('common.get_search_json', ['type' => 'testimonial_country'])}}"));
        function select2Ajax(url) {
            return {    
                 ajax: {
                    delay: 250,
                    url: url,
                    dataType: 'json',
                    data: function(params) {
                        var query = {
                            search: params.term,
                            page : params.page || 1,
                            per_page : params.per_page || 25
                        }
                        return query;
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        return {
                           results: data.data,
                            pagination: {
                                    more: (params.page * 25) < data.total
                            }
                        };
                    }
                }
            }
        }


        @if($edit && $testimonial->company_id)
            var data = {
                id: "{{$testimonial->company_id}}",
                text: "{{$testimonial->commancompanies->name}}"
            };
            var newOption = new Option(data.text, data.id, true, true);
            $('#company_id').append(newOption).trigger('change');
        @endif
        
        @if($edit && $testimonial->industry_id)
            var data = {
                id: "{{$testimonial->industry_id}}",
                text: "{{$testimonial->industry->name}}"
            };
            var newOption = new Option(data.text, data.id, true, true);
            $('#industry_name').append(newOption).trigger('change');
        @endif

        @if($edit && $testimonial->country_id)
            var data = {
                id: "{{$testimonial->country_id}}",
                text: "{{$testimonial->countries->name}}"
            };
            var newOption = new Option(data.text, data.id, true, true);
            $('#country_id').append(newOption).trigger('change');
        @endif

    });
</script>


@endpush