@extends('layouts.metronic')

@section('content')
    <div class="portlet light bordered">


        <div class="portlet-title">
            <div class="caption font-dark">

                <span class="caption-subject bold uppercase"><i class="fa fa-edit"></i>
                    {{ !empty($campaign) ? 'Editare' : 'Adăugare' }} Campanie</span>
            </div>
        </div>

        <div class="panel-body">
            <div class="col-md-3"></div>
            <div class="col-md-6">
                <div class="row">
                    <form method="POST" action="{{ route('campaign.save') }}">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">

                        @if (!empty($campaign))
                            <input type="hidden" name="id" value="{{ $campaign->id }}">
                        @endif

                        <div class="form-group">
                            <label for="name">Nume</label>
                            <input type="text" class="form-control" id="name" name="name"
                                value="{{ !empty($campaign) ? $campaign->name : '' }}" required autofocus />
                        </div>

                        <div class="form-group">
                            <label>Dată început</label>
                            <div class='input-group date' id='datetimepicker1'>
                                <input id="start_date" name="start_date" type='text' class="form-control"
                                    value="{{ !empty($campaign) ? \Carbon\Carbon::parse($campaign->start_date)->format('d/m/Y') : '' }}"
                                    required autofocus />
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-6">
                                <a href="{{ route('campaigns') }}">
                                    <button type="button" class="btn btn-danger">
                                        <i class="fa fa-close" aria-hidden="true"></i> Închide
                                    </button>
                                </a>
                            </div>

                            <div class="col-md-6">
                                <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-save"
                                        aria-hidden="true"></i> Salvează</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-md-3"></div>
        </div>
    </div>

    @if (!empty($campaign))
        <div class="tabbable-custom nav-justified">
            <ul class="nav nav-tabs nav-justified">
                <li class="active">
                    <a href="#contentTab" data-toggle="tab"> <b> Conținut </b></a>
                </li>
                <li>
                    <a href="#terminal_groupsTab" data-toggle="tab"> <b> Grupuri de terminale</b></a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="contentTab">
                    @include('campaign_edit_content', ['title' => 'conținut'])
                </div>
                <div class="tab-pane" id="terminal_groupsTab">
                    @include('campaign_edit_terminal_groups', ['title' => 'grupuri'])
                </div>
            </div>
        </div>
    @endif

@endsection

@section('scripts')
    <!-- <script src="//cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script> -->
    <script src="/vendor/laravel-filemanager/js/lfm.js"></script>

    <script>
        $('.nav-tabs a[href="#{{ $open_tab }}Tab"]').tab('show');

        $("#datetimepicker1").datepicker({
            rtl: App.isRTL(),
            orientation: "bottom auto",
            autoclose: true,
            todayHighlight: true,
            language: "ro",
            format: "dd/mm/yyyy"
        });

        @if (!empty($campaign))
            //Content
            var sortTable = CreateTableForOrder($('#sortTable'));

            sortTable.on('row-reorder', function(e, diff, edit) {
                for (var i = 0, ien = diff.length; i < ien; i++) {
                    var rowData = sortTable.row(diff[i].node).data();

                    $.post("/campaign_content.changeOrder/" + rowData[1], {
                            index: diff[i].newData,
                            _token: "{{ csrf_token() }}"
                        })
                        .done(function(data) {});
                }
            });

            //Grupuri
            var nameItems = "grupuri";

            CreateTable($("#" + nameItems + "Table"));
            var tableToAdd = CreateTableForSelect($("#" + nameItems + "TableToAdd"));


            $('#' + nameItems + 'TableToAdd tbody').on('click', 'tr', function() {
                $(this).toggleClass('selected');
            });

            $('#' + nameItems + 'AddButton').click(function() {

                var itemsToAdd = [];

                tableToAdd.rows('.selected').every(function(rowIdx, tableLoop, rowLoop) {
                    itemsToAdd.push(this.data()[0]);
                });

                $.get("{{ route('campaign.add.terminal_group', $campaign->id) }}", {
                    id: itemsToAdd
                }).done(function(data) {
                    document.location.href = "{!! route('campaign.edit', [$campaign->id, 'terminal_groups']) !!}";
                });
            });
        @endif

        $('#lfm').filemanager('files');
    </script>
@endsection

@section('menuVariables')
    var menuItemName = "menuCampaigns";
    var submenuItemName = "";
@stop