@extends('admin::layouts.master')
@section('pageTitle')
    Oldal létrehozása
@endsection
@section('css')
<style>

</style>
@endsection

@section('js')
<script src="https://cdn.tiny.cloud/1/eumbjna8twih5m1m7m5cwnee01dfvy2vo5a9qf7pzi8i0exp/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script>
var primary = document.querySelector('.form-check-input-switchery-primary');
var switchery = new Switchery(primary, { color: '#2196F3' });
</script>

<script>
$(function(){

    $.ajaxSetup({
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
        }
    });

    tinymce.init({
        selector: '.tiny',
        plugins: 'advlist autolink lists link image media charmap print preview hr anchor pagebreak code',
        toolbar_mode: 'floating',
        images_upload_url: "{{ url(route('fileupload')) }}",
        automatic_uploads: true,
        image_title: true,
        height: 400,
        relative_urls : false,
        remove_script_host : false,
        convert_urls : true
   });
})
    
  </script>
@endsection

@section('header')
    @include('admin::layouts.header', ['title' => 'Statikus oldalak', 'subtitle' => 'Új oldal', 'button' => route('page.create')])
@endsection

@section('content')

<div class="card">
    <div class="card-header header-elements-inline">
        <h5 class="card-title">{{ __('messages.edit') }}</h5>
    </div>
    <div class="card-body">
        <form action="{{route('page.update', ['page' => $model->id])}}" method="POST">
        @method('PUT')
            @csrf
            <fieldset class="mb-3">
                <div class="form-group row">
                    <label class="col-form-label col-lg-2">Cím</label>
                    <div class="col-lg-10">
                        <input type="text" name="title" value="{{ old('title') ?? $model->title }}" class="form-control pl-2 @error('title') border-danger @enderror">
                        @error('title')
                        <span class="form-text text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-form-label col-lg-2">Lead</label>
                    <div class="col-lg-10">
                        <textarea name="lead" class="form-control pl-2 @error('lead') border-danger @enderror">{{ old('lead') ?? $model->lead }}</textarea>
                        @error('lead')
                        <span class="form-text text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>
<hr />
                <div class="form-group row">
                    <label class="col-form-label col-lg-2">Cikktörzs</label>
                    <div class="col-lg-10">
                        <textarea name="content" class="tiny form-control pl-2 @error('content') border-danger @enderror" style="min-height: 400px;">{{ old('content') ?? $model->content }}</textarea>
                        @error('content')
                        <span class="form-text text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-form-label col-lg-2">Státusz</label>
                    <div class="col-lg-10">
                        <div class="form-check form-check-switchery">
                        <input type="hidden" name="status" value="0">
                            <label class="form-check-label">
                                <input type="checkbox" class="form-check-input-switchery-primary" name="status" {{$model->status == 10 ? 'checked' : ''}}  value="10" data-fouc>
                            </label>
                        </div>
                    </div>
                </div>
            </fieldset>
            <div class="text-right">
                <button type="submit" class="btn btn-primary legitRipple">{{ __('messages.save') }} <i class="icon-paperplane ml-2"></i></button>
            </div>
        </form>
    </div>
</div>


@endsection