@extends('layout.default')

@if($mode == 'edit')
	@section('title', $L('Edit battery'))
@else
	@section('title', $L('Create battery'))
@endif

@section('viewJsName', 'batteryform')

@section('content')
<div class="row">
	<div class="col-lg-6 col-xs-12">
		<h1>@yield('title')</h1>

		<script>Grocy.EditMode = '{{ $mode }}';</script>

		@if($mode == 'edit')
			<script>Grocy.EditObjectId = {{ $battery->id }}</script>
		@endif

		<form id="battery-form" novalidate>

			<div class="form-group">
				<label for="name">{{ $L('Name') }}</label>
				<input type="text" class="form-control" required id="name" name="name" value="@if($mode == 'edit'){{ $battery->name }}@endif">
				<div class="invalid-feedback">{{ $L('A name is required') }}</div>
			</div>

			<div class="form-group">
				<label for="description">{{ $L('Description') }}</label>
				<input type="text" class="form-control" id="description" name="description" value="@if($mode == 'edit'){{ $battery->description }}@endif">
			</div>

			<div class="form-group">
				<label for="name">{{ $L('Used in') }}</label>
				<input type="text" class="form-control" id="used_in" name="used_in" value="@if($mode == 'edit'){{ $battery->used_in }}@endif">
			</div>

			@php if($mode == 'edit') { $value = $battery->charge_interval_days; } else { $value = 0; } @endphp
			@include('components.numberpicker', array(
				'id' => 'charge_interval_days',
				'label' => 'Charge cycle interval (days)',
				'value' => $value,
				'min' => '0',
				'hint' => $L('0 means suggestions for the next charge cycle are disabled'),
				'invalidFeedback' => $L('This cannot be negative')
			))

			<button id="save-battery-button" class="btn btn-success">{{ $L('Save') }}</button>

		</form>
	</div>
</div>
@stop