@extends('layout.dashboard')

@section('content')
<div class="header">
    <div class="sidebar-toggler visible-xs">
        <i class="ion ion-navicon"></i>
    </div>
    <span class="uppercase">
        <i class="ion ion-ios-browsers-outline"></i> {{ trans('dashboard.components.components') }}
    </span>
    &gt; <small>{{ trans('dashboard.components.edit.title') }}</small>
</div>
<div class="content-wrapper">
    <div class="row">
        <div class="col-sm-12">
            @include('partials.errors')
            <form name="EditComponentForm" class="form-vertical" role="form" action="{{ cachet_route('dashboard.components.edit', [$component->id], 'post') }}" method="POST">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <fieldset>
                    <div class="form-group">
                        <label for="incident-name">{{ trans('forms.components.name') }}</label>
                        <input type="text" class="form-control" name="component[name]" id="component-name" required value="{{ $component->name }}" placeholder="{{ trans('forms.components.name') }}">
                    </div>
                    <div class="form-group">
                        <label for="component-status">{{ trans('forms.components.status') }}</label>
                        <select name="component[status]" class="form-control">
                            @foreach(trans('cachet.components.status') as $statusID => $status)
                            <option value="{{ $statusID }}" {{ $statusID === $component->status ? 'selected' : "" }}>{{ $status }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>{{ trans('forms.components.description') }}</label>
                        <textarea name="component[description]" class="form-control" rows="5" placeholder="{{ trans('forms.components.description') }}">{{ $component->description }}</textarea>
                    </div>
                    @if($groups->count() > 0)
                    <div class="form-group">
                        <label>{{ trans('forms.components.group') }}</label>
                        <select name="component[group_id]" class="form-control">
                            <option value="0" {{ $component->group_id === null ? 'selected' : null }}></option>
                            @foreach($groups as $group)
                            <option value="{{ $group->id }}" {{ $component->group_id === $group->id ? 'selected' : null }}>{{ $group->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    @else
                    <input type="hidden" name="component[group_id]" value="0">
                    @endif
                    <hr>
                    <div class="form-group">
                        <label>{{ trans('forms.components.link') }}</label>
                        <input type="text" name="component[link]" class="form-control" value="{{ $component->link }}" placeholder="{{ trans('forms.components.link') }}">
                    </div>
                    <div class="form-group">
                        <label>{{ trans('forms.components.tags') }}</label>
                        <input name="component[tags]" class="form-control" value="{{ $component->tags->implode(', ') }}" placeholder="{{ trans('forms.components.tags') }}">
                        <span class="help-block">{{ trans('forms.components.tags-help') }}</span>
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="hidden" value="0" name="component[enabled]">
                            <input type="checkbox" value="1" name="component[enabled]" {{ $component->enabled ? 'checked' : null }}>
                            {{ trans('forms.components.enabled') }}
                        </label>
                    </div>
                </fieldset>

                <input type="hidden" name="component[user_id]" value="{{ $component->agent_id || $currentUser->id }}">
                <input type="hidden" name="component[order]" value="{{ $component->order ?: 0 }}">

                <div class="btn-group">
                    <button type="submit" class="btn btn-success">{{ trans('forms.save') }}</button>
                    <a class="btn btn-default" href="{{ cachet_route('dashboard.components') }}">{{ trans('forms.cancel') }}</a>
                </div>
            </form>
        </div>
    </div>
</div>
@stop