@extends('admin.layouts.app')
@section('tab_name', trans('titles.features'))
@section('css')
    <link rel="stylesheet" href="{{ asset('/panel/vendors/dropify/dropify.min.css') }}">
@endsection
@section('content')
    @include('admin.layouts.title', [
        'subTitle' => $item->id ? trans('attributes.edit') . '#' . $item->id : trans('attributes.add'),
        'title' => trans('titles.features'),
    ])

    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">

                    @if ($item->id)
                        <form class="needs-validation" action="{{ route('admin.features.update', $item->id) }}" method="POST"
                            enctype='multipart/form-data' novalidate>
                            <input type="hidden" name="_method" value="PUT">
                        @else
                            <form class="needs-validation" action="{{ route('admin.features.store') }}" method="POST"
                                enctype='multipart/form-data' novalidate>
                    @endif
                    @csrf

                    @if (!empty($locales))
                        @foreach ($locales as $key => $locale)
                            <div class="row mb-3">
                                <label class="col-form-label col-lg-2" for="title_{{ $key }}-field">
                                    @lang('attributes.title')
                                    {{ strtoupper($key) }} </label>
                                <div class="col-lg-10">
                                    <div class="form-group">
                                        <input required id="title_{{ $key }}-field" type="text"
                                            class="form-control @if ($errors->has($key . '[title]')) is-invalid @endif"
                                            name='{{ 'title' . '[' . $key . ']' }}'
                                            value="{{ $item->getTranslation('title', $key) ?? old($key . '.title') }}" />
                                        @if ($errors->has('title' . '[' . $key . ']'))
                                            <span
                                                class="invalid-feedback">{{ $errors->first('title' . '[' . $key . ']') }}</span>
                                        @else
                                            <div class="invalid-feedback">
                                                @lang('validation.required', [
                                                    'attribute' => strtolower($locale) . '' . trans('attributes.title'),
                                                ])
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif


                    <div class="row mb-3">
                        <label class="col-form-label col-lg-2" for="position-field">@lang('attributes.position')</label>
                        <div class="col-lg-10">
                            <div class="form-group">
                                <input type="number" min="0" required
                                    class="form-control @if ($errors->has('position')) is-invalid @endif" name="position"
                                    value="{{ old('position', $item->position) ?? '' }}" />
                                @if ($errors->has('position'))
                                    <span class="invalid-feedback">{{ $errors->first('position') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label class="col-form-label col-lg-2" for="active-field">@lang('attributes.active')</label>
                        <div class="col-lg-10">
                            <div class="form-group">
                                <select class="form-control select2" name="active">
                                    <option value="0" {{ old('active', $item->active) != 1 ? 'selected' : '' }}>
                                        @lang('attributes.draft')
                                    </option>
                                    <option value="1" {{ old('active', $item->active) == 1 ? 'selected' : '' }}>
                                        @lang('attributes.publish')
                                    </option>

                                </select>
                                @if ($errors->has('active'))
                                    <span class="invalid-feedback">{{ $errors->first('active') }}</span>
                                @endif
                            </div>
                        </div>

                    </div>

                    @if (!empty($locales))
                        @foreach ($locales as $key => $locale)
                            <div class="row mb-3">
                                <label class="col-form-label col-lg-2" for="description_{{ $key }}-field">
                                    @lang('attributes.description')
                                    {{ strtoupper($key) }} </label>
                                <div class="col-lg-10">
                                    <div class="form-group">
                                        <textarea rows="5" required id="description_{{ $key }}-field" type="text"
                                            class="form-control @if ($errors->has('description' . '[' . $key . ']')) is-invalid @endif"
                                            name='{{ 'description' . '[' . $key . ']' }}'>{{ $item->getTranslation('description', $key) ?? old($key . '.description') }}</textarea>
                                        @if ($errors->has('description' . '[' . $key . ']'))
                                            <span
                                                class="invalid-feedback">{{ $errors->first('description' . '[' . $key . ']') }}
                                            </span>
                                        @else
                                            <div class="invalid-feedback">
                                                @lang('validation.required', [
                                                    'attribute' => strtolower($locale) . '' . trans('attributes.description'),
                                                ])
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                    <div class="row mb-3">
                        <label class="col-form-label col-lg-2" for="image-field">@lang('attributes.UploadImage')</label>
                        <div class="col-lg-10">
                            <div class="form-group">
                                <div class="mb-3"><img src="{{ imagePath($item->image) ?? '' }}" width="100px"></div>
                                <input type="file" name="image" accept="image/png, image/jpeg, image/jpg"
                                    data-default-file="{{ old('image', $item->image) }}" class="dropify" id="image-field">
                                @if ($errors->has('image'))
                                    <span class="invalid-feedback">{{ $errors->first('image') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <hr>
                        <button type="submit" name="action" value="save" class="btn btn-primary">
                            @lang('attributes.save')
                        </button>

                        <a class="btn btn-danger text-white cancel-btn"
                            href="{{ route('admin.features.index') }}">@lang('attributes.cancel')
                            <i class="icon-arrow-left-bold"></i>
                        </a>
                    </div>

                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('scripts')
    <script src="{{ asset('panel/js/pages/form-validation.init.js') }}"></script>
@endsection