@extends('admin.layout')
@section('content')

    <style>
        .upload-btn-wrapper {
            position: relative;
            overflow: hidden;
            display: inline-block;
        }

        .btn {
            border: 2px solid gray;
            color: gray;
            background-color: white;
            padding: 8px 20px;
            border-radius: 8px;
            font-size: 20px;
            font-weight: bold;
        }

        .upload-btn-wrapper input[type=file] {
            font-size: 100px;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }

        .btn-default {
            background: #ffffff !important;
            color: #4b5359 !important;
            border: 1px solid #a2a2a2 !important;
            font-size: 1.1em !important;
        }

        .btn-default:hover {
            background: #002a53 !important;
            color: #ffffff !important;

        }
    </style>


    <div class="parts form">


        @if (count($errors) > 0)
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif


        {!! Form::open(['method' => 'post', 'action' => 'Admin\PagesController@store', 'files' => true]) !!}
        <div class="row">
            <div class="col-md-8">
                <div class="main-card mb-3 card">
                    <div class="card-body">
                        <h5 class="card-title">{{ __('Pages.Add_Page') }}</h5>
                        <div class="form-group">
                            <label for="name">{{ __('Pages.title_ar') }} *</label>
                            <div class="">
                                {!! Form::text('title_ar', null, [
                                    'onkeyup' => 'makeSlugar(this.value)',
                                    'class' => 'form-control',
                                    'placeholder' => __('Pages.title_ar'),
                                ]) !!}
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="name">{{ __('Pages.title_en') }} *</label>
                            <div class="">
                                {!! Form::text('title_en', null, [
                                    'onkeyup' => 'makeSlugen(this.value)',
                                    'class' => 'form-control',
                                    'placeholder' => __('Pages.title_en'),
                                ]) !!}
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="name">{{ __('Pages.body_ar') }} *</label>
                            <div class="">
                                {!! Form::textarea('body_ar', null, [
                                    'class' => 'form-control',
                                    'id' => 'e1',
                                    'placeholder' => __('Pages.body_ar'),
                                ]) !!}
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="name">{{ __('Pages.body_en') }} *</label>
                            <div class="">
                                {!! Form::textarea('body_en', null, [
                                    'class' => 'form-control',
                                    'id' => 'e2',
                                    'cols' => 10,
                                    'rows' => 10,
                                    'placeholder' => __('Pages.body_en'),
                                ]) !!}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="name">{{ __('Pages.Level') }} </label>
                            {!! Form::select('level', ['first' => __('Pages.First Level') , 'secound' => __('Pages.Secound Level') ,'disabled' => __('Pages. Disabled') ], 'disabled', ['class' => 'form-control', 'placeholder' => __('Pages.Level')]) !!}
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-md">
                <div class="main-card mb-3 card">
                    <div class="card-body">
                        <h5 class="card-title">{{ __('Pages.Seo Data') }}</h5>
                        <div class="form-group">
                            <label for="name">{{ __('General.Slug Arabic') }}
                            </label>
                            <div class="">
                                {!! Form::text('slug_ar', null, [
                                    'id' => 'slug_ar',
                                    'class' => 'form-control',
                                    'placeholder' => __('General.Slug Arabic'),
                                ]) !!}
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="name">{{ __('General.Slug English') }}
                            </label>
                            <div class="">
                                {!! Form::text('slug_en', null, [
                                    'id' => 'slug_en',
                                    'class' => 'form-control',
                                    'placeholder' => __('General.Slug English'),
                                ]) !!}
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="meta_desc_ar">{{ __('Pages.Description Ar') }}</label>
                            <div class="">
                                {!! Form::textarea('meta_desc_ar', null, [
                                    'class' => 'form-control',
                                    'placeholder' => __('Pages.Description Ar'),
                                ]) !!}
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="name">{{ __('Pages.Description En') }}</label>
                            <div class="">
                                {!! Form::textarea('meta_desc_en', null, [
                                    'class' => 'form-control',
                                    'cols' => 10,
                                    'rows' => 10,
                                    'placeholder' => __('Pages.Description En'),
                                ]) !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-12 offset-sm-2">
            {!! Form::submit(__('General.Save'), ['class' => 'btn btn-primary form-control']) !!}
        </div>
        {!! Form::Close() !!}

    </div>

    <script type="text/javascript">
        CKEDITOR.replace('e1', {
            language: 'ar',
            extraPlugins: 'imageuploader'
        });

        CKEDITOR.replace('e2', {
            language: 'en',
            extraPlugins: 'imageuploader'
        });

        function makeSlugar(val) {
            let str = val;
            let output = str.replace(/\s+/g, '-').toLowerCase();
            $('#slug_ar').val(output);
        }

        function makeSlugen(val) {
            let str = val;
            let output = str.replace(/\s+/g, '-').toLowerCase();
            $('#slug_en').val(output);
        }
    </script>

@endsection