@extends('admin.layout.main')

@section('content')


<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <form method="POST" action="{{ route('admin.events.index') }}" accept-charset="UTF-8" id="EventForm" 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.events.index') }}">{{ trans('admin.event_breadcrumbs_title') }}</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="{{ route('admin.events.create') }}" class="text-purple">{{ trans('admin.event_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.events.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 }}">
                                            @if($settings->where('setting_key','cms_events_header')->first()->visible == 1)
                                            <div class="form-group">
                                                <label for="title"><span class="text-purple">* </span>{{ trans('admin.event_city') }} ({{ $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>
                                            @endif

                                            <div class="form-group hidden"><!-- skrito za sledvashtiq proekt na ceed -->
                                                <label for="link">{{ trans('admin.event_city') }} ({{ $row->lang_short }})</label>
                                                <input type="text" name="city[{{ $row->lang_id }}]"
                                                       value="{{ old('city.'.$row->lang_id) }}" class="form-control"
                                                       id="link_{{ $row->lang_short }}" placeholder="">
                                            </div>

                                            @if($settings->where('setting_key','cms_events_address')->first()->visible == 1)
                                            <div class="form-group ">
                                                <label for="link">{{ trans('admin.event_address') }} ({{ $row->lang_short }})</label>
                                                <input type="text" name="address[{{ $row->lang_id }}]"
                                                       value="{{ old('address.'.$row->lang_id) }}" class="form-control"
                                                       id="address_{{ $row->lang_short }}" placeholder="">
                                            </div>
                                            @endif
                                            <!--
                                            <div class="form-group ">
                                                <label for="link">{{ trans('admin.event_status') }} ({{ $row->lang_short }})</label>
                                                <input type="text" name="status[{{ $row->lang_id }}]"
                                                       value="{{ old('status.'.$row->lang_id) }}" class="form-control"
                                                       id="status_{{ $row->lang_short }}" placeholder="">
                                            </div>
                                            -->
                                            @if($settings->where('setting_key','cms_events_text')->first()->visible == 1)
                                            <div class="form-group">
                                                <label for="text">{{ trans('admin.event_text') }} ({{ $row->lang_short }})</label>
                                                <textarea name="text[{{ $row->lang_id }}]"
                                                          id="text_{{ $row->lang_short }}" class="ckeditor">{{ old('text.'.$row->lang_id) }}
                                                </textarea>
                                            </div>
                                            @endif

                                            <!-- SEO Accordion -->
                                            @if($settings->where('setting_key','cms_events_seo')->first()->visible == 1)
                                            <div class="panel-group accordion accord-group" id="accordionseo{{ $row->lang_id }}">
                                                    <div class="panel panel-default">
                                                        <div class="panel-heading">
                                                            <h4 class="panel-title">
                                                                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordionseo{{ $row->lang_id }}" href="#collapse_seo{{ $row->lang_id }}" aria-expanded="false"> {{ trans('admin.view_global_seo_accordion') }}</a>
                                                            </h4>
                                                        </div>
                                                        <div id="collapse_seo{{ $row->lang_id }}" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
                                                            <div class="panel-body">
                                                                <div class="portlet">
                                                                    <div class="portlet-body">
                                                                            @if($settings->where('setting_key','cms_events_seo_title')->first()->visible == 1)
                                                                            <div class="form-group">
                                                                                <label class="control-label col-md-3">{{ trans('admin.post_seo_title') }} ({{ $row->lang_short }}):</label>
                                                                                <div class=" col-md-9">
                                                                                    <input type="text" name="seo_title[{{ $row->lang_id }}]" value="{{ old('seo_title.'.$row->lang_id) }}" class="form-control" id="seo_title" placeholder="">
                                                                                </div>
                                                                            </div>
                                                                            @endif
                                                                            @if($settings->where('setting_key','cms_events_seo_description')->first()->visible == 1)
                                                                            <div class="form-group">
                                                                                <label class="control-label col-md-3">{{ trans('admin.post_seo_description') }} ({{ $row->lang_short }}):</label>
                                                                                <div class=" col-md-9">
                                                                                    <input type="text" name="seo_description[{{ $row->lang_id }}]" value="{{ old('seo_description.'.$row->lang_id) }}" class="form-control" id="seo_description" placeholder="">
                                                                                </div>
                                                                            </div>
                                                                            @endif
                                                                            @if($settings->where('setting_key','cms_events_seo_keywords')->first()->visible == 1)
                                                                            <div class="form-group">
                                                                                <label class="control-label col-md-3">{{ trans('admin.post_seo_keywords') }} ({{ $row->lang_short }}):</label>
                                                                                <div class=" col-md-9">
                                                                                    <input type="text" name="seo_keywords[{{ $row->lang_id }}]" value="{{ old('seo_keywords.'.$row->lang_id) }}" class="form-control" id="seo_keywords" placeholder="">
                                                                                </div>
                                                                            </div>
                                                                            @endif
                                                                            @if($settings->where('setting_key','cms_event_seo_sitemap')->first()->visible == 1)
                                                                            <div class="form-group">
                                                                                <label class="control-label col-md-3">{{ trans('admin.post_hide_sitemap') }} ({{ $row->lang_short }}):</label>
                                                                                <div class="col-md-9">
                                                                                    <input type="checkbox" name="hide_sitemap[{{ $row->lang_id }}]" class="switch" data-size="small" value="1" >
                                                                                </div>
                                                                            </div>
                                                                            @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                            </div>
                                            @endif
                                        </div>
                                    @endforeach
                                    <!-- /tab -->

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

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

                            <!-- General Accordion -->
                            @if($settings->where('setting_key','cms_event_general_panel')->first()->visible == 1)
                            <div class="panel-group accordion accord-group" id="accordiongeneral">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordiongeneral" href="#collapse_general" aria-expanded="true">{{ trans('admin.page_general_accordion') }}</a>
                                        </h4>
                                    </div>
                                    <div id="collapse_general" class="panel-collapse collapse in" aria-expanded="true">
                                        <div class="panel-body">
                                            <div class="portlet">
                                                <div class="portlet-body">

                                                    @if($settings->where('setting_key','cms_event_show_in')->first()->visible == 1)
                                                    <div class="form-group col-xs-12">
                                                        <label>{{ trans('admin.event_type') }}:</label>
                                                        <select class="form-control" name="type" required>
                                                            <option value="" selected></option>
                                                            <option value="education" >{{ trans('admin.event_type_edu') }}</option>
                                                            <option value="conference" >{{ trans('admin.event_type_conf') }}</option>
                                                        </select>
                                                    </div>
                                                    @endif

                                                    @if($settings->where('setting_key','cms_event_time_interval')->first()->visible == 1)
                                                    <div class="form-group col-xs-12">
                                                        <label>{{ trans('admin.event_date_range') }}<span class="text-purple"> * </span></label>
                                                        <div class="input-group col-xs-12">
                                                            <input type="text" name="daterange" value="" class="form-control input-sm" required >
                                                        </div>
                                                    </div>
                                                    @endif

                                                    @if($settings->where('setting_key','cms_event_header_image')->first()->visible == 1)
                                                    <div class="form-group col-xs-12">
                                                        <label >{{ trans('admin.event_header') }}:</label>
                                                        <div class="alert alert-warning margin-bottom-10">
                                                            <i class="fa fa-warning fa-lg"></i>&nbsp;&nbsp; Съобщение снимка хедър
                                                        </div>
                                                        <div class="input-group col-xs-12">
                                                            <input type="text" value="{{ old('image_filename_general_header') }}" id="fieldID" readonly  class="lfm form-control" name="image_filename_general_header" placeholder="{{ trans('admin.post_image_choose') }}" >
                                                        </div>
                                                    </div>
                                                    @endif
                                                    @if($settings->where('setting_key','cms_event_image')->first()->visible == 1)
                                                    <div class="form-group col-xs-12">
                                                        <label >{{ trans('admin.event_image') }}:</label>
                                                        <div class="alert alert-warning margin-bottom-10">
                                                            <i class="fa fa-warning fa-lg"></i>&nbsp;&nbsp; Размер: 350х241px
                                                        </div>
                                                        <div class="input-group col-xs-12">
                                                            <input type="text" value="{{ old('image_filename_general') }}" id="fieldID" readonly  class="lfm form-control" name="image_filename_general" placeholder="{{ trans('admin.post_image_choose') }}" >
                                                        </div>
                                                    </div>
                                                    @endif

                                                    <div class="form-group col-xs-12">
                                                        <hr style="border-top:0;">
                                                        <div class="col-md-3">
                                                            <input type="checkbox" name="visible" class="switch" data-size="small" value="1" checked>
                                                        </div>
                                                        <label class="control-label col-md-9">{{ trans('admin.view_global_active') }}:</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif

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

                <div class="row clearfix">
                    <div class="col-sm-12 col-lg-9">
                        <div class="form form-horizontal">
                            <div class="form-body">
                                <!-- Days/Times Accordion -->
                                @if($settings->where('setting_key','cms_event_program')->first()->visible == 1)
                                <div class="panel-group accordion accord-group" id="accordiondays{{ $row->lang_id }}">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordionevent{{ $row->lang_id }}" href="#collapse_event{{ $row->lang_id }}" aria-expanded="true"> {{ trans('admin.event_accordion') }} </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_event{{ $row->lang_id }}" class="panel-collapse collapse in" aria-expanded="true">
                                            <div class="panel-body">
                                                <div class="portlet">
                                                    <div class="portlet-body ">

                                                        <div class="forClone hidden">
                                                            <table class="table table-condensed table-event event-row-day tableDayClone">
                                                                <tr>
                                                                    <th colspan="1" class="day-date">
                                                                        <h3></h3>
                                                                        <input type="text" name="eventday[1][day_date]" value="" class="hidden hiddenDayInput cloneBlock">
                                                                    </th>
                                                                    <th colspan="4" class="time-date">
                                                                        <a role="button" class=" addEventTime btn btn-sm green">{{ trans('admin.event_accordion_add_time') }}</a>
                                                                        <a role="button" class=" deleteEventDay btn btn-sm red"  data-toggle="confirmation" data-placement="left">{{ trans('admin.event_accordion_delete_day') }}</a>
                                                                    </th>
                                                                </tr>
                                                                <tr class="event-row-hour trTimeClone">
                                                                    <td style="width: 100px"></td>
                                                                    <td style="width: 100px">
                                                                        <input type="text" name="eventday[1][1][time_start]" value="{{ old('time_start.'.$row->lang_id) }}" class="form-control time-start-input timepicker cloneBlock cloneTime"  placeholder="{{ trans('admin.event_time_from') }}">
                                                                    </td>
                                                                    <td  style="width: 100px">
                                                                        <input type="text" name="eventday[1][1][time_end]" value="{{ old('time_end.'.$row->lang_id) }}" class="form-control time-start-input timepicker cloneBlock cloneTime"  placeholder="{{ trans('admin.event_time_to') }}">
                                                                    </td>
                                                                    <td>
                                                                        @foreach ($languages as $row)
                                                                            <input type="text" name="eventday[1][1][timetext][{{ $row->lang_id }}]" value="{{ old('timetext.'.$row->lang_id) }}" class="form-control time-start-input cloneBlock cloneTime"  placeholder="{{ trans('admin.event_time_text') }} ({{ $row->lang_short }})">
                                                                        @endforeach
                                                                    </td>
                                                                    <td style="width: 95px">
                                                                        <a  href="#" role="button" class="event-time-save-btn btn btn-sm green hidden"><i class="fa fa-floppy-o"></i></a>
                                                                        <a role="button" class="event-time-del btn btn-sm red"   > <i class="fa fa-trash-o"></i></a>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>


                                                        <div class="form-group col-xs-12 col-lg-6 ">
                                                            <div class="input-group date">
                                                                <input type="text" name="dateday" readonly="true" value="" class="form-control input-sm eventDay" data-date-format="{{ trans('admin.settings_date_format') }}" required>
                                                                <span class="input-group-addon input-sm"><span class="fa fa-calendar"></span></span>
                                                                <a role="button" class=" addEventDay btn green input-group-addon">{{ trans('admin.event_accordion_add_day') }}</a>
                                                            </div>
                                                        </div>


                                                        <div class="program-container col-xs-12">

                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="form-actions">
                        <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.events.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>
                <!-- END PAGE CONTENT-->
            </div>
        </div>
    </form> <!-- //close form -->
</div>
<!-- END CONTENT -->






<!-- DATE RANGE PICKER -->
<script type="text/javascript">
    $('input[name="daterange"]').daterangepicker({
        "locale": {
            "format": "DD.MM.YYYY",
            "separator": " - ",
            "applyLabel": "Избери",
            "cancelLabel": "Откажи",
            "fromLabel": "От",
            "toLabel": "До",
            "customRangeLabel": "Custom",
            "daysOfWeek": [
                "Не",
                "По",
                "Вт",
                "Ср",
                "Че",
                "Пе",
                "Съ"
            ],
            "monthNames": [
                "Януари",
                "Февруари",
                "Март",
                "Април",
                "Май",
                "Юни",
                "Юли",
                "Август",
                "Септември",
                "Октомври",
                "Ноември",
                "Декември"
            ],
            "firstDay": 1
        }
    })
</script>
<!-- // DATE RANGE PICKER -->

<!-- FORM VALIDATION WITH TABS -->
<script>
    $('#EventForm').validate({
        ignore: [],  // <- proper format to set ignore to "nothing"
        rules : {
            date_start : {customdateformat: true},
            date_end : {customdateformat: true}
        },
        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');
            });
        },
        submitHandler: function(form) {
            $('button[type="submit"]').attr("disabled", "disabled");
            $('div.loader').show();
            form.submit();
        }
    });
    $("input.price").each(function(){
        $(this).rules("add", {
            currency: ["$", false]
        } );
    });
</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 -->


<!-- TIMEPICKER -->
<script>

    $('.timepicker').wickedpicker({
      //  upArrow: "fa fa-clock-o",
      //  downArrow: "fa fa-clock-o",
        twentyFour: true,
        minutesInterval: 5,
        now: "08:00",
        title: 'Избери време', //The Wickedpicker's title
    });
</script>
<!-- //TIMEPICKER -->



<!-- 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