@extends('layouts.app')
@section('page-title', __('New KPI'))


@section('title', __('New KPI'))

@section('content')
<div class="content-wrapper">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4 class="mb-0">{{ __('New KPI') }}</h4>
        <a href="{{ route('performance.kpis.index') }}" class="btn btn-outline-secondary">
            <i class="fa fa-arrow-left mr-1"></i> {{ __('Back to KPIs') }}
        </a>
    </div>

    <div class="card">
        <div class="card-body">
            <form method="POST" action="{{ route('performance.kpis.store') }}">
                @csrf

                @include('performance.kpis._form', ['kpi' => null])

                <button type="submit" class="btn btn-primary">{{ __('Save KPI') }}</button>
                <a href="{{ route('performance.kpis.index') }}" class="btn btn-link">{{ __('Cancel') }}</a>
            </form>
        </div>
    </div>
</div>
@endsection