@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.posts.index') }}" class="text-purple">{{ trans('admin.post_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.post.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>

                    <div class="pull-left hidden-xs">
                        <form method="GET" action="{{ route('admin.post.sort') }}" accept-charset="UTF-8" id="lang_form">
                            <div class="input-group" style="max-width: 300px;padding-top:8px;">
                                {{--<input type="text" name="lng" class="form-control input-sm" placeholder="{{ trans('admin.view_global_search') }}" value="@if(isset($lng)) {{ $lng }} @endif">--}}
                                <select name="lng" class="form-control input-sm">
                                    <option value="bg">BG</option>
                                    <option value="en">EN</option>
                                    <option value="rs">RS</option>
                                    <option value="hr">HR</option>
                                    <option value="si">SI</option>
                                    <option value="gr">GR</option>
                                    <option value="mk">MK</option>
                                </select>
                                <span class="input-group-btn">
                                 <button class="btn btn-sm submit" type="submit"><i class="fa fa-font"></i></button>
                            </span>
                            </div>
                        </form>
                    </div>

                    @if(auth()->user()->dostup !== 5)
                        <div class="action-mass-buttons pull-right">
                            <form method="POST" action="{{ route('admin.contact-requests.mass') }}" accept-charset="UTF-8" id="massActions">
                                <input name="_token" type="hidden" value="{{ session()->token() }}">
                                <a href="{{ route('admin.posts.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.posts.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-posts table table-striped table-hover table-bordered">
                        <thead>
                            <tr role="row">
                                <th ></th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th>Status</th>
                                <th>From</th>
                                <th class="width-action-post-action">{{ trans('admin.view_global_actions') }}</th>
                            </tr>
                        </thead>

                        <tbody class="sortable-post">
                            @foreach($contacts as $row)
                                <tr class="" id="{{ $row->id }}">
                                    <td class="checkbox-padding" width="2%"><input class="checkbox-row" type="checkbox" name="check[]" value="{{ $row->id }}"></td>
                                    <td class="header-title">{{ $row->name }}</td>
                                    <td class="header-title">{{ $row->contact }}</td>
                                    <td class="header-title">{{ $row->phone }}</td>
                                    <td class="header-title">{{ $row->status }}</td>
                                    <td class="header-title">{{ $row->from }}</td>
                                    
                                    <td class="action-td width-action-post-action text-right">

                                        <a href="{{ route('admin.contact-requests.edit', ['id' => $row->id]) }}" class="btn green tooltips" data-toggle="tooltip" data-placement="left" title="{{ trans('admin.view_global_edit') }}"><i class="glyphicon glyphicon-pencil"></i></a>



                                        <form method="POST" action="{{ route('admin.contact-requests.destroy', ['id' => $row->id]) }}" accept-charset="UTF-8">
                                            <input name="_method" type="hidden" value="DELETE">
                                            <input name="_token" type="hidden" value="{{ session()->token() }}">
                                            

                                            <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-post" ).sortable({
        placeholder: 'placeholder',
        helper:	'clone',

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

            var toArray = $('tbody.sortable-post').sortable('toArray', {
                attribute: 'id',
                key: 'post_id'
            });
            toArray.reverse();

            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].post_id = idval[1];
            });

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