@extends('layouts.app')

@section('title', 'Add Contract')

@section('content')
<x-breadcrumb :items="[
    ['label' => 'Contracts', 'url' => route('contracts.index')],
    ['label' => 'Create'],
]" />

<x-page-header title="Add Contract" subtitle="Register a supplier contract.">
    <x-slot name="actions">
        <a href="{{ route('contracts.index') }}" class="procure-btn"><i class="fas fa-arrow-left"></i> Back</a>
    </x-slot>
</x-page-header>

<div class="procure-form-card">
    <form method="POST" action="{{ route('contracts.store') }}">
        @csrf
        @include('contracts._form')
        <div class="d-flex justify-content-end">
            <a href="{{ route('contracts.index') }}" class="procure-btn mr-2">Cancel</a>
            <button type="submit" class="procure-btn-primary"><i class="fas fa-save"></i> Save Contract</button>
        </div>
    </form>
</div>
@endsection