@extends('admin.layout.main')

@section('content')
        
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <div class="page-content">

        <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.banners.index') }}" class="text-purple">{{ trans('admin.banner_breadcrumbs_title') }}</a>
                </li>
            </ul>
        </div>


        <!-- mass buttons -->
        <div class="row">
            <div class="col-xs-12">
                <div class="bg-grey" id="searchform-container">
                    <div class="checkbox-all pull-left">
                        <input type="checkbox" id="selectAll">
                    </div>
                    <!--
                    <div class=" collapse-buttons pull-left">
                        <a id="collapse-all-selected" href="asdasd" class="btn btn-xs"><i class="glyphicon glyphicon-menu-down"></i></a>
                        <a id="collapseout-all-selected" href="#" class="btn btn-xs"><i class="glyphicon glyphicon-menu-up"></i></a>
                    </div>
                    -->
                    <div class="search pull-left hidden-xs">
                        <form method="GET" action="{{ route('admin.banner.search') }}" accept-charset="UTF-8" id="search_form">
                            <div class="input-group ">
                                <input type="text" name="q" class="form-control input-sm" placeholder="{{ trans('admin.view_global_search') }}" value="@if(isset($q)){{ $q }}@endif">
                            <span class="input-group-btn">
                                 <button class="btn btn-sm submit" type="submit"><i class="fa fa-search"></i></button>
                            </span>
                            </div>
                        </form>
                    </div>

                    @if(auth()->user()->dostup !== 5)
                        <div class="action-mass-buttons pull-right">
                            <form method="POST" action="{{ route('admin.banner.mass') }}" accept-charset="UTF-8" id="massActions">
                                <input name="_token" type="hidden" value="{{ session()->token() }}">
                                <a href="{{ route('admin.banners.create') }}" role="button" class="btn btn-lg tooltips green" data-toggle="tooltip" data-placement="bottom" title="{{ trans('admin.view_global_mass_tooltip_createnew') }}"><i class="glyphicon glyphicon-plus"></i></a>
                                <button type="submit" name="submitnotvisible" value="1"  class="btn btn-lg tooltips grey-gallery" data-toggle="tooltip" data-placement="bottom" title="{{ trans('admin.view_global_mass_tooltip_notvisible') }}"><i class="glyphicon glyphicon-eye-close"></i></button>
                                <button type="submit" name="submitvisible" value="1" class="btn btn-lg tooltips grey-salt" data-toggle="tooltip" data-placement="bottom" title="{{ trans('admin.view_global_mass_tooltip_visible') }}"><i class="glyphicon glyphicon-eye-open"></i></button>
                                <button type="submit" name="submitdelete" value="1" class="btn btn-lg tooltips red" data-toggle="confirmation" data-toggle="tooltip"  data-placement="left" title="{{ trans('admin.view_global_mass_tooltip_delete') }}" ><i class="glyphicon glyphicon-trash"></i></button>
                                <input type=hidden class="hide" name="checked_ids" value="" >
                            </form>
                        </div>
                    @else
                        <div class="action-mass-buttons pull-right"><a href="{{ route('admin.banners.create') }}" role="button" class="btn btn-lg tooltips green" data-toggle="tooltip" data-placement="bottom" title="{{ trans('admin.view_global_mass_tooltip_createnew') }}"><i class="glyphicon glyphicon-plus"></i></a></div>
                    @endif

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

        <!-- messages -->
        <div class="row">
            <div class="col-xs-12">
                @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>
                @else
                    @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(session()->has('message-warning'))
                    <div class="alert alert-warning">
                        {!! session()->get('message-warning') !!}
                        <span class="pull-right"><a role="button" class="close-msg-btn"><i class="fa fa-times"></i></a></span>
                    </div>
                    @endif
                @endif
            </div>
        </div>
        <!-- END PAGE HEADER-->


        <!-- BEGIN PAGE CONTENT-->
        <div class="row">
            <div class="col-md-12">
                <div class="table-responsive">
                    <table class="table-banners table table-striped table-hover table-bordered">
                        <thead>
                            <tr role="row">
                                <th ></th>
                                <th class="width-action-banner-img"></th>
                                <th>{{ trans('admin.banner_title') }}</th>
                                <th class="text-center">{{ trans('admin.banner_type') }}</th>
                                <th class="text-center">{{ trans('admin.banner_url') }}</th>
                                @if(auth()->user()->dostup == 1)
                                    <th class="width-action-banner-date">{{ trans('admin.banner_date_create') }}</th>
                                    <th class="width-action-banner-date">{{ trans('admin.banner_author_create') }}</th>
                                    <th class="width-action-banner-date">{{ trans('admin.banner_date_edit') }}</th>
                                    <th class="width-action-banner-date">{{ trans('admin.banner_author_edit') }}</th>
                                @endif

                                <th class="width-action-banner-action">{{ trans('admin.view_global_actions') }}</th>
                            </tr>
                        </thead>

                        <tbody class="sortable-banner" data-href="{{ route('admin.banner.reorder') }}">
                            @foreach ($banners as $row)
                                <tr class="" id="banner_{{ $row->banner_id }}">
                                    <td class="checkbox-padding" width="2%"><input class="checkbox-row" type="checkbox" name="check[]" value="{{ $row->banner_id }}"></td>
                                    <td class="width-action-banner-img">
                                        @if ($row->languages->first()->pivot->image)
                                            <img class="thumb" src="{{ asset('uploads/images/thumbs'.'/'.$row->languages->first()->pivot->image->filename) }}"/>
                                        @else
                                            <img class="thumb" width="300" src="{{ asset('admin/img_app/thumb-default.png') }}"/>
                                        @endif
                                    </td>
                                    <td class="header-title">{{ $row->languages->first()->pivot->title }}</td>
                                    <td class="width-action-banner-date">{{ !empty($row->languages->first()->pivot->type) ? $row->languages->first()->pivot->type  : '' }}</td>
                                    <td class="width-action-banner-date">{{ !empty($row->languages->first()->pivot->url) ? $row->languages->first()->pivot->url  : '' }}</td>
                                    @if(auth()->user()->dostup == 1)
                                        <td class="width-action-banner-date">{{ date('d.m.Y H:i', strtotime($row->created_at)) }}</td>
                                        <td class="width-action-banner-date">{{ $row->user->username }}</td>
                                        <td class="width-action-banner-date">{{ date('d.m.Y H:i', strtotime($row->updated_at)) }}</td>
                                        <td class="width-action-banner-date">@if ($row->user_update){{ $row->user_update->username }} @else  - @endif</td>
                                    @endif

                                    <td class="action-td width-action-banner-action text-right">
                                        <form method="POST" action="{{ route('admin.banners.destroy', ['id' => $row->banner_id]) }}" accept-charset="UTF-8">
                                            <input name="_method" type="hidden" value="DELETE">
                                            <input name="_token" type="hidden" value="{{ session()->token() }}">
                                            <a href="{{ route('admin.banners.edit', ['id' => $row->banner_id]) }}" class="btn green tooltips" data-toggle="tooltip" data-placement="left" title="{{ trans('admin.view_global_edit') }}"><i class="glyphicon glyphicon-pencil"></i></a>

                                            @if ( $row->visible )
                                                <a href="{{ route('admin.banner.visible', ['id' => $row->banner_id]) }}" role="button"
                                                   data-toggle="tooltip" data-placement="left" title="{{ trans('admin.view_global_not-visible') }}"
                                                   class="change-visible btn grey-salt tooltips">
                                                    <i class="glyphicon glyphicon-eye-open"></i>
                                                </a>
                                            @else
                                                <a href="{{ route('admin.banner.visible', ['id' => $row->banner_id]) }}"
                                                   data-toggle="tooltip" data-placement="left" title="{{ trans('admin.view_global_visible') }}"
                                                   role="button" class="change-visible btn grey-gallery tooltips">
                                                    <i class="glyphicon glyphicon-eye-close"></i>
                                                </a>
                                            @endif
                                            <button type="submit" class="btn red @if(auth()->user()->dostup == 5) disabled @endif" data-toggle="confirmation" data-placement="left">
                                                <i class="glyphicon glyphicon-trash"></i>
                                            </button>

                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- END PAGE CONTENT-->
    </div>
</div>
<!-- END CONTENT -->


<script>
    // Ne moje da polzvame nestedSortable, zashtoto polzvame table
    $( "tbody.sortable-banner" ).sortable({
        placeholder: 'placeholder',
        helper:	'clone',

        update: function (event, ui) {
            var token = $('input[name="_token"]').val();
            var data = $('tbody.sortable-banner').sortable('serialize', {
                        attribute: 'id',
                        key: 'banner_id'
                        });
            var href = $('tbody.sortable-banner').attr('data-href');

            var toArray = $('tbody.sortable-banner').sortable('toArray', {
                attribute: 'id',
                key: 'banner_id'
            });
            var newArray = new Array();

            // da go dokarame, kakto e v toHierarchy ot nestedSortable
            jQuery.each( toArray, function( i, val ) {
                var idval = val.split("_");
                newArray[i] = new Object();
                newArray[i].banner_id = idval[1];
            });
            console.log(newArray);

            // POST to server using $.post or $.ajax
            $.ajax({
                type: 'POST',
                url: href,
                data: { _token: token, data: newArray  },
                success: function(data){
                    console.log(data);
                },
                error: function(data){
                    console.log(data);
                }
            });
        }
    });
</script>


@stop