@extends('layouts.app')

@section('scripts')
    @vite(['resources/js/catalogos/actividad.js'])
@endsection

@section('styles')
@endsection

@section('title')
    {{ Breadcrumbs::render('actividad') }}
    <div class="page-header">
        <h2>Catálogo de Actividades</h2>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="d-flex flex-row-reverse bd-highlight">
            {{
                html()->button('<i class="bi bi-plus-lg"></i> Nueva Actividad','button','btnNewActividad')->
                        id('btnNewActividad')->
                        class('btn btn-primary new-actividad')->
                        attribute('data-toggle','modal')
            }}
        </div>
    </div>
    @include('catalogos.actividad.list')
@endsection

@section('modal')
    @include('catalogos.actividad.modals.new-modal')
    @include('common.modals.mdl-confirmation')
    {!! Generate::modalErrors() !!}
@endsection