@extends('layouts.app')
@section('title','New Task')
@section('content')
<x-ui.page-toolbar title="New Task" description="Create and assign an operational task." :breadcrumbs="[['label'=>'Dashboard','url'=>route('dashboard')],['label'=>'Tasks','url'=>route('tasks.index')],['label'=>'New Task']]" />

<div class="mf-card mf-card-body max-w-5xl">
    <form method="POST" action="{{ route('tasks.store') }}" class="space-y-5">
        @csrf
        @include('tasks._form')

        <div class="flex flex-wrap items-center justify-end gap-2 border-t border-border pt-4">
            <a class="mf-btn" href="{{ route('tasks.index') }}">Cancel</a>
            <button class="mf-btn mf-btn-primary" type="submit">Create task</button>
        </div>
    </form>
</div>
@endsection