@extends('Frontend.Layouts.modal')

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

@section('body')
    <ul class="nav nav-tabs nav-default" role="tablist">
        <li class="active"><a href="#device-add-form-main" role="tab" data-toggle="tab">{!!trans('front.main')!!}</a></li>
        <li><a href="#device-add-form-icons" role="tab" data-toggle="tab">{!!trans('front.icons')!!}</a></li>
        <li><a href="#device-add-form-advanced" role="tab" data-toggle="tab">{!!trans('front.advanced')!!}</a></li>
        @if (isAdmin())
            <li><a href="#device-add-form-sensors" role="tab" data-toggle="tab">{{ trans('front.sensors') }}</a></li>
        @endif
        <li><a href="#device-add-form-accuracy" role="tab" data-toggle="tab">{!!trans('front.accuracy')!!}</a></li>
        <li><a href="#device-add-form-tail" role="tab" data-toggle="tab">{!!trans('front.tail')!!}</a></li>
        <li><a href="javascript:" role="tab" class="disabled">{!!trans('front.services')!!}</a></li>
    </ul>

    {!!Form::open(['route' => 'devices.store', 'method' => 'POST'])!!}
    {!!Form::hidden('id')!!}
    <div class="tab-content">
        <div id="device-add-form-main" class="tab-pane active">
            @if (isAdmin())
            <div class="form-group">
                <div class="checkbox-inline">
                    {!! Form::hidden('active', 0) !!}
                    {!! Form::checkbox('active', 1, true) !!}
                    {!! Form::label(null, trans('validation.attributes.active')) !!}
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('user_id', trans('validation.attributes.user').'*:') !!}
                {!! Form::select('user_id[]', $users->lists('email', 'id'), Auth::User()->id, ['class' => 'form-control', 'multiple' => 'multiple', 'data-live-search' => true]) !!}
            </div>
            @endif

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

            @if(Auth::user()->can('edit', new \Tobuli\Entities\Device(), 'imei'))
                <div class="form-group">
                    <label for="imei">
                        {{ trans('front.device_imei') }} {!! tooltipMarkImei(asset('assets/images/tracker-imei.jpg'), trans('front.tracker_imei_info')) !!}
                        /
                        {{ trans('front.tracker_id') }} {!! tooltipMarkImei(asset('assets/images/tracker-id.jpg'), trans('front.tracker_id_info')) !!}
                        :
                    </label>
                    {!!Form::text('imei', null, ['class' => 'form-control', 'placeholder' => trans('front.imei_placeholder')] )!!}
                </div>
            @endif

            @if (isAdmin() && Auth::user()->can('view', new \Tobuli\Entities\Device(), 'expiration_date'))
                <div class="form-group">
                    {!! Form::label('expiration_date', trans('validation.attributes.expiration_date').':') !!}
                    <div class="input-group">
                        <div class="checkbox input-group-btn">
                            {!! Form::hidden('enable_expiration_date', 0) !!}
                            {!! Form::checkbox('enable_expiration_date', 1, false, Auth::user()->can('edit', new \Tobuli\Entities\Device(), 'expiration_date') ? [] : ['disabled' => 'disabled']) !!}
                            {!! Form::label(null) !!}
                        </div>
                        {!! Form::text('expiration_date', NULL, ['class' => 'form-control datetimepicker', 'disabled' => 'disabled']) !!}
                    </div>
                </div>
            @endif

            @if(Auth::User()->able('configure_device'))
            <div class="form-group">
                <div class="checkbox-inline">
                    {!! Form::checkbox('configure_device', 1, false, ['data-disabler' => '#device-form-configurator;hide-disable']) !!}
                    {!! Form::label(null, trans('front.device_configuration')) !!}
                </div>
            </div>
            <div class="form-group" id="device-form-configurator">
                @include('Frontend.DeviceConfig.form', ['showDeviceSelect' => false])
            </div>
            @endif
        </div>
        <div id="device-add-form-icons" class="tab-pane">
            <div class="form-group">
                {!!Form::label('device_icons_type', trans('validation.attributes.icon_type').':')!!}
                {!!Form::select('device_icons_type', $icons_type, null, ['class' => 'form-control'])!!}
            </div>

            {!!Form::hidden('icon_id')!!}