@extends('admin.app')
@section('toolbar')
    <div class="toolbar d-flex align-items-stretch">
        <div class="container-fluid py-6 py-lg-0 d-flex flex-column flex-lg-row align-items-lg-stretch justify-content-lg-between">
            <div class="page-title d-flex justify-content-center flex-column me-5">
                <h1 class="d-flex flex-column text-dark fw-bold fs-3 mb-0">Editar Categoría: {{$model->name}}</h1>
                <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 pt-1">
                    <li class="breadcrumb-item text-muted"><a href="{{route('admin.index')}}" class="text-muted text-hover-primary">Inicio</a></li>
                    <li class="breadcrumb-item"><span class="bullet bg-gray-200 w-5px h-2px"></span></li>
                    <li class="breadcrumb-item text-muted"><a href="{{route('admin.categories.index')}}" class="text-muted text-hover-primary">Categorías</a></li>
                    <li class="breadcrumb-item"><span class="bullet bg-gray-200 w-5px h-2px"></span></li>
                    <li class="breadcrumb-item text-dark">{{$model->name}}</li>
                </ul>
            </div>
        </div>
    </div>
@endsection

@section('content')

    @if (session('info'))
        <div class="alert alert-success">
            <strong>{{session('info')}}</strong>
        </div>
    @endif

    <div class="card">
        <div class="card-body">
            {!! Form::model($model, ['route' => ['admin.categories.update', $model->id], 'method' => 'post', 'class' => 'form d-flex flex-column flex-lg-row', 'id' => 'kt_form', 'enctype'=> 'multipart/form-data']) !!}
                @include('admin.categories._form')
            {!! Form::close() !!}
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
    <script src="{{asset('vendor/jQuery-Plugin-stringToSlug-1.3/jquery.stringToSlug.min.js')}}"></script>
    <script>
        $(document).ready( function() {
            $("#name").stringToSlug({
            setEvents: 'keyup keydown blur',
            getPut: '#slug',
            space: '-'
            });
        });
    </script>
@endsection