@extends('admin.index')
@section('title'){{ translate('add_new_slider') }} - @endsection
@section('header')
<link rel="stylesheet" href="{{ asset('css/admin/select2.min.css') }}">
@endsection
@section('content')

<div class="row">
    <div class="col-12">
        <div class="content card card-body">
            <form action="" method="POST" enctype="multipart/form-data">
                @csrf

                <div class="content">
                    <div class="form-group">
                        <label for="image">{{ translate('photo') }}</label>
                        <input type="file" class="form-control @error('image') is-invalid @enderror" id="image" name="image" value="{{old('image')}}" accept="image/png,image/jpg,image/jpeg,image/gif,image/webp">
                        @if ($errors->has('image'))
                            <div class="invalid-feedback">
                                <ul>
                                    @foreach ($errors->messages('image') as $error)
                                        @foreach ($error as $err)
                                        <li>{{ $err }}</li>
                                        @endforeach
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>

                    <div class="form-group">
                        <label for="title">{{ translate('title') }}</label>
                        <input type="text" class="form-control @error('title') is-invalid @enderror" id="title" name="title" value="{{old('title')}}">
                        @if ($errors->has('title'))
                            <div class="invalid-feedback">
                                <ul>
                                    @foreach ($errors->messages('title') as $error)
                                        @foreach ($error as $err)
                                        <li>{{ $err }}</li>
                                        @endforeach
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>

                    <div class="form-group">
                        <label for="">{{  translate('description') }}</label>
                        <input type="text" class="form-control @error('description') is-invalid @enderror" id="description" name="description" value="{{old('description')}}">
                        @if ($errors->has('description'))
                            <div class="invalid-feedback">
                                <ul>
                                    @foreach ($errors->messages('description') as $error)
                                        @foreach ($error as $err)
                                        <li>{{ $err }}</li>
                                        @endforeach
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>

                    <div class="form-group">
                        <label for="">{{ translate('url_redirect') }}</label>
                        <input type="text" class="form-control @error('link') is-invalid @enderror" id="link" name="link" value="{{old('link')}}">
                        <small>{{ translate('url_input_instruction') }}</small>
                        @if ($errors->has('link'))
                            <div class="invalid-feedback">
                                <ul>
                                    @foreach ($errors->messages('link') as $error)
                                        @foreach ($error as $err)
                                        <li>{{ $err }}</li>
                                        @endforeach
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>

                    <div class="form-group">
                        <label for="">{{ translate('language') }}</label>
                        <select name="language_id" id="language_id" class="form-control @error('language_id') is-invalid @enderror" required>
                            @foreach (get_languages() as $item)
                                <option value="{{ $item->id }}" @if(old('language_id') == $item->id) selected @endif>{{ $item->lang_name }}</option>
                            @endforeach
                        </select>
                        @if ($errors->has('language_id'))
                            <div class="invalid-feedback">
                                <ul>
                                    @foreach ($errors->messages('language_id') as $error)
                                        @foreach ($error as $err)
                                        <li>{{ $err }}</li>
                                        @endforeach
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>

                    
                    <div class="form-group">
                        <label for="slider_places">{{ translate('select_display_fields') }}</label>
                        <select name="slider_places[]" id="slider_places" class="form-control select2" multiple>
                            @foreach (Site::get_places() as $key => $item)
                                    <option value="{{ $key }}" @if(in_array($key, (isset($category) ? $category->places->pluck('key')->toArray() : []))) selected @endif>{{ $item }}</option>
                                    @endforeach
                        </select>
                    </div>


                </div>

                <button type="submit" class="btn btn-primary btn-save">{{ translate('save') }}</button>
            </form>

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

@endsection
@section('footer')
<script src="{{ asset('js/admin/ckeditor/ckeditor.js') }}"></script>
<script src="{{ asset('js/admin/select2.min.js') }}"></script>
<script>
    $(document).ready(function(){
        scripts();
    });
</script>
<script>
    $(document).ready(function(){
        // select2
        $('.select2').select2();
    })
</script>
@endsection