@extends('layouts.backend.master')
@section('title', trans('backend.titles.portfolios'))
@section('content')
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <div class="d-flex flex-column-fluid">
            <div class="container">
                <div class="card card-custom example example-compact">
                    @include('backend.includes.form.header', ['page' => 'portfolios'])
                    <form
                        action="{{ $edit === false ? route('backend.portfolios.store') : route('backend.portfolios.update', ['portfolio' => $portfolio->id]) }}"
                        method="POST" enctype="multipart/form-data">
                        @csrf
                        @if ($edit)
                            @method('PUT')
                        @endif
                        <div class="card-body">
                            <div class="form-group row">
                                <label class="col-form-label text-right col-lg-3 col-sm-12"></label>
                                <div class="col-lg-6 col-md-9 col-sm-12">
                                    <ul class="nav nav-light-primary nav-pills" role="tablist">
                                        @foreach ($langs as $lang)
                                            <li class="nav-item">
                                                <a class="nav-link @if ($loop->first) active @endif"
                                                    id="tab-{{ $lang->code }}" data-toggle="tab"
                                                    href="#{{ $lang->code }}">
                                                    <span class="nav-text">{{ $lang->name }}</span>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>

                            <div class="tab-content">
                                @foreach ($langs as $lang)
                                    <div class="tab-pane fade @if ($loop->first) active show @endif"
                                        id="{{ $lang->code }}" role="tabpanel" aria-labelledby="tab-{{ $lang->code }}">
                                        <div class="form-group row">
                                            <label for="name:{{ $lang->code }}"
                                                class="col-form-label text-right col-lg-3 col-sm-12">
                                                @lang('backend.labels.name') ({{ strtoupper($lang->code) }})
                                                <span class="text-danger">*</span>
                                            </label>
                                            <div class="col-lg-6 col-md-9 col-sm-12">
                                                <div class="input-group">
                                                    <input id="name:{{ $lang->code }}" type="text"
                                                        class="form-control @if ($errors->has("name:$lang->code")) is-invalid @endif"
                                                        name="name:{{ $lang->code }}"
                                                        value="{{ isset($portfolio) ? $portfolio->translate($lang->code)->name : old('name:' . $lang->code) }}"
                                                        placeholder="@lang('backend.placeholders.enter.name')">
                                                    @if ($errors->has("name:$lang->code"))
                                                        <div class="invalid-feedback">
                                                            {{ $errors->first("name:$lang->code") }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="slug:{{ $lang->code }}"
                                                class="col-form-label text-right col-lg-3 col-sm-12">
                                                @lang('backend.labels.slug') ({{ strtoupper($lang->code) }})
                                            </label>
                                            <div class="col-lg-6 col-md-9 col-sm-12">
                                                <div class="input-group">
                                                    <input id="slug:{{ $lang->code }}" type="text"
                                                        class="form-control @if ($errors->has("slug:$lang->code")) is-invalid @endif"name="slug:{{ $lang->code }}"
                                                        value="{{ isset($portfolio) ? $portfolio->translate($lang->code)->slug : old('slug:' . $lang->code) }}"
                                                        placeholder="@lang('backend.placeholders.enter.slug')">
                                                    @if ($errors->has("slug:$lang->code"))
                                                        <div class="invalid-feedback">
                                                            {{ $errors->first("slug:$lang->code") }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="title:{{ $lang->code }}"
                                                class="col-form-label text-right col-lg-3 col-sm-12">
                                                @lang('backend.labels.meta_title') ({{ strtoupper($lang->code) }})
                                                <span class="text-danger">*</span>
                                            </label>
                                            <div class="col-lg-6 col-md-9 col-sm-12">
                                                <div class="input-group">
                                                    <input id="title:{{ $lang->code }}" type="text"
                                                        class="form-control @if ($errors->has("title:$lang->code")) is-invalid @endif"
                                                        name="title:{{ $lang->code }}"
                                                        value="{{ isset($portfolio) ? $portfolio->translate($lang->code)->title : old('title:' . $lang->code) }}"
                                                        placeholder="@lang('backend.placeholders.enter.meta_title')">
                                                    @if ($errors->has("title:$lang->code"))
                                                        <div class="invalid-feedback">
                                                            {{ $errors->first("title:$lang->code") }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="keywords:{{ $lang->code }}"
                                                class="col-form-label text-right col-lg-3 col-sm-12">
                                                @lang('backend.labels.meta_keywords') ({{ strtoupper($lang->code) }})
                                                <span class="text-danger">*</span>
                                            </label>
                                            <div class="col-lg-6 col-md-9 col-sm-12">
                                                <div class="input-group">
                                                    <input id="keywords:{{ $lang->code }}" type="text"
                                                        class="form-control tagify-{{ $lang->code }} @if ($errors->has("keywords:$lang->code")) is-invalid @endif"
                                                        name="keywords:{{ $lang->code }}"
                                                        value="{{ isset($portfolio) ? $portfolio->translate($lang->code)->keywords : old('keywords:' . $lang->code) }}"
                                                        placeholder="@lang('backend.placeholders.enter.meta_keywords')">
                                                    @if ($errors->has("keywords:$lang->code"))
                                                        <div class="invalid-feedback">
                                                            {{ $errors->first("keywords:$lang->code") }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="description:{{ $lang->code }}"
                                                class="col-form-label text-right col-lg-3 col-sm-12">
                                                @lang('backend.labels.meta_description') ({{ strtoupper($lang->code) }})
                                                <span class="text-danger">*</span>
                                            </label>
                                            <div class="col-lg-6 col-md-9 col-sm-12">
                                                <div class="input-group">
                                                    <input id="description:{{ $lang->code }}" type="text"
                                                        class="form-control @if ($errors->has("description:$lang->code")) is-invalid @endif"
                                                        name="description:{{ $lang->code }}"
                                                        value="{{ isset($portfolio) ? $portfolio->translate($lang->code)->description : old('description:' . $lang->code) }}"
                                                        placeholder="@lang('backend.placeholders.enter.meta_description')">
                                                    @if ($errors->has("description:$lang->code"))
                                                        <div class="invalid-feedback">
                                                            {{ $errors->first("description:$lang->code") }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label text-right col-lg-3 col-sm-12 col-form-label">
                                                @lang('backend.labels.content') ({{ strtoupper($lang->code) }})
                                                <span class="text-danger">*</span>
                                            </label>
                                            <div class="col-lg-6 col-md-9 col-sm-12">
                                                <div class="input-group">
                                                    <textarea class="summernote @if ($errors->has("text:$lang->code")) is-invalid @endif" name="description:{{ $lang->code }}"
                                                        placeholder="@lang('backend.placeholders.enter.content')">
                                                      {!! isset($portfolio) ? $portfolio->translate($lang->code)->text : old('text:' . $lang->code) !!}
                                                   </textarea>`
                                                    @if ($errors->has("text:$lang->code"))
                                                        <div class="invalid-feedback">
                                                            {{ $errors->first("text:$lang->code") }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>

                                        {{-- <div class="form-group row">
                                            <label for="image_alt:{{ $lang->code }}"
                                                class="col-form-label text-right col-lg-3 col-sm-12">
                                                @lang('backend.labels.image_alt') ({{ strtoupper($lang->code) }})
                                            </label>
                                            <div class="col-lg-6 col-md-9 col-sm-12">
                                                <div class="input-group">
                                                    <input id="image_alt:{{ $lang->code }}" type="text"
                                                        class="form-control @if ($errors->has("image_alt:$lang->code")) is-invalid @endif"
                                                        name="image_alt:{{ $lang->code }}"
                                                        value="{{ isset($portfolio) ? $portfolio->translate($lang->code)->image_alt : old('image_alt:' . $lang->code) }}"
                                                        placeholder="@lang('backend.placeholders.enter.image_alt')">
                                                    @if ($errors->has("image_alt:$lang->code"))
                                                        <div class="invalid-feedback">
                                                            {{ $errors->first("image_alt:$lang->code") }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div> --}}

                                    </div>
                                @endforeach
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label text-right col-lg-3 col-sm-12">
                                    @lang('backend.labels.day_count')
                                    <span class="text-danger">*</span>
                                </label>
                                <div class="col-lg-6 col-md-9 col-sm-12">
                                    <div class="input-group">
                                        <input id="day_count" type="number"
                                            class="form-control @error('day_count') is-invalid @enderror" name="day_count"
                                            value="{{ isset($portfolio) ? $portfolio->day_count : old('day_count') }}"
                                            placeholder="@lang('backend.placeholders.enter.day_count')">
                                        @error('day_count')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label text-right col-lg-3 col-sm-12">
                                    @lang('backend.labels.page_count')
                                    <span class="text-danger">*</span>
                                </label>
                                <div class="col-lg-6 col-md-9 col-sm-12">
                                    <div class="input-group">
                                        <input id="page_count" type="number"
                                            class="form-control @error('page_count') is-invalid @enderror"
                                            name="page_count"
                                            value="{{ isset($portfolio) ? $portfolio->page_count : old('page_count') }}"
                                            placeholder="@lang('backend.placeholders.enter.page_count')">
                                        @error('page_count')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label text-right col-lg-3 col-sm-12">
                                    @lang('backend.labels.image')
                                    <span class="text-danger">*</span>
                                </label>
                                <div class="col-lg-6 col-md-9 col-sm-12">
                                    <div class="input-group">
                                        <div class="custom-file">
                                            <input id="image" type="file"
                                                class="custom-file-input @error('image') is-invalid @enderror"
                                                name="image" accept="image/*">
                                            <label for="image" class="custom-file-label">
                                                @lang('backend.placeholders.choose.image')
                                            </label>
                                        </div>
                                        <div class="invalid-feedback d-block">
                                            {{ $errors->has('image') ? $errors->first('image') : $errors->first('image.*') }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row" id="catsApp">
                                <label for="category_id" class="col-form-label text-right col-lg-3 col-sm-12">
                                    @lang('backend.labels.category')
                                    <span class="text-danger">*</span>
                                </label>
                                <div class="col-lg-6 col-md-9 col-sm-12">
                                    <div class="input-group">
                                        <select id="category_id" v-model="category_id"
                                            class="form-control @error('category_id') is-invalid @enderror"
                                            name="category_id">
                                            <option value="">@lang('backend.placeholders.select.category')</option>
                                            @foreach ($categories as $category)
                                                <option {{ (isset($portfolio->category_id) && $portfolio->category_id == $category->id) ? 'selected' : ''}} value="{{ $category->id }}">
                                                    {{ $category->transname }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('category_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label text-right col-lg-3 col-sm-12">
                                    @lang('backend.labels.status')
                                </label>
                                <div class="col-lg-6 col-md-9 col-sm-12">
                                    <div class="input-group">
                                        <span class="switch switch-md switch-icon">
                                            <label>
                                                <input type="checkbox" class="bool" name="status"
                                                    value="{{ isset($portfolio) ? $portfolio->status : old('status', 1) }}"
                                                    {{ (isset($portfolio) ? $portfolio->status : old('status', 1)) == 1 ? 'checked' : '' }}>
                                                <span></span>
                                            </label>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @include('backend.includes.form.footer')
                    </form>
                </div>
                <div class="card">
                    <div class="card-body">
                        @if ($edit)
                            @include('backend.includes.media', [
                                'model' => $portfolio,
                                'name' => 'portfolios',
                                'media_collection_name' => 'portfolio_images',
                                'isDeleted' => true,
                                'isCovered' => true,
                            ])
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        let key_az = document.querySelector('.tagify-az');
        let key_en = document.querySelector('.tagify-en');
        let key_ru = document.querySelector('.tagify-ru');

        new Tagify(key_az);
        new Tagify(key_en);
        new Tagify(key_ru);

        $('.summernote').summernote({
            height: 300,
            imageAttributes: {
                icon: '<i class="note-icon-pencil"/>',
                figureClass: 'figureClass',
                figcaptionClass: 'captionClass',
                captionText: 'Caption Goes Here.',
                manageAspectRatio: true
            },
            lang: 'en-US',
            popover: {
                image: [
                    ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
                    ['float', ['floatLeft', 'floatRight', 'floatNone']],
                    ['remove', ['removeMedia']],
                    ['custom', ['imageAttributes']],
                ],
            },
        });
    </script>

    <script src="/vendor/laravel-filemanager/js/stand-alone-button.js"></script>

    <script>
        $('#lfm').filemanager('image');
    </script>
@endsection