@extends ('backend.layouts.app')

@section('title', trans('labels.backend.pages.management') . ' | ' . trans('labels.backend.pages.edit'))

@section('page-header')
    <h1>
        {{ trans('labels.backend.pages.management') }}
        <small>{{ trans('labels.backend.pages.edit') }}</small>
    </h1>
@endsection

@section('content')

    <form method="POST" action="{{ url('admin/pages/') . '/' . $page['id'] }}" accept-charset="UTF-8" role="form"
        id="edit-role" class="form-horizontal">
        <input name="_method" type="hidden" value="PATCH">
        @csrf
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title">Edit Page</h3>
                <div class="box-tools pull-right">
                    <div class="btn-group"><button type="button" data-toggle="dropdown"
                            class="btn btn-primary btn-flat dropdown-toggle">Action
                            <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span></button>
                        <ul role="menu" class="dropdown-menu">
                            <li><a href="{{ url('admin/pages') }}"><i class="fa fa-list-ul"></i> All
                                    Pages</a></li>
                            <li><a href="{{ url('admin/pages/create') }}"><i class="fa fa-plus"></i>
                                    Create Page</a></li>
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="box-body">
                <div class="form-group">
                    <label for="title" class="col-lg-2 control-label required">Title</label>
                    <div class="col-lg-10">
                        <input placeholder="Title" required="required" name="title" type="text"
                            value="{{ $page['title'] ?? '' }}" id="title" class="form-control box-size">
                    </div>
                </div>


                <div class="form-group">
                    <label for="cannonical_link" class="col-lg-2 control-label">Description
                    </label>
                    <div class="col-lg-10">
                        <textarea name="description" class="form-control pageeditor" id="pageeditor"
                            placeholder="{{ trans('validation.attributes.backend.pages.description') }}">{{ $page['description'] }}</textarea>
                    </div>
                </div>

                <div class="form-group"><label for="cannonical_link" class="col-lg-2 control-label">Cannonical
                        Link</label>
                    <div class="col-lg-10"><input placeholder="Cannonical Link" name="cannonical_link" type="text"
                            value="{{ $page['cannonical_link'] }}" id="cannonical_link" class="form-control box-size"></div>
                </div>
                <div class="form-group"><label for="seo_title" class="col-lg-2 control-label">SEO Title</label>
                    <div class="col-lg-10"><input placeholder="SEO Title" name="seo_title" type="text"
                            value="{{ $page['seo_title'] }}" id="seo_title" class="form-control box-size">
                    </div>
                </div>
                <div class="form-group"><label for="seo_keyword" class="col-lg-2 control-label">SEO Keyword</label>
                    <div class="col-lg-10"><input placeholder="SEO Keyword" name="seo_keyword" type="text"
                            value="{{ $page['seo_keyword'] }}" id="seo_keyword" class="form-control box-size"></div>
                </div>
                <div class="form-group"><label for="seo_description" class="col-lg-2 control-label">SEO
                        Description</label>
                    <div class="col-lg-10"><input placeholder="SEO Description" name="seo_description" type="text"
                            value="{{ $page['seo_description'] }}" id="seo_description" class="form-control box-size">
                    </div>
                </div>
                <div class="form-group"><label for="status" class="col-lg-2 control-label">Active</label>
                    <div class="col-lg-10">
                        <div class="control-group"><label class="control control--checkbox"><input checked="checked"
                                    name="status" type="checkbox" value="1" id="status">
                                <div class="control__indicator"></div>
                            </label></div>
                    </div>
                </div>
                <div class="edit-form-btn"><a href="{{ url('admin/pages') }}" class="btn btn-danger btn-md">Cancel</a>
                    <input type="submit" value="Update" class="btn btn-primary btn-md">
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </form>
@endsection
@section('after-scripts')
    <script type="text/javascript">
        Backend.Pages.init('{{ config('locale.languages.' . app()->getLocale())[1] }}');
    </script>
@endsection