@extends('manager.layouts.app')

@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection

@section('content')
    <div class="card mt-3">
        <div class="card-body">

            {{-- Page Header --}}
            <div class="d-flex justify-content-between">
                <div>
                    <h4 class="card-title mb-0">{{ $p_title ?? '' }}</h4>
                    <div class="small text-medium-emphasis">{{ $p_summary ?? '' }}</div>
                </div>

                <div class="btn-toolbar d-none d-md-block">
                    @can('manager_slug-redirect_slug-redirect-list')
                    <a href="{{ $url ?? '' }}" class="btn btn-sm btn-primary">
                        {{ $url_text ?? '' }}
                    </a>
                    @endcan
                </div>
            </div>

            <hr>

            {{-- Form --}}
            <form method="{{$method}}" action="{{$action}}" enctype="{{$enctype}}">
                @csrf

                <div class="mb-3">
                    <label class="form-label">Old Slug</label>
                    <input type="text"
                           name="old_slug"
                           class="form-control @error('old_slug') is-invalid @enderror"
                           placeholder="old-blog-slug"
                           value="{{ old('old_slug') }}">

                    @error('old_slug')
                    <strong class="text-danger">{{ $message }}</strong>
                    @enderror
                </div>


                <div class="mb-3">
                    <label class="form-label">New Slug</label>
                    <input type="text"
                           name="new_slug"
                           id="new_slug"
                           class="form-control @error('new_slug') is-invalid @enderror"
                           placeholder="new-blog-slug"
                           value="{{ old('new_slug') }}">

                    @error('new_slug')
                    <strong class="text-danger">{{ $message }}</strong>
                    @enderror
                </div>

                <button type="submit" class="btn btn-sm btn-success">
                    Submit
                </button>

            </form>

            {{-- Page Description --}}
            @if(!empty($p_description))
                <div class="card-footer mt-4">
                    <p>{{ $p_description }}</p>
                </div>
            @endif

        </div>
    </div>
@endsection


@push('footer-scripts')

    <script>

        $(document).ready(function(){

            function generateSlug(text){
                return text
                    .toString()
                    .toLowerCase()
                    .trim()
                    .replace(/&/g,'-and-')
                    .replace(/[\s\W-]+/g,'-')
                    .replace(/^-+|-+$/g,'');
            }

            $('#new_slug').on('keyup blur', function(){
                let slug = generateSlug($(this).val());
                $(this).val(slug);
            });

        });

    </script>

    {{-- Toastr --}}
    @if(Session::has('messages'))
        <script>
            noti({!! json_encode((Session::get('messages'))) !!});
        </script>
    @endif

@endpush