@extends('layouts.app')

@section('title', 'Add Company Document')

@section('breadcrumbs')
    <div class="breadcrumb">
        <a href="{{ route('dashboard') }}">Dashboard</a>
        <span class="separator">/</span>
        <a href="{{ route('compliance.dashboard') }}">Compliance</a>
        <span class="separator">/</span>
        <a href="{{ route('compliance.documents.index') }}">Documents</a>
        <span class="separator">/</span>
        <span class="current">Add Document</span>
    </div>
@endsection

@section('content')
<div class="max-w-3xl animate-fade-up">
    <h1 class="font-display text-2xl font-semibold text-gray-900 mb-6">Add Company Document</h1>

    <div class="card">
        <div class="card-body">
            <form method="POST" action="{{ route('compliance.documents.store') }}" enctype="multipart/form-data">
                @csrf
                @include('compliance::documents._form')

                <div class="flex items-center justify-end gap-3 mt-6 pt-4 border-t border-gray-100">
                    <a href="{{ route('compliance.documents.index') }}" class="btn-secondary">Cancel</a>
                    <button type="submit" class="btn-primary">Add Document</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection