@extends('admin.template.layout')

@section('conteudo')
    <div class="container-fluid px-4 py-5">
        <div class="d-flex flex-wrap justify-content-between align-items-center mb-4 shadow-lg p-4">
            <div>
                <h1 class="h3 mb-2 fw-bold text-orange-dark">
                    Cadastrar documento
                </h1>
                <p class="text-muted mb-0">Preencha as informações para criar um novo documento</p>
            </div>
            <div>
                <a href="{{ route('typeDocuments.index') }}" class="btn btn-light fw-semibold">
                    <i class="fas fa-arrow-left me-2"></i>
                    Voltar
                </a>
            </div>
        </div>

        <div class="card border-0 shadow-lg rounded-3 p-4">
            <div class="card-body p-4">
                <form id="form__typeDocument" action="{{ route('typeDocuments.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @component('admin.documentation._components.form', compact('typeDocuments'))
                    @endcomponent
                </form>
            </div>
        </div>
    </div>
@endsection