@extends('partials.box')

@section($content_id)

    @include('partials.linkbox', [
        'links' => [
            'sms-sendout.create' => ['name' => Lang::get('sms.createSendout')],
        ]
    ])

    <hr>

    @if(isset($filter) && $filter == true)
        <div class="row">
            <div class="col-xs-12 ">
                <div class="filter-container">
                    <h3>{{ Lang::get('receiver.filterOn') }}:</h3>
                    <form method="get" action="{{ action('SMSSendoutController@index') }}">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-7">
                                {{ Lang::get('sendout.filterPlaceholder') }}
                                <input type="text" class="form-control" name="q" placeholder="{{ Lang::get('sendout.filterPlaceholder') }}" value="{{ @Request::get('q') }}">
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-2">
                                {{ Lang::get('sendout.archived') }}<br>
                                <input type="checkbox" name="archived" data="checkbox" value="1" @if(Request::has('archived') && Request::get('archived') == 1) data-checked="1" checked @endif>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-3"><br>
                                <button class="btn filter-btn" type="submit">
                                    <i class="fa fa-search"></i> {{ trans('sendout.searchBtn')}}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    <div class="table">
        <div class="row table-header">
            <div class="col-xs-11">
                <div class="col-xs-12 col-md-2 col-sm-3">
                    {{ Lang::get('sms.index.status') }}
                </div>
                <div class="col-xs-12 col-md-4      ">
                    {{ Lang::get('sms.index.title') }}
                </div>
                <div class="col-xs-2 hide-sm hide-xs">
                    {{ Lang::get('sms.index.sentCount') }}
                </div>
                {{-- <div class="col-xs-1 hide-sm hide-xs">
                    {{ Lang::get('sms.index.replyCount') }}
                </div> --}}
                <div class="col-xs-3">
                    {{ Lang::get('sms.index.starttime') }}
                </div>
            </div>
            <div class="col-xs-1 col-sm-1">
                {{ Lang::get('sms.index.functions') }}
            </div>
        </div>
        @if (!$smsSendouts->isEmpty())
            @foreach($smsSendouts as $key => $smsSendout)
                <div class="row table-row">
                    <div class="col-xs-10 col-sm-10 col-lg-11">
                        <div class="col-xs-12 col-md-2 col-sm-3 statusType">
                            @if($smsSendout->statusType() == 1)
                                {{ Lang::get('sms.status.scheduled') }}
                            @elseif($smsSendout->statusType() == 2)
                                {{ Lang::get('sms.status.sending') }}
                            @elseif($smsSendout->statusType() == 3)
                                {{ Lang::get('sms.status.done') }}
                            @elseif($smsSendout->statusType() == 0 && $smsSendout->abort_time)
                                {{ Lang::get('sms.status.aborted') }}
                            @elseif($smsSendout->statusType() == 0)
                                {{ Lang::get('sms.status.failed') }}
                            @endif
                        </div>
                        <div class="col-xs-12 col-md-4">
                            <a href="{{ route('sms-sendout.show', $smsSendout->id) }}">{{ $smsSendout->name }}</a>
                        </div>
                        <div class="col-xs-12 col-md-2 hide-sm hide-xs">
                            {{ $smsSendout->sms->whereNotNull('third_party_id')->where('type', 1)->count()  }}
                        </div>
                        {{-- <div class="col-xs-12 col-md-1 hide-sm hide-xs">
                            {{ $smsSendout->sms->where('type', 2)->count() }}
                            @if($count = $smsSendout->sms()->unreadReplies()->count() > 0)
                                <span class="label label-success pull-right">{{ $count }}</span>
                            @endif
                        </div> --}}
                        <div class="col-xs-12 col-md-3">
                            {{ $smsSendout->start_time->format('Y-m-d H:i') }}
                        </div>
                    </div>
                    <div class="col-xs-2 col-sm-2 col-lg-1">
                        @if($smsSendout->statusType() == 3 || $smsSendout->statusType() == 0)
                            @if($smsSendout->archive_time)
                                <a class="btn btn-success" data-id="{{ $smsSendout->id }}" data-archived="1" title="@lang('sms.unarchive')"><i class="fa fa-undo"></i></a>
                            @else
                                <a class="btn btn-success" data-id="{{ $smsSendout->id }}" data-archived="0" title="@lang('sms.archive')"><i class="fa fa-archive"></i></a>
                            @endif
                        @elseif($smsSendout->statusType() == 1 || $smsSendout->statusType() == 2)
                            <a class="btn btn-danger" data-id="{{ $smsSendout->id }}" data-abort="1" title="@lang('sms.abort')"><i class="fa fa-warning" style="color: #fff;"></i></a>
                        @endif
                    </div>
                </div>
            @endforeach
        @else
            <div class="row text-center">
                {{ Lang::get('sms.form.noResult') }}
            </div>
        @endif

        @if (!$smsSendouts->isEmpty())
            <div class="row text-center">
                {!! $smsSendouts->appends(Request::all())->render() !!}
            </div>
        @endif
    </div>

@stop

@section('footer-script')
    <script>
        $('.btn[data-id]').on('click', function() {
            var $this = $(this);
            var details = {
                "_token": _token,
                _method: "PUT"
            };

            if($(this).attr('data-abort')) {
                details.abort = $this.attr('data-id');
                $.ajax({
                    url: "{{ route('sms-sendout.abort') }}",
                    type: "PUT",
                    data: details
                }).done(function (data){
                    // Remove current tip window
                    $this.qtip().hide();
                    $this.closest('.table-row').find('.statusType').html('@lang('sms.status.aborted')');
                    $this.parent().append('<a class="btn btn-success" data-id="'+details.abort+'" data-archived="0" title="@lang('sms.archive')"><i class="fa fa-archive"></i></a>');
                    $this.remove();

                    // Add qtip to new element
                    $('[data-id='+details.abort+']').qtip({
                        style: {
                            classes: 'qtip-bootstrap qtip-style'
                        },
                        position: {
                            viewport: $(window)
                        }
                    });

                    toastr.success(data.msg, "@lang('sms.alert.abostSuccessTitle')");
                }).fail(function (data){
                    toastr.error("@lang('sms.alert.abostErrorContent')", "@lang('sms.alert.abostErrorTitle')");
                });
            } else {
                details.archive = $this.attr('data-id');
                $.ajax({
                    url: "{{ route('sms-sendout.archive') }}",
                    type: "PUT",
                    data: details
                }).done(function (data){
                    if($this.attr('data-archived') == 1) {
                        //console.log('not archived', $this.find('>:first-child'));
                        $this.attr('data-archived', 0);
                        $this.find('>:first-child').first().removeClass('fa-undo');
                        $this.find('>:first-child').first().addClass('fa-archive');
                    } else {
                        //console.log('archived', $this.find('>:first-child'));
                        $this.attr('data-archived', 1);
                        $this.find('>:first-child').first().removeClass('fa-archive');
                        $this.find('>:first-child').first().addClass('fa-undo');
                    }

                    // Change icon if showing achieved, otherwise hide the row
                    if(!$('input[name=archived]').attr('data-checked')) {
                        $this.closest('.table-row').hide();
                    }

                    toastr.success(data.msg, "@lang('sms.alert.archivedSuccessTitle')");
                }).fail(function (data){
                    toastr.error("@lang('sms.alert.archivedErrorContent')", "@lang('sms.alert.archivedErrorTitle')");
                });
            }
        });
    </script>
@endsection