@extends('layouts.app')
@section('title','Add New Slug Redirect')
@section('content')

    <div class="container-fluid">
        <div class="d-flex justify-content-between py-4">
            <p class="page-title">Add New Slug Redirect</p>
            @can('slug-redirect-list')
            <a class="btn btn-sm btn-warning text" href="{{route('slug-redirect.index')}}">View All</a>
            @endcan
        </div>

        <div class="card rounded-0">
            <div class="card-body">
                <form action="{{route('slug-redirect.store')}}" method="post">
                    @csrf

                    <div class="row">

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

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

                        <div class="col-md-6 mb-3">
                            <label class="form-label">New Slug *</label>
                            <input type="text"
                                   name="new_slug"
                                   class="form-control rounded-0 @error('new_slug') is-invalid @enderror"
                                   value="{{old('new_slug')}}"
                                   placeholder="example-new-slug">

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

                        <div class="col-md-12 text-end">
                            <input type="submit" class="btn btn-sm btn-success" value="Create">
                        </div>

                    </div>
                </form>
            </div>
        </div>

    </div>
@endsection