@extends('admin.layout.main')

@section('content')


<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <form method="POST" action="{{ route('admin.pages.index') }}" accept-charset="UTF-8" id="PostForm" enctype="multipart/form-data" novalidate="novalidate">
        <input name="_token" type="hidden" value="{{ session()->token() }}">
        <div class="page-content">
            <!-- BEGIN PAGE HEADER-->
            <!-- breadcrumbs -->
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="fa fa-home"></i>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="{{ route('admin.pages.index') }}">{{ trans('admin.page_breadcrumbs_title') }}</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="{{ route('admin.pages.create') }}" class="text-purple">{{ trans('admin.page_breadcrumbs_addnew') }}</a>
                    </li>
                </ul>
            </div>


            <!-- mass buttons -->
            <div class="row">
                <div class="col-xs-12">
                    <div class="bg-grey lenta-fixed " id="grey-field">
                        <div class="action-mass-buttons pull-right ">
                            <button type="submit" name="submitaddnew" value="submitaddnew" class="btn btn-lg green saveplusicon tooltips no-pop" data-toggle="tooltip" data-placement="left" title="{{ trans('admin.view_global_btn_saveaddnew') }}"></button>
                            <button type="submit" name="submitandstay" value="submitandstay" class="btn btn-lg blue saveplusicon tooltips no-pop" data-toggle="tooltip" data-placement="left" title="{{ trans('admin.view_global_btn_saveandstay') }}"></button>
                            <button type="submit" name="submit" class="btn btn-lg purple tooltips no-pop" data-toggle="tooltip" data-placement="left" title="{{ trans('admin.view_global_btn_save') }}"><i class="fa fa-floppy-o"></i></button>
                            <a href="{{ route('admin.pages.index') }}" role="button" class="btn btn-lg grey-salt tooltips no-pop"  data-toggle="tooltip" data-placement="left" title="{{ trans('admin.view_global_btn_back') }}"><i class="fa fa-reply"></i></a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- message -->
            <div class="row">
                <div class="col-xs-12">
                    @if(session()->has('message-valid'))
                        <div class="alert alert-success">
                            {!! session()->get('message-valid') !!}
                            <span class="pull-right"><a role="button" class="close-msg-btn"><i class="fa fa-times"></i></a></span>
                        </div>
                    @endif

                    @if(session()->has('message-unvalid'))
                        <div class="alert alert-danger">
                            {!! session()->get('message-unvalid') !!}
                            <span class="pull-right"><a role="button" class="close-msg-btn"><i class="fa fa-times"></i></a></span>
                        </div>
                    @endif

                    @if($errors->any())
                        <div class="alert alert-danger">
                            {!! trans('admin.msg_data_error') !!}
                            @foreach ($errors->all() as $error)
                                {!! $error !!}
                            @endforeach
                            <span class="pull-right"><a role="button" class="close-msg-btn"><i class="fa fa-times"></i></a></span>
                        </div>
                    @endif
                </div>
            </div>


            <!-- BEGIN PAGE CONTENT-->
            <div class="row">
                <div class="col-sm-12 col-lg-9">




                    <div class="row">
                        <div class="col-sm-12">
                            <div class="tabbable-custom">
                                <ul class="nav nav-tabs">

                                    @foreach ($languages as $key => $row)
                                        @if($key == 0)
                                            <li role="presentation" class="active"><a href="#tab-{{ $row->lang_short }}" aria-controls="{{ $row->lang_short }}" role="tab" data-toggle="tab">{{ $row->lang_short }} <i class="fa"></i></a></li>
                                        @else
                                            <li role="presentation"><a href="#tab-{{ $row->lang_short }}" aria-controls="{{ $row->lang_short }}" role="tab" data-toggle="tab">{{ $row->lang_short }} <i class="fa"></i></a></li>
                                        @endif
                                    @endforeach

                                </ul>

                                <div class="tab-content">
                                    <!-- tab -->
                                    @foreach ($languages as $key => $row)
                                        <div role="tabpanel" class="tab-pane @if($key == 0) active @endif "
                                             id="tab-{{ $row->lang_short }}">
                                            <div class="form-group" >
                                                <label for="title"><span class="text-purple">* </span>{{ trans('admin.page_title') }}
                                                    ({{ $row->lang_short }})</label>
                                                <input type="text" name="title[{{ $row->lang_id }}]"
                                                       value="{{ old('title.'.$row->lang_id) }}" class="form-control"
                                                       id="title_{{ $row->lang_short }}" placeholder="" required>
                                            </div>
                                            <div  class="form-group form-part
                                            @if($settings->where('setting_key','cms_homepage_text')->first()->visible == 1) m-nachalo @endif
                                            @if($settings->where('setting_key','cms_static_text')->first()->visible == 1) m-static @endif
                                            @if($settings->where('setting_key','cms_blog_text')->first()->visible == 1) m-blog @endif
                                            @if($settings->where('setting_key','cms_product_text')->first()->visible == 1) m-product @endif
                                            @if($settings->where('setting_key','cms_gallery_text')->first()->visible == 1) m-gallery @endif
                                            @if($settings->where('setting_key','cms_contacts_text')->first()->visible == 1) m-contact @endif
                                            @if($settings->where('setting_key','cms_faq_text')->first()->visible == 1) m-faq @endif
                                            @if($settings->where('setting_key','cms_car_text')->first()->visible == 1) m-car @endif
                                            @if($settings->where('setting_key','cms_bargain_text')->first()->visible == 1) m-bargain @endif
                                                                                                                        m-careers
                                                    "  >
                                                <textarea name="text[{{ $row->lang_id }}]"
                                                          id="editor_{{ $row->lang_short }}"
                                                          class="ckeditor">
                                                        {{ old('text.'.$row->lang_id) }}
                                                </textarea>
                                            </div>
                                            <div style="margin-top: 15px;" class="form-group form-part
                                                    @if($settings->where('setting_key','cms_homepage_annonce')->first()->visible == 1) m-nachalo @endif
                                                    @if($settings->where('setting_key','cms_static_annonce')->first()->visible == 1) m-static @endif
                                                    @if($settings->where('setting_key','cms_blog_annonce')->first()->visible == 1) m-blog @endif
                                                    @if($settings->where('setting_key','cms_product_annonce')->first()->visible == 1) m-product @endif
                                                    @if($settings->where('setting_key','cms_gallery_annonce')->first()->visible == 1) m-gallery @endif
                                                    @if($settings->where('setting_key','cms_contacts_annonce')->first()->visible == 1) m-contact @endif
                                                    @if($settings->where('setting_key','cms_faq_annonce')->first()->visible == 1) m-faq @endif
                                                    @if($settings->where('setting_key','cms_car_annonce')->first()->visible == 1) m-car @endif
                                                    @if($settings->where('setting_key','cms_bargain_annonce')->first()->visible == 1) m-bargain @endif
                                                                                                                                m-careers
                                                "  >
                                                <label for="annonce">{{ trans('admin.page_annonce') }} ({{ $row->lang_short }})</label>
                                                <textarea name="annonce[{{ $row->lang_id }}]" class="form-control" rows="3">{{ old('annonce.'.$row->lang_id) }}</textarea>
                                            </div>

                                            <!-- SEO Accordion -->
                                            @include('admin.pages.create.tab.seo_accordion')


                                            <!-- Icon Category product Accordion -->
                                            @include('admin.pages.create.tab.icon_category_prod_accord')


                                            <!-- Banner/Header Accordion -->
                                            @include('admin.pages.create.tab.banner_header_accordion')


                                            <!-- Banner/Footer Accordion -->
                                            @include('admin.pages.create.tab.banner_footer_accordion')


                                            <!-- Gallery Accordion -->
                                            @include('admin.pages.create.tab.galery_accordion')


                                        </div>
                                    @endforeach
                                    <!-- /tab -->

                                </div>
                            </div>
                        </div>
                    </div>



                </div>
                <div class="col-sm-12 col-lg-3">
                    <div class="row">
                        <div class="form form-horizontal">
                            <div class="form-body">

                                <!-- General Accordion -->
                                @include('admin.pages.create.general_accordion')

                                <!-- Visualization Accordion -->
                                @include('admin.pages.create.visualization_accordion')

                            </div>



                        </div>
                    </div>
                </div>
                <!-- END PAGE CONTENT-->
            </div>
            <div class="row">
                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-offset-3 col-md-9">
                            <button type="submit" name="submitaddnew" value="submitaddnew" class="btn green saveplusbtn margin-bottom-10 no-pop"> {{ trans('admin.view_global_btn_saveaddnew') }}</button>
                            <button type="submit" name="submit" value="submit" class="btn purple margin-bottom-10 no-pop"><i class="fa fa-floppy-o"></i> {{ trans('admin.view_global_btn_save') }}</button>
                            <a href="{{ route('admin.pages.index') }}" role="button" class="btn grey-salt margin-bottom-10 no-pop"><i class="fa fa-reply"></i> {{ trans('admin.view_global_btn_back') }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form> <!-- //close form -->
</div>
<!-- END CONTENT -->




<!-- ako e tip galeriq image pokaji poletata, ako e video embed ..., ako e video ftp -->
<script>
    $('select[name="module"]').change(function(){
        if ( $(this).children('option:selected').data('check') == 1 ) {
            hideAll();
            $('.m-nachalo').show();
            $("input[name=listing][value='no']").prop("checked",true);
            $("input[name=listing][value='no']").iCheck("update");
        } else if ( $(this).children('option:selected').data('check') == 2 ) {
            hideAll();
            $('.m-static').show();
            $("input[name=listing][value='no']").prop("checked",true);
            $("input[name=listing][value='no']").iCheck('update');
        } else if ( $(this).children('option:selected').data('check') == 3 ) {
            hideAll();
            $('.m-blog').show();
            $("input[name=listing][value='posts']").prop("checked",true);
            $("input[name=listing][value='posts']").iCheck("update");
        } else if ( $(this).children('option:selected').data('check') == 4 ) {
            hideAll();
            $('.m-product').show();
            $("input[name=listing][value='products']").prop("checked",true);
            $("input[name=listing][value='products']").iCheck("update");
        } else if ( $(this).children('option:selected').data('check') == 5 ) {
            hideAll();
            $('.m-gallery').show();
            $("input[name=listing][value='no']").prop("checked",true);
            $("input[name=listing][value='no']").iCheck("update");
        } else if ( $(this).children('option:selected').data('check') == 6 ) {
            hideAll();
            $('.m-contact').show();
            $("input[name=listing][value='no']").prop("checked",true);
            $("input[name=listing][value='no']").iCheck("update");
        } else if ( $(this).children('option:selected').data('check') == 7 ) {
            hideAll();
            $('.m-faq').show();
            $("input[name=listing][value='no']").prop("checked",true);
            $("input[name=listing][value='no']").iCheck("update");
        }  else if ( $(this).children('option:selected').data('check') == 8 ) {
            hideAll();
            $('.m-car').show();
            $("input[name=listing][value='no']").prop("checked",true);
            $("input[name=listing][value='no']").iCheck("update");
        }  else if ( $(this).children('option:selected').data('check') == 11 ) {
            hideAll();
            $('.m-inline').show();
        } else if ( $(this).children('option:selected').data('check') == 12 ) {
            hideAll();
            $('.m-careers').show();
        } else if ( $(this).children('option:selected').data('check') == 13 ) {
            hideAll();
            $('.m-bargain').show();
        }
    });
    // ako e selected po default (purvi zapis)
    if ( $('select[name="type').children('option:selected') ) {
        hideAll();
        $('.please-choose').show();
    }

    function hideAll() {
        $('.form-part').hide(); //"fast", "linear"
/*        $('.m-nachalo').hide(); //"fast", "linear"
        $('.m-static').hide();
        $('.m-blog').hide();
        $('.m-product').hide();
        $('.m-gallery').hide();
        $('.m-contact').hide();
        $('.m-faq').hide();*/
        $('.please-choose').hide();
    }
</script>


<!-- FORM VALIDATION WITH TABS -->
<script>
    $('#PostForm').validate({
        ignore: [],  // <- proper format to set ignore to "nothing"
        rules : {
            // price : {currency: ["$", false]},
            date_start : {customdateformat: true},
            date_end : {customdateformat: true},
            position : {number: true, min: 1}
        },
        invalidHandler:  function(event, validator) {
            $(".tab-content").find("div.tab-pane:hidden:has(div.has-error)").each(function (index, tab) {
                var id = $(tab).attr("id");
                $('a[href="#' + id + '"]').tab('show');
            });
            // open all accordion on error
            for (var i=0;i<validator.errorList.length;i++){
                // "uncollapse" section containing invalid input/s:
                $(validator.errorList[i].element).closest('.panel-collapse.collapse').collapse('show');
            }
        },
        submitHandler: function(form) {
            $('button[type="submit"]').attr("disabled", "disabled");
            $('div.loader').show();
            form.submit();
        }
    });
</script>
<!-- //FORM VALIDATION WITH TABS  -->

<!-- DATEPICKER -->
<script>
    $(function () {
        $('div .date').datetimepicker({
            icons: {
                time: "fa fa-clock-o",
                date: "fa fa-calendar",
                up: "fa fa-arrow-up",
                down: "fa fa-arrow-down"
            },
            format: 'DD.MM.YYYY',
            language: 'bg',
            pickTime: false
        });
    });
</script>
<!-- //DATEPICKER -->


<!-- Scroll Lenta -->
<script>
    jQuery(document).ready(function($){
        $(window).scroll(function() {
            var scroll = $(window).scrollTop();
            if (scroll > 110) {
                $(".lenta-fixed").addClass("scrollFixedMenu");
                $(".lenta-fixed").removeClass("bg-grey");
            } else {
                $(".lenta-fixed").removeClass("scrollFixedMenu");
                $(".lenta-fixed").addClass("bg-grey");
            }
        });
    });
</script>
<!-- //Scroll Lenta -->

<script>
    $(document).ready(function() {
        formmodified=0;
        $('form *').change(function(){
            formmodified=1;
        });
        window.onbeforeunload = confirmExit;
        function confirmExit() {
            if (formmodified == 1) {
                return "New information not saved. Do you wish to leave the page?";
            }
        }
        $(".no-pop").click(function() {
            formmodified = 0;
        });
    });
</script>
@stop