{{--

Name: receiver.partials.createForm
Author: Arto Laine
Created: 2015-09-17


Updated by:
Description:


receiver.partials.createForm displays an create form for receiver.create

--}}

@extends('partials.box')

@section($content_id)

<div class="row">
    <div class="col-xs-12 col-md-6 dashed-border">
        {!! Form::open(['method' => 'POST', 'route' => 'receiver.store', 'data-element' => 'receiver-form']) !!}
        {{-- Email --}}
        <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
            {!! Form::label('email', Lang::get('receiver.form.email'), ['class' => 'control-label receiverfield']) !!} {{-- ( <span class="redsign">*</span> ) --}}
            {!! Form::email('email', null, ['class' => 'form-control', 'id' => 'email', 'data-element' => 'receiver_email', 'placeholder' => Lang::get('receiver.form.email')]) !!}
            {!! $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>
        {{-- phone --}}
        <div class="form-group {{ $errors->has('phone') ? 'has-error' : '' }}">
            {!! Form::label('phone', Lang::get('receiver.form.phone'), ['class' => 'control-label receiverfield']) !!}
            {!! Form::input('text', 'phone', null, ['class' => 'form-control', 'placeholder' => Lang::get('receiver.form.phone')]) !!}
            {!! $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>
        {{-- Add new fields --}}
        <div id="addon-fields" class="row">
                        @if(!empty(old('template')))
                @foreach (old('template') as $prop)
                    <div class="form-group" data-order="{!! $prop['order'] !!}">
                        <div class="row label-padd">
                            <label for="template[{{ $i }}][value]" class="col-md-12 control-label">{!! $prop['screen_name'] !!}</label>
                        </div>
                        <div class="col-xs-10">
                            <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-xs-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: #fa3939;"><a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                @endforeach
            @else
                @foreach ($receiver_props as $prop)
                    <div class="form-group" data-order="{!! $prop['order'] !!}">
                        <div class="row label-padd">
                            <label for="template[{{ $i }}][value]" class="col-md-12 control-label">{!! $prop['screen_name'] !!}</label>
                        </div>

                        <div class="col-xs-10">
                            <input class="form-control receiverfield" type="text" name="template[{{ $i }}][value]" maxlength="255" 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-xs-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: #fa3939;"><a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <div class="clearfix"></div>
                @endforeach
            @endif
        </div>
        <br>
        <div class="form-group">
            <div class="row add-new-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('<i class="fa fa-plus"></i> ' . Lang::get('receiver.form.addnewfield'), ['id' => 'newfield-btn', 'class' => 'btn']) !!}
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-md-6">
        <div class="col-xs-12"><h2>{{ trans('receiver.lists')}}</h2>{{ trans('receiver.receiverlistheader')}}</div>
        <div class="clearfix"></div>
        <div class="row add-new-receiver">
            <div class="col-md-7">
                {!! Form::text('filter', null, ['class' => 'form-control', 'placeholder' => Lang::get('receiver.form.filterlist')]) !!}
            </div>
            <div class="col-md-5">
                {!! Form::button(Lang::get('receiver.form.filter'), ['class' => 'btn btn-success pull-left filterbtn']) !!}
            </div>
        </div>
        {{-- Receiver List listing --}}
        @include('receiver.partials.receiverList')
    </div>
</div>
        <div class="row">
            <hr>
        </div>
        <br>

        <div class="form-group">
            <div class="col-md-12 col-md-offset-0">
                <div class="col-md-2">
                    <a href="{{ route('receiverlist.index') }}" class="btn btn-default btn-outline pull-left" data-type="cancel">{{ Lang::get('receiver.form.cancel') }}</a>
                </div>
                <div class="col-md-6 text-right">
                    @if (!empty($create_disabled))
                        <a class="note-box" href="{{ route('account.edit') }}"><i class="fa fa-lightbulb-o"></i>
                        {{ $receiver_count }} / {{ $max_receiver_count }}
                        {{ Lang::get('receiver.form.maxReceiverNote') }}</a>
                    @endif
                </div>
                <div class="col-md-4">
                    {!! Form::submit(Lang::get('receiver.form.save'), ['data-element' => 'receiver_store', 'class' => 'btn btn-primary pull-right push-left' .$create_disabled]) !!}
                </div>
            </div>
        </div>

        <div class="clearfix"></div>

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

@stop