@extends('Frontend.Layouts.modal')

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

@section('title')
    <i class="icon alerts"></i> {!! trans('global.edit') !!}
@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.update', 'method' => 'PUT', 'class' => 'alert-form'])!!}
    {!!Form::hidden('id', $item->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', $item->name, ['class' => 'form-control'])!!}
                </div>

                <div class="form-group">
                    {!! Form::label('devices', trans('validation.attributes.devices').'*:') !!}
                    {!! Form::select('devices[]', $devices , $item->devices->lists('id', 'id')->all(), ['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'), $item->type, ['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')
                                        {!! 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, $item->zone == 1) !!}
                            {!! Form::label(null, trans('front.zone_in')) !!}
                        </div>
                        <div class="checkbox-inline">
                            {!! Form::checkbox('zone', 2, $item->zone == 2) !!}
                            {!! Form::label(null, trans('front.zone_out')) !!}
                        </div>
                    </div>
                    <div class="form-group">
                        {!!Form::select('zones[]', $geofences, $item->zones->lists('id', 'id')->all(), ['class' => 'form-control multiexpand disabled', '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, $item->schedule) !!}
                        {!! 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>