@extends('Frontend.Layouts.modal')

@section('modal_class', 'modal-md')

@section('title')
    <i class="icon alerts"></i> {!! trans('global.add_new') !!}
@stop

@section('body')
    <ul class="nav nav-tabs nav-default" role="tablist">
        <li class="active"><a href="#alerts-form-user" role="tab" data-toggle="tab">{!!trans('front.devices')!!}</a></li>
        <li><a href="#alerts-form-type" role="tab" data-toggle="tab">{!!trans('validation.attributes.type')!!}</a></li>
        <li><a href="#alerts-form-geofences" role="tab" data-toggle="tab">{!!trans('front.geofencing')!!}</a></li>
        <li><a href="#alerts-form-schedule" role="tab" data-toggle="tab">{!!trans('front.schedule')!!}</a></li>
        <li><a href="#alerts-form-notifications" role="tab" data-toggle="tab">{!!trans('front.notifications')!!}</a></li>
        <li><a href="#alerts-form-command" role="tab" data-toggle="tab">{!!trans('front.command')!!}</a></li>
    </ul>

    {!!Form::open(['route' => 'alerts.store', 'method' => 'POST', 'class' => 'alert-form'])!!}
    {!!Form::hidden('id')!!}
        <div class="tab-content">
            <div id="alerts-form-user" class="tab-pane active">

                <div class="form-group">
                    {!!Form::label('name', trans('validation.attributes.name').'*:')!!}
                    {!!Form::text('name', null, ['class' => 'form-control'])!!}
                </div>

                <div class="form-group">
                    {!! Form::label('devices', trans('validation.attributes.devices').'*:') !!}
                    {!! Form::select('devices[]',$devices , null, ['class' => 'form-control multiexpand', 'multiple' => 'multiple', 'data-live-search' => 'true', 'data-actions-box' => 'true']) !!}
                </div>
            </div>

            <div id="alerts-form-type" class="tab-pane">
                <div class="form-group">
                    {!! Form::label('type', trans('validation.attributes.type').':') !!}
                    {!! Form::select('type', array_pluck($types, 'title', 'type'), null, ['class' => 'form-control']) !!}
                </div>

                @foreach($types as $type)
                    <div class="types type-{{ $type['type'] }}">
                        @if ( ! empty($type['attributes']))
                            @foreach($type['attributes'] as $attribute)
                            <div class="form-group">
                                {!!Form::label($attribute['name'], $attribute['title'])!!}
                                @if ($type['type'] == 'custom' && $attribute['type'] == 'multiselect')
                                    {!! Form::select($attribute['name'].'[]', array_pluck($attribute['options'], 'items', 'name'), $attribute['default'], ['class' => 'form-control multiexpand half', 'multiple' => 'multiple', 'data-live-search' => 'true', 'data-actions-box' => 'true']) !!}
                                @elseif ($attribute['type'] == 'multiselect-group')
                                    {!! Form::select($attribute['name'].'[]', $attribute['options'], $attribute['default'], ['class' => 'form-control multiexpand', 'multiple' => 'multiple', 'data-live-search' => 'true', 'data-actions-box' => 'true']) !!}
                                @elseif ($attribute['type'] == 'multiselect')
                                    {!! Form::select($attribute['name'].'[]', array_pluck($attribute['options'], 'title', 'id'), $attribute['default'], ['class' => 'form-control multiexpand', 'multiple' => 'multiple', 'data-live-search' => 'true', 'data-actions-box' => 'true']) !!}
                                @elseif ($attribute['type'] == 'select')
                                    {!! Form::select($attribute['name'], array_pluck($attribute['options'], 'title', 'id'), $attribute['default'], ['class' => 'form-control', 'data-live-search' => 'true']) !!}
                                @else
                                    {!! Form::text($attribute['name'], $attribute['default'], ['class' => 'form-control']) !!}
                                @endif

                                @if ( ! empty($attribute['description']))
                                    <div>
                                        {!! $attribute['description'] !!}
                                    </div>
                                @endif
                            </div>
                            @endforeach
                        @endif
                    </div>
                @endforeach
            </div>

            <div id="alerts-form-geofences" class="tab-pane">
                @if (!empty($geofences))
                    <div class="form-group">
                        {!! Form::hidden('zone', 0) !!}
                        <div class="checkbox-inline">
                            {!! Form::checkbox('zone', 1) !!}
                            {!! Form::label(null, trans('front.zone_in')) !!}
                        </div>
                        <div class="checkbox-inline">
                            {!! Form::checkbox('zone', 2) !!}
                            {!! Form::label(null, trans('front.zone_out')) !!}
                        </div>
                    </div>
                    <div class="form-group">
                        {!!Form::select('zones[]', $geofences, null, ['class' => 'form-control multiexpand', 'multiple' => 'multiple', 'data-live-search' => 'true', 'data-actions-box' => 'true'])!!}
                    </div>
                @else
                    <div class="alert alert-warning" role="alert">{!!trans('front.no_geofences')!!}</div>
                @endif
            </div>

            <div id="alerts-form-schedule" class="tab-pane">
                <div class="form-group">
                    {!! Form::hidden('schedule', 0) !!}
                    <div class="checkbox">
                        {!! Form::checkbox('schedule', 1) !!}
                        {!! Form::label(null, trans('validation.attributes.schedule')) !!}
                    </div>
                </div>

                <hr>

                <div class="table-responsive">
                <table class="table table-weektime" id="weektime-selectarea">
                    <thead>
                        <tr>
                            <th></th>