{{--

Name: receiver.partials.editForm
Author: Arto Laine
Created: 2015-09-28


Updated by:
Description:


receiver.partials.editForm displays an edit form for receiver.edit

--}}

@extends('partials.box')

@section($content_id)

    @include('partials.bounce-stick', ['statsData' => $receiver->bounceStickData() ])

    @if($receiver->isBlacklisted())
        <div style="background: #EC4758;padding:10px;color:#fff;">{{ Lang::get('receiver.edit.blacklisted') }}</div>
    @endif

    {!! Form::open(['method' => 'PUT', 'class' => 'form-horizontal', 'route' => ['receiver.update', $receiver->id]]) !!}
        <input type="hidden" name="company_id" value="{!! Auth::user()->company->id !!}"></input>
        <input type="hidden" name="receiver_id" value="{!! $receiver->id !!}"></input>
        <div class="col-xs-12 col-sm-6 dashed-border">
        <div class="row">
            <div class="col-xs-12">
                <div class="form-group">
                    {!! Form::label('text', Lang::get('receiver.status'), ['class' => 'col-xs-12 control-label ']) !!}
                    <div class="col-xs-12">
                        {!! Form::select('status', array(
                            '0' => Lang::get('receiver.form.statusActive'),
                            '1' => Lang::get('receiver.form.statusInactive'),
                        ), (is_null($receiver->inactivated_at)) ? '0' : '1', ['class' => 'form-control']) !!}
                    </div>
                </div>
                <div class="form-group">
                    {!! Form::label('consent', Lang::get('receiver.form.consentStatus'), ['class' => 'col-xs-12 control-label ']) !!}
                    <div class="col-xs-12">
                        {!! Form::select('consent', !is_null($receiver->consent) ? [
                            0 => Lang::get('receiver.form.consentStatusConsented'),
                            1 => Lang::get('receiver.form.consentStatusNotConsent')
                        ] : [
                            0 => Lang::get('receiver.form.consentStatusConsented'),
                            1 => Lang::get('receiver.form.consentStatusNotConsent'),
                            2 => Lang::get('receiver.form.consentStatusUnconsented')
                        ], !is_null($receiver->consent) ? 0 : (!is_null($receiver->not_consent) ? 1 : 2), ['class' => 'form-control']) !!}
                    </div>
                </div>
                <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                    <label for="email" class="col-xs-12 control-label receiverfield">
                        {{ Lang::get('receiver.form.email') }}
                        @if(!$receiver->complaints->isEmpty())
                            <i class="fa fa-minus-circle text-danger hover-info" title="{{ Lang::get('receiver.has_complaint') }}"></i>
                        @endif
                    </label>
                    {{-- {!! Form::label('email', Lang::get('receiver.form.email'), ['class' => 'col-xs-12 control-label receiverfield']) !!} --}}
                    <div class="col-xs-12">
                        @if(!$receiver->complaints->isEmpty())
                            {{-- This receiver have complains --}}
                            {!! Form::email('email', $receiver['email'], ['class' => 'form-control', 'id' => 'email', 'readonly' => true]) !!}
                        @else
                            {!! Form::email('email', $receiver['email'], ['class' => 'form-control', 'id' => 'email']) !!}
                        @endif
                        {!! $errors->first('email', '<span class="help-block">:message</span>') !!}
                        <span data="duplicate_email">
                            @if(session('duplicate_id', false) && $errors->has('email'))
                                Denna mottagaren finns redan, klicka <a href="{{ route('receiver.edit', Session::get('duplicate_id')) }}">här</a> för att gå till den
                            @endif
                        </span>
                    </div>
                </div>
                <div class="form-group {{ $errors->has('phone') ? 'has-error' : '' }}">
                    {!! Form::label('phone', Lang::get('receiver.form.phone'), ['class' => 'col-xs-12 control-label receiverfield']) !!}
                    <div class="col-xs-12">
                        {!! Form::input('text','phone', $receiver['phone'], ['class' => 'form-control',]) !!}
                        {!! $errors->first('phone', '<span class="help-block">:message</span>') !!}
                        <span data="duplicate_phone">
                            @if(session('duplicate_id', false) && $errors->has('phone'))
                                Denna mottagaren finns redan, klicka <a href="{{ route('receiver.edit', Session::get('duplicate_id')) }}">här</a> för att gå till den
                            @endif
                        </span>
                    </div>
                </div>
                <!-- Fields for additional inputs -->
                <div id="addon-fields">
                                        @if(!empty(old('template')))
                        @foreach (old('template') as $prop)
                            <div class="form-group" data-order="{!! $prop['order'] !!}">
                                <label for="template[{{ $i }}][value]" class="col-xs-12 control-label">{!! $prop['screen_name'] !!}</label>
                                <div class="col-xs-12">
                                    <input class="form-control receiverfield" type="text" name="template[{{ $i }}][value]" maxlength="255" value="{!! $prop['value'] !!}">
                                    <input class="screen-name" type="hidden" name="template[{{ $i }}][screen_name]" value="{!! $prop['screen_name'] !!}"></input>
                                    <input class="name" type="hidden" name="template[{{ $i }}][name]" value="{!! $prop['name'] !!}"></input>
                                    <input class="order" type="hidden" name="template[{{ $i }}][order]" value="{!! $prop['order'] !!}"></input>
                                    <input type="hidden" name="template[{{ $i++ }}][id]" value="{{{  $prop['id'] ?? '' }}}"></input>
                                </div>
                                <div class="col-md-2">
                                    <table>
                                        <tbody>
                                            <tr style="height: 32px;">
                                                <td>
                                                    <a class="fa fa-sort-up" data-up="{!! $prop['order'] !!}" style="font-size: 24px; display:block; height: 16px;"></a>
                                                    <a class="fa fa-sort-down" data-down="{!! $prop['order'] !!}" style="font-size: 24px; display:block; height: 16px;"></a>
                                                </td>
                                                <td>
                                                    <a class="fa fa-times delete" data="delete-row" style="font-size: 24px; padding-left: 10px; color: #FF0000;"><a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @endforeach
                    @else
                        @foreach ($receiver_props as $prop)
                            <div class="form-group" data-order="{!! $prop['order'] !!}">
                                <label for="template[{{ $i }}][value]" class="col-xs-12 control-label">{!! $prop['screen_name'] !!}</label>
                                <div class="col-xs-10">
                                    <input class="form-control receiverfield" type="text" name="template[{{ $i }}][value]" maxlength="255" value="{{ $receiver->props()->where('receiver_prop_template_id', $prop->id)->value('data') }}">
                                    <input class="screen-name" type="hidden" name="template[{{ $i }}][screen_name]" value="{!! $prop['screen_name'] !!}"></input>
                                    <input class="name" type="hidden" name="template[{{ $i }}][name]" value="{!! $prop['name'] !!}"></input>
                                    <input class="order" type="hidden" name="template[{{ $i }}][order]" value="{!! $prop['order'] !!}"></input>
                                    <input type="hidden" name="template[{{ $i++ }}][id]" value="{!! $prop['id'] !!}"></input>
                                </div>
                                <div class="col-xs-2">
                                    <table>
                                        <tbody>
                                            <tr style="height: 32px;">
                                                <td>
                                                    <a class="fa fa-sort-up black-text" data-up="{!! $prop['order'] !!}" style="font-size: 24px; display:block; height: 16px;"></a>
                                                    <a class="fa fa-sort-down black-text" data-down="{!! $prop['order'] !!}" style="font-size: 24px; display:block; height: 16px;"></a>
                                                </td>
                                                <td>
                                                    <a class="fa fa-times delete" data="delete-row" style="font-size: 24px; padding-left: 10px; color: #FF0000;"><a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>

                <br>
                <div class="form-group">
                    <div class="row add-new-field edit-field">
                        <p class="col-xs-12"><small>{{ Lang::get('receiver.form.whatisfields') }}</small>
                        <div class="col-xs-12 col-md-7">
                            {!! Form::text('newfield', null, ['class' => 'form-control', 'maxlength' => '26', 'placeholder' => Lang::get('receiver.form.newfieldtext')]) !!}
                            {!! $errors->first('newfield', '<span class="help-block">:message</span>') !!}
                        </div>
                        <div class="col-xs-12 col-md-5">
                            {!! Form::button(Lang::get('receiver.form.addnewfield'), ['id' => 'newfield-btn', 'class' => 'btn']) !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
        <br>
    <div class="col-xs-12 col-md-6 ">
        <div class="row">

            <div class="col-xs-12"><h2>{{ trans('receiver.lists')}}</h2>{{ trans('receiver.receiverlistheader')}}</div>

        </div>
        <br>

        <div class="row">
            <div class="col-xs-12 col-md-7">
                {!! Form::text('filter', null, ['class' => 'form-control', 'placeholder' => Lang::get('receiver.form.filterlist')]) !!}
            </div>
            <div class="col-xs-12 col-md-5">
                {!! Form::button(Lang::get('receiver.form.filter'), ['class' => 'btn btn-success pull-left filterbtn']) !!}
            </div>
        </div>

        <br>

        {{-- Receiver List listing --}}
        <div class="col-xs-12">
            @include('receiver.partials.receiverList')
        </div>
    </div>
        <div class="row text-right">

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

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

        </div>

    {!! Form::close() !!}

@stop

@section('footer-script')

    <script>
        // Confirmation for changing receiver for consenting
        var consentVal = $('#consent').val();
        $('#consent').on('change', function(el) {
            if($(this).val() == 0) {
                swal({
                    title: "{!! Lang::get('receiver.consent.swal.title') !!}",
                    text: "{!! Lang::get('receiver.consent.swal.text') !!}",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#1AB394",
                    confirmButtonText: "{!! Lang::get('receiver.consent.swal.confirmButton') !!}",
                    cancelButtonText: "{!! Lang::get('receiver.consent.swal.cancelButton') !!}",
                    allowOutsideClick: true,
                }).then(function(status) {
                    if (status.value) {
                        //console.log('confirm');
                    } else {
                        $('#consent').val(consentVal);
                        //console.log('cancel', consentVal);
                    }
                }).catch(swal.noop);
            }
        });

        $('.unsubscribed').on('click', function() {
            let $this = $(this);
            $.ajax({
                method: "POST",
                url: "{{ route('receiver.resub') }}",
                data: {
                    receiver_id: $('input[name="receiver_id"').val(),
                    list_id: $('.unsubscribed').data('list')
                },
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}
            })
            .done(function(response) {
                console.log($this.hide());
                //console.log(response);
            })
            .fail(function(response) {
                //console.log(response);
                // Fail
            });
        });
    </script>

@stop