{{--

Name: receiverList.partials.editList
Author: Arto Laine
Created: 2015-09-30


Updated by:
Description:


receiverList.partials.editList displays an receiver list for receiverList.edit

--}}

@extends('partials.box')

@section($content_id)

    {!! Form::open(['method' => 'PUT', 'class' => 'form-horizontal editlist', 'route' => ['receiverlist.update', $receiver_list->id]]) !!}
    <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
        {!! Form::label('name', Lang::get('receiverList.form.name'), ['class' => 'col-md-3 control-label', 'maxlength' => '32']) !!}
        <div class="col-md-6">
            {!! Form::text('name', $receiver_list->name, ['class' => 'form-control']) !!}
            {!! $errors->first('name', '<span class="help-block">:message</span>') !!}
        </div>
    </div>

    <div class="form-group {{ $errors->has('comment') ? 'has-error' : '' }}">
        {!! Form::label('comment', Lang::get('receiverList.form.comment'), ['class' => 'col-md-3 control-label', 'maxlength' => '256']) !!}
        <div class="col-md-6">
            {!! Form::textarea('comment', $receiver_list->comment, ['class' => 'form-control', 'rows' => '3']) !!}
            {!! $errors->first('comment', '<span class="help-block">:message</span>') !!}
        </div>
    </div>

    <div class="form-group {{ $errors->has('comment') ? 'has-error' : '' }}">
        {!! Form::label('status', Lang::get('receiverList.form.private'), ['class' => 'col-md-3 control-label']) !!}
        <div class="col-xs-3 text-left">
            @if ($receiver_list->status == 0)
                {{-- {!! Form::checkbox('status', '0', true) !!} --}}
                <input checked="checked" name="status" type="checkbox" value="1" id="status">
            @else
                {{-- {!! Form::checkbox('status', '0', false) !!} --}}
                <input name="status" type="checkbox" value="0" id="status">
            @endif
            <i class="fa fa-question-circle fa-lg hover-info" title="{{ Lang::get('receiverList.form.privatelist') }}"></i>
        </div>
    </div>

    <hr>

    <div class="form-group">
        <div class="col-xs-12 text-right">
            {!! Form::submit(Lang::get('receiverList.form.update'), ['class' => 'btn btn-primary']) !!}
        {!! Form::close() !!}

            {!! Form::open(['class' => 'pull-right margin-left delete-form', 'route' => ['receiverlist.destroy', $receiver_list->id]]) !!}
                <input name="_method" type="hidden" value="DELETE">
                {!! Form::submit(Lang::get('receiverList.form.delete'), ['class' => 'btn btn-danger' ,'data' => 'delete-confirm']) !!}
            {!! Form::close() !!}
        </div>
    </div>

    <br>

    <div class="row">
        <hr>
        <div class="col-xs-12"><h2>{{ trans('receiverList.receiverheader')}}</h2></div>
    </div>

    <br>

    @if(isset($filter) && $filter == true)
        <div class="row">
            <div class="col-xs-12 ">
                <div class="filter-container">
                    <h3>{{ Lang::get('receiver.filterOn') }}:</h3>
                    {!! Form::open(['method' => 'GET', 'route' => ['receiverlist.edit', $receiver_list->id]]) !!}
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-3">
                                {{ Lang::get('receiver.filterEmail') }}<br>
                                <input type="text" class="form-control" name="q" placeholder="{{ Lang::get('receiver.filterEmail') }}" value="{{ @Request::get('q') }}">
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-3">
                                {{ Lang::get('receiver.filterBySubscription') }}<br>
                                {!! Form::select('subscribed', [
                                    0 => Lang::get('receiver.form.subscriptionStatusAll'),
                                    1 => Lang::get('receiver.form.subscriptionStatusSubscribed'),
                                    2 => Lang::get('receiver.form.subscriptionStatusNotSubscribed')
                                ], Request::get('subscribed') ?? 0, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-3">
                                {{ Lang::get('receiver.itemsPerPage') }}<br>
                                {!! Form::select('itemsPerPage', [
                                    25 => 25,
                                    50 => 50,
                                    100 => 100
                                ], Request::get('itemsPerPage') ?? 0, ['class' => 'form-control']) !!}
                            </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> {{ Lang::get('receiver.filterSubmit') }}
                                </button>
                            </div>
                        </div>
                        <div id="filters">
                            <filters-component>
                        </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    @endif

    @if(!$data->isEmpty())
        <div class="row">
            <div class="col-xs-12">
                @if($sendout)
                    <a class="btn btn-primary disabled">@lang('receiverList.selectAllReceivers')</a>
                @else
                    <a id="receiverCheck" class="btn btn-primary">@lang('receiverList.selectAllReceivers')</a>
                    <a id="removeReceivers" class="btn btn-primary disabled">@lang('receiver.removeFromList')</a>
                    <a id="deleteReceivers" class="btn btn-primary disabled">@lang('receiver.deletePermanent')</a>
                @endif
            </div>
        </div>
    @endif

    <div class="table">
        <div class="row table-header">
            <div class="col-xs-12 col-sm-12 col-md-8 col-lg-6 text-left">
                <div class="col-xs-12">
                    {{ Lang::get('receiver.name') }}
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-5 col-lg-6">
                <div class="col-xs-12 text-left">
                    {{ Lang::get('receiver.stats') }}
                </div>
            </div>
        </div>

        @if (!$data->isEmpty())
            {!! Form::open(['method' => 'DELETE', 'route' => ['receiverlist.destroy.receivers', $receiver_list->id], 'id' => 'receiverlist']) !!}
                <input type="hidden" name="delete" value="0">
                <input type="hidden" name="all" value="0">
                @if(Request::get('q'))
                    <input type="hidden" name="q" value="{{ Request::get('q') }}">
                @endif
                @if(Request::get('subscribed'))
                    <input type="hidden" name="subscribed" value="{{ Request::get('subscribed') }}">
                @endif

                @foreach($data as $key => $receiver)
                    <div class="row table-row">
                        <div class="col-xs-12 col-sm-12 col-md-8 col-lg-6 text-left">
                            @if($sendout)
                                <input type="checkbox" class="receiverCheckbox" style="margin-right: 5px;" title="@lang('receiverlist.cantSelectReceivers')" disabled>
                            @else
                                <input type="checkbox" class="receiverCheckbox" name="receivers[]" value="{{ $receiver->id }}" style="margin-right: 5px;">
                            @endif
                            <div class="list-title">
                                <a href="{{ action('ReceiverController@edit', $receiver['id']) }}"><b>
                                    @if(is_null($receiver['email']))
                                        {{-- No e-mail, this receiver was created through the API --}}
                                        {{ $receiver['phone'] }}
                                        <i class="fa fa-mobile-phone hover-info" title="{{ Lang::get('receiver.tooltip.noEmail') }}"></i>
                                    @else
                                        {{-- E-mail exists --}}
                                        {{ $receiver['email'] }}
                                        @if(is_null($receiver->consent))
                                            <i class="fa fa-handshake-o text-danger hover-info" title="{{ Lang::get('receiver.consent_not_given') }}"></i>
                                        @endif
                                    @endif
                                    @if($receiver->isBlacklisted())
                                        <i class="fa fa-flag text-danger hover-info" title="{{ Lang::get('receiver.edit.blacklisted') }}"></i>
                                    @endif
                                    @if(!$receiver->complaints->isEmpty())
                                        <i class="fa fa-minus-circle text-danger hover-info" title="{{ Lang::get('receiver.has_complaint') }}"></i>
                                    @endif
                                </b></a>
                                <a href="{{ action('ReceiverController@edit', $receiver['id']) }}">({{ Lang::get('receiverList.edittitle') }})</a>
                                @if($receiver->lists->where('id', $receiver_list->id)->first()->pivot->status == 0)
                                    <i class="fa fa-exclamation red-ball hover-info" title="{{ Lang::get('receiver.unsubscribed') }}"></i>
                                @endif
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-5 col-lg-6">
                            <div class="col-xs-12 col-sm-12">
                                <span class="label sent">{{$receiver->bounceStickData()['sent']}} {{ Lang::get('receiver.statusSent') }}</span>

                                <span class="label open">{{$receiver->bounceStickData()['open']}} {{ Lang::get('receiver.statusOpened') }}</span>

                                <span class="label bounce">{{$receiver->bounceStickData()['bounce']}} {{ Lang::get('receiver.statusBounce') }}</span>
                            </div>
                        </div>
                    </div>
                @endforeach
            {!! Form::close() !!}
        @else
            <div class="row table-row">
                <div class="col-xs-12 col-sm-12 text-left">
                    {{ Lang::get('receiver.noresults') }}
                </div>
            </div>
        @endif
    </div>

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

@stop

@section('footer-script')
    <script>
        $('#receiverCheck').on('click', function() {
            swal({
                title: "@lang('receiverList.alert.receiversSelectTitle')",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "@lang('receiverList.alert.receiversSelectAll')",
                cancelButtonText: "@lang('receiverList.alert.receiversSelectCurrentPage')",
                allowEscapeKey: true,
                allowOutsideClick: true,
            }).then(function(status) {
                if (status.value) {
                    $('input[name="all"]').val(1);
                } else {
                    $('input[name="all"]').val(0);
                }
            });

            $('.receiverCheckbox').each(function() {
                $(this).prop('checked', true);
            });

            deleteButtonStatus();
        });

        $('.receiverCheckbox').on('click', function() {
            deleteButtonStatus();
            $('input[name="all"]').val(0);
        });

        // If trying to change page with pagination and have checkboxes checked
        $('.pagination a').on('click', function(e) {
            e.preventDefault();
            let url = $(this).attr('href');

            if(deleteButtonStatus() > 0) {
                swal({
                    title: "@lang('receiverList.alert.receiversSelectedTitle')",
                    text: "@lang('receiverList.alert.receiversSelectedText')",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "@lang('receiverList.alert.receiversSelectedConfirm')",
                    cancelButtonText: "@lang('receiverList.alert.cancel')",
                    allowEscapeKey: true,
                    allowOutsideClick: true,
                }).then(function(status) {
                    if (status.value) {
                        location.assign(url);
                    }
                });
            } else {
                location.assign(url);
            }
        });

        $('#removeReceivers').on('click', function() {
            swal({
                title: "@lang('receiverList.alert.receiversRemoveTitle')",
                text: "@lang('receiverList.alert.receiversRemoveText')",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "@lang('receiverList.alert.receiversRemoveConfirm')",
                cancelButtonText: "@lang('receiverList.alert.cancel')",
                allowEscapeKey: true,
                allowOutsideClick: true,
            }).then(function(status) {
                if (status.value) {
                    $('input[name="delete"]').val(0);
                    $('#receiverlist').submit();
                }
            });
        });

        $('#deleteReceivers').on('click', function() {
            swal({
                title: "@lang('receiverList.alert.receiversDeleteTitle')",
                text: "@lang('receiverList.alert.receiversDeleteText')",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "@lang('receiverList.alert.receiversDeleteConfirm')",
                cancelButtonText: "@lang('receiverList.alert.cancel')",
                allowEscapeKey: true,
                allowOutsideClick: true,
            }).then(function(status) {
                if (status.value) {
                    $('input[name="delete"]').val(1);
                    $('#receiverlist').submit();
                }
            });
        });

        function deleteButtonStatus() {
            let counter = 0;
            $('.receiverCheckbox').each(function() {
                if($(this).prop('checked')) {
                    counter++;
                }
            });

            if(counter > 0) {
                $('#deleteReceivers').removeClass('disabled');
                $('#removeReceivers').removeClass('disabled');
            } else {
                if(!$('#deleteReceivers').hasClass('disabled')) {
                    $('#deleteReceivers').addClass('disabled');
                    $('#removeReceivers').addClass('disabled');
                }
            }

            return counter;
        }

    </script>
@endsection