@extends('adminlte::page')

@section('title', 'Nuevo Estatus de aprobación')

@section('content_header')
    <h1>Nuevo Estatus de aprobación</h1>
@stop

@section('content')
<div class="card card-outline">
    <div class="card-header d-flex align-items-center">
        <h3 class="card-title">Crear estatus</h3>
        <a href="{{ route('approval-statuses.index') }}" class="btn btn-secondary btn-sm ml-auto">
            <i class="fas fa-arrow-left"></i> Volver
        </a>
    </div>

    @can('approval_status.create')
    <form method="POST" action="{{ route('approval-statuses.store') }}">
        @csrf
        <div class="card-body">
            <div class="form-group">
                <label for="code">Código (slug)</label>
                <input type="text" name="code" id="code"
                       class="form-control @error('code') is-invalid @enderror"
                       value="{{ old('code') }}" placeholder="draft / submitted / approved / rejected">
                @error('code') <div class="invalid-feedback">{{ $message }}</div> @enderror
                <small class="text-muted">Minúsculas, números, guion (-) o guion bajo (_).</small>
            </div>

            <div class="form-group">
                <label for="description">Descripción</label>
                <input type="text" name="description" id="description"
                       class="form-control @error('description') is-invalid @enderror"
                       value="{{ old('description') }}" placeholder="Texto descriptivo">
                @error('description') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
        </div>

        <div class="card-footer text-right">
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save"></i> Guardar
            </button>
        </div>
    </form>
    @endcan
</div>
@stop