@csrf

<div class="card-body">
    <div class="form-row">
        <div class="form-group col-md-12">
            <label for="name" class="ul-form__label">@lang('messages.field_datasources.title_3'):</label>
            <input type="text" class="form-control" id="name" name="name" placeholder=""
                value="{{ $datasource->name ?? old('name') }}" required>
        </div>
        <div class="form-group col-md-12">
            <label for="type">@lang('messages.field_datasources.title_4')</label>
            <select class="form-control" id="type" name="type" value="{{ $datasource->type ?? old('type') }}"
                onchange="changeType(this.value)">
                <option value="0" disabled {{isset($datasource) ? '' : 'selected'}}>
                    @lang('messages.select')
                </option>
                <option value="service" {{isset($datasource) && $datasource->type == 'service' ? 'selected' : ''}}>
                    @lang('messages.service')
                </option>
                <option value="hard" {{isset($datasource) && $datasource->type == 'hard' ? 'selected' : ''}}>
                    @lang('messages.hard')
                </option>
            </select>
        </div>
        <div class="form-group col-md-12 hide" id="container_url">
            <label for="url" class="ul-form__label">@lang('messages.field_datasources.title_5'):</label>
            <input type="text" class="form-control" id="url" name="url" placeholder=""
                value="{{ $datasource->url ?? old('url') }}">
        </div>
        <div class="hide" id="container_main">
            <div class="form-group col-md-11">
                <label for="main_datasource_id">@lang('messages.field_datasources.title_16')</label>
                <select class="form-control" id="main_datasource_id" name="main_datasource_id" disabled>
                    <option value="0" {{isset($datasource) ? '' : 'selected'}} disabled>
                        @lang('messages.select')
                    </option>
                </select>
            </div>
            <div class="form-group col-md-1 col-1 pull-right top28">
                <button type="button" class="btn btnBox" onclick="goToMain()">
                    <i class="fa fa-plus"></i>
                </button>
            </div>
        </div>
        <div class="form-group col-md-12">
            <label for="active">@lang('messages.field_datasources.title_14')</label>
            <select class="form-control" id="active" name="active" value="{{ $datasource->active ?? old('active') }}"
                required>
                <option value="1" {{isset($datasource) && $datasource->active ? 'selected' : ''}}>
                    @lang('messages.active')
                </option>
                <option value="0" {{isset($datasource) && !$datasource->active ? 'selected' : ''}}>
                    @lang('messages.inactive')
                </option>
            </select>
        </div>
    </div>
</div>