{{-- <form class="needs-validation" id="formModal">
    @csrf --}}

<div id="modalConsulta" class="modal fade" tabindex="-1" aria-labelledby="modalConsultaLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-center modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="modalConsultaLabel">Detalles del Trámite</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body px-3 py-3">
                <fieldset
                    style="border: 1px groove #ddd !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 0 0 !important; -webkit-box-shadow: 0px 0px 0px 0px #000; box-shadow: 0px 0px 0px 0px #000;">
                    {{-- row --}}
                    <div class="row m-0 p-0 col-xl-12 col-md-12 col-sm-12 col-12 mb-3 pt-3">
                        {{-- field --}}
                        <div class="col-xl-6 col-md-6 col-sm-6 col-6 mb-3">
                            <label for="txt-td_codigo" class="form-label text-primary">Código de Trámite
                                Documentario
                            </label>
                            <input id="txt-td_codigo" name="txt-td_codigo" placeholder="--" type="text"
                                class="form-control form-control-sm" autocomplete="off" disabled>
                            @include('include.div.invalid-feedback')
                            {{-- mensaje de error campo vacio --}}
                        </div>
                        {{-- field --}}
                        <div class="col-xl-6 col-md-6 col-sm-6 col-6 mb-3">
                            <label for="txt-td_estado" class="form-label text-primary">Estado
                            </label>
                            <input id="txt-td_estado" name="txt-td_estado" placeholder="--" type="text"
                                class="form-control form-control-sm fw-bold" autocomplete="off" disabled>
                            @include('include.div.invalid-feedback')
                            {{-- mensaje de error campo vacio --}}
                        </div>
                    </div>

                    {{-- row --}}
                    <div class="row m-0 p-0 col-xl-12 col-md-12 col-sm-12 col-12 mb-3">
                        {{-- field --}}
                        <div class="col-xl-6 col-md-6 col-sm-6 col-6 mb-3">
                            <label for="txt-td_tipo" class="form-label text-primary">Tipo de
                                Trámite
                            </label>
                            <input id="txt-td_tipo" name="txt-td_tipo" placeholder="--" type="text"
                                class="form-control form-control-sm" autocomplete="off" disabled>
                            @include('include.div.invalid-feedback')
                            {{-- mensaje de error campo vacio --}}
                        </div>
                        {{-- field --}}
                        <div class="col-xl-6 col-md-6 col-sm-6 col-6 mb-3">
                            <label for="txt-area" class="form-label text-primary">Área Actual
                            </label>
                            <input id="txt-area" name="txt-area" placeholder="--" type="text"
                                class="form-control form-control-sm" autocomplete="off" disabled>
                            @include('include.div.invalid-feedback')
                            {{-- mensaje de error campo vacio --}}
                        </div>
                    </div>

                    {{-- row --}}
                    <div class="row m-0 p-0 col-xl-12 col-md-12 col-sm-12 col-12 mb-3">
                        {{-- field --}}
                        <div class="col-xl-6 col-md-6 col-sm-6 col-12 mb-3">
                            <label for="txt-correo" class="form-label text-primary">Correo eléctronico
                            </label>
                            <input id="txt-correo" name="txt-correo" placeholder="--" type="text"
                                class="form-control form-control-sm" autocomplete="off" disabled>
                            @include('include.div.invalid-feedback')
                            {{-- mensaje de error campo vacio --}}
                        </div>

                        {{-- field --}}
                        <div class="col-xl-6 col-md-6 col-sm-6 col-12 mb-3">
                            <label for="txt-fecha_solicitud" class="form-label text-primary">Fecha
                                Solicitud
                            </label>
                            <input id="txt-fecha_solicitud" name="txt-fecha_solicitud" placeholder="--" type="text"
                                class="form-control form-control-sm text-uppercase" autocomplete="off" disabled>
                            @include('include.div.invalid-feedback')
                            {{-- mensaje de error campo vacio --}}
                        </div>

                    </div>


                    {{-- row --}}
                    <div id="bloque-derivaciones">
                        <div class="row m-0 p-0 col-xl-12 col-md-12 col-sm-12 col-12">
                            {{-- field --}}
                            <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                                <label for="txt-derivaciones" class="form-label text-primary">Derivaciones
                                </label>
                                {{-- <textarea id="txt-derivaciones" name="txt-asunto" rows="2" class="form-control" placeholder="--" disabled></textarea> --}}
                                <div class="table-responsive">
                                    <table id="tabla-derivaciones"
                                        class="table table-bordered table-sm display rounded-3" style="min-width:100%">
                                        <thead class="thead-primary">
                                            <tr>
                                                <th>Fecha Derivación</th>
                                                <th>Área Origen</th>
                                                <th>Área Destino</th>
                                                <th>Estado</th>
                                                <th>Fecha Respuesta</th>
                                                <th>Comentario Respuesta</th>
                                                <th>Documento</th>
                                            </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>
                                @include('include.div.invalid-feedback')
                                {{-- mensaje de error campo vacio --}}
                            </div>
                        </div>
                    </div>



                </fieldset>
            </div>
            <div class="modal-footer">
                <button id="btnCloseModal" type="button" class="btn btn-danger  btn-sm light"
                    data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

{{-- </form> --}}