@extends('admin.app')
@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
            </div>
            <div class="content-body">
                <section class="card">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-content">
                                    <div class="card-body">
                                        @if ($errors->any())
                                            <div class="alert alert-danger">
                                                <ul>
                                                    @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                        @if(Session::get('status') && Session::get('status') == 'success')
                                            <div class="alert alert-success">{{Session::get('msg')}}</div>
                                            @endif
                                        <form action="{{route('save-page')}}" method="POST" class="number-tab-steps wizard-circle">
                                            {{csrf_field()}}
                                            <fieldset>
                                                <input type="hidden" name="id" value="{{$page->id}}">
                                                <div class="row">
                                                    <div class="col-sm-12">
                                                        <button type="submit" class="btn btn-primary pull-right">Kaydet</button>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="form-group">
                                                            <label class="font-weight-bold" for="firstName1">Sayfa Başlığı </label>
                                                            <input type="text" id="name" name="name" class="form-control" value="{{$page->title}}" >
                                                        </div>
                                                    </div>

                                                </div>

                                                <div class="row">
                                                    <div class="col-sm-12 mt-3">
                                                        <a style="color:white" @if($page->id == 0) onclick="alert('Önce Sayfayı Kaydediniz.')" @else href="{{route('page-layout-template',['layout' => 'page','id' => $page->id])}}" @endif class="btn btn-block btn-primary"><i class="fa fa-edit"></i> Sayfa Tasarım Aracı</a>
                                                    </div>

                                                    <div class="col-sm-12 mt-3">
                                                        <div class="form-group">
                                                            <label class="font-weight-bold" for="lastName1">Sayfa SEO Başlığı</label>
                                                            <input type="text" name="meta_title" class="form-control" value="{{$page->meta_title}}" id="lastName1">
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="form-group" data-children-count="1">
                                                            <label class="font-weight-bold" for="shortDescription1">Sayfa SEO Açıklaması</label>
                                                            <textarea name="meta_description"  rows="5" class="form-control">{{$page->meta_description}}</textarea>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <div class="form-group">
                                                            <label class="font-weight-bold" for="friendly_url">Sayfa SEO Url</label>
                                                            <input autocomplete="off" id="friendly_url" name="friendly_url" value="{{isset($page->uri->url) ? $page->uri->url : ''}}" class="form-control">
                                                        </div>

                                                    </div>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>

    @endsection

@section('css')

    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/extensions/toastr.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/vendors.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/extensions/toastr.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/forms/select/select2.min.css')}}">
@endsection
@section('js')

    <!-- BEGIN: Page Vendor JS-->
    <script src="{{asset('app-assets/vendors/js/ui/jquery.sticky.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/extensions/toastr.min.js')}}"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/js/scripts/extensions/toastr.js')}}"></script>
    <!-- END: Page JS-->

    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/vendors/js/forms/select/select2.full.min.js')}}"></script>
    <script src="{{asset('app-assets/js/scripts/forms/select/form-select2.js')}}"></script>
    <!-- END: Page JS-->
    <script>
        $('.select2').select2();
    </script>
    <script>
        $('#name').on('change',function () {
            $.get('{{route('ajax-get-slug')}}?name='+$(this).val(),function (response) {
                $('#friendly_url').val(response.slug)
            });
        })
    </script>

@endsection