@extends('layouts.app',[ 'mainClass' => 'element create-edit' ])
@section('content')

    <div class="subheader">
        <h3 class="title">{{ __('messages.elements') }}</h3>
        <small class="subtitle">{{ __('messages.manage_elements') }}</small>
    </div>

    @include('partials._alert', ['oneError' => true ])

    <div class="panel">

        <form class="element-form" submit-block method="post" action="{{ url('elements') }}" data-parsley-validate>

            <div data-json="biologic_type_id">{{ json_encode($element->biologic_type_id) }}</div>

            <div class="panel-heading">

                <div class="heading-title">{{ isEdit() ? __('messages.alter') : __('messages.insert') }}</div>

                <div class="heading-controls">
                    <a href="{{ url('elements') }}" class="btn btn-light">{{ __('messages.previous') }}</a>
                    <button type="submit" class="btn btn-primary">{{ isEdit() ? __('messages.alter') : __('messages.register') }}</button>
                </div>
            </div>

            {{ csrf_field() }}
            {{ isEdit() ? method_field('PUT') : '' }}

            <input type="hidden" name="id" value="{{ old('id', $element->id) }}" />

            <div class="panel-body">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item nav-info"><a href="#info" class="nav-link active" data-toggle="tab"
                            role="tab">{{ __('messages.info') }}</a></li>
                </ul>

                <div class="tab-content">

                    <div class="tab-pane active" id="info" role="tabpanel">
                        <div class="row">

                            <div class="col-lg-12 col-sm-12">
                                <fieldset>
                                    <div class="row">
                                        <div class="form-group col-sm-3">
                                            <label>{{ __('messages.analysis_type') }} <span class="required">*</span></label>
                                            <select name="type_id" class="form-control select2-select-js"
                                            data-parsley-errors-container="#lab_analysis_type_id-error"
                                             required="required">
                                                <option value="">{{ __('messages.select') }}</option>
                                                @foreach ($labAnalysisTypes as $item)
                                                    <option value="{{ $item->id }}"
                                                        {{ $element->type_id == $item->id || old('type_id') == $item->id ? "selected='selected'" : '' }}>
                                                        {{ get_name($item) }}</option>
                                                @endforeach
                                            </select>
                                            <div id="lab_analysis_type_id-error"></div>
                                        </div>

                                        <div class="form-group col-sm-2">
                                            <label>{{ __('messages.category') }} <span class="required">*</span></label>
                                            <select name="category_id" class="form-control select2-select-js"
                                            data-parsley-errors-container="#category_id-error"
                                                required="required">
                                                <option value="">{{ __('messages.select') }}</option>
                                                @foreach ($categories as $item)
                                                    <option value="{{ $item->id }}"
                                                        {{ $element->category_id == $item->id || old('category_id') == $item->id ? "selected='selected'" : '' }}>
                                                        {{ get_name($item) }}</option>
                                                @endforeach
                                            </select>
                                            <div id="category_id-error"></div>
                                        </div>

                                        @if ($element->biologic_type_id)
                                            <div class="form-group col-sm-3 biologic-type-selector">
                                                <label>{{ __('messages.organism') }} <span class="required">*</span></label>
                                                <select name="biologic_type_id" class="form-control select2-select-js"
                                                    required="required">
                                                    <option value="">{{ __('messages.select') }}</option>
                                                    @foreach ($biologicTypes as $key => $item)
                                                        <option value="{{ $key }}"
                                                            {{ $element->biologic_type_id == $key || old('biologic_type_id') == $key ? "selected='selected'" : '' }}>
                                                            {{ $item }}</option>
                                                    @endforeach
                                                </select>
                                                <div id="biologic_type_id-error"></div>
                                            </div>
                                        @endif

                                        <div
                                            class="form-group {{ $element->biologic_type_id ? 'col-sm-4' : 'col-sm-7' }}">
                                            <label>{{ __('messages.element_name') }} <span class="required">*</span></label>
                                            <input type="text" class="form-control" name="name" maxlength="40"
                                                value="{{ old('name', $element->name) }}" required="required" />
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="form-group col-sm-4">
                                            <label>{{ __('messages.std_unit') }}</label>
                                            <input type="text" class="form-control" name="metric1" maxlength="50"
                                                value="{{ old('metric1', $element->metric1) }}" />
                                        </div>

                                        <div class="form-group col-sm-4">
                                            <label>{{ __('messages.unit_2') }}</label>
                                            <input type="text" class="form-control" name="metric2" maxlength="50"
                                                value="{{ old('metric2', $element->metric2) }}" />
                                        </div>

                                        <div class="form-group col-sm-4">
                                            <label>{{ __('messages.unit_3') }}</label>
                                            <input type="text" class="form-control" name="metric3" maxlength="50"
                                                value="{{ old('metric3', $element->metric3) }}" />
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel-footer text-right">
                <div class="row">
                    <div class="col-lg-6 col-sm-12">
                        <div class="note"><span class="required">*</span> {{ __('messages.required_fields') }}</div>
                    </div>
                </div>
            </div>
        </form>
    </div>

@endsection