@php
$VerEditor = auth()->user()->can('Casos - Editor')
@endphp
@if($VerEditor)
@extends('layouts/app')
@section('tituloModulo', 'DATOS DEL CASO DEL CLIENTE: ' . strtoupper($datos->cliente) )
@section('contenido')
<div class="card">
    <div class="card-body">
        <h4 class="card-title">DATOS GENERALES</h4>
        <form action="{{ route('casos.update', $datos->codigo_caso  ) }}" method="POST" enctype="multipart/form-data">
            @csrf
        <div class="row">
            <div class="col-md-6 col-12">
                <label class="control-label">No. Caso</label>
                <input class="form-control" type="text" name="numero_caso"  value="{{ $datos->numero_caso }}" readonly>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">No. de expendiente</label>
                <input class="form-control" type="text" name="expendiente"  value="{{ $datos->numero_expendiente_caso }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Parte</label>
                <select class="form-select" aria-label="Default select example" name="parte" required>
                    @if ($datos->parte_caso)
                    <option value="{{ $datos->parte_caso }}">{{ $datos->parte_caso }}</option>
                    @else
                    <option value="">Selecciona una opción</option>
                    @endif
                    <option value="Acusada">Acusada</option>
                    <option value="Demandante">Demandante</option>
                </select>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label is-required">Categoría del caso</label>
                <select class="form-select" aria-label="Default select example" name="categoria" required>
                    @if ($datos->codigo_cascat)
                    <option value="{{ $datos->codigo_cascat }}">{{ $datos->nombre_cascat }}</option>
                    @else
                    <option value="">Selecciona un categoría del caso</option>
                    @endif
                    @foreach ($categorias as $categoria)
                    <option value="{{$categoria->codigo_cascat}}">{{$categoria->nombre_cascat}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-12 col-12">
                <label class="control-label is-required">Juzgados</label>
                <select class="form-select" aria-label="Default select example" name="juzgados" required>
                    @if ($datos->codigo_juzg)
                    <option value="{{ $datos->codigo_juzg }}">{{ $datos->nombre_juzg }}</option>
                    @else
                    <option value="">Selecciona el juzgado</option>
                    @endif
                    @foreach ($juzgados as $juzgado)
                    <option value="{{$juzgado->codigo_juzg}}">{{$juzgado->nombre_juzg}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-12 col-12">
                <label class="control-label">Nombre referencia del caso</label>
                <input class="form-control" type="text" name="referencia"  value="{{ $datos->nombre_referencia_caso }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Teléfono de referencia</label>
                <input class="form-control" type="text" name="telefono"  value="{{ $datos->telefono_referencia_caso }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Cargo de caso</label>
                <input class="form-control" type="text" name="cargo"  value="{{ $datos->cargo_caso }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Fecha de recepción</label>
                <input class="form-control" type="date" name="fechaRecepcion"  value="{{ $datos->fecha_recepcion_caso }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Fecha de presentación</label>
                <input class="form-control" type="date" name="fechaPresentacion"  value="{{ $datos->fecha_presentacion_caso }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Fecha de audencia</label>
                <input class="form-control" type="date" name="fechaAudencia"  value="{{ $datos->fecha_audencia_caso }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Fecha de setencia</label>
                <input class="form-control" type="date" name="fechaSentencia"  value="{{ $datos->fecha_sentencia_caso }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Cliente    </label>
                <select class="form-select" aria-label="Default select example" name="cliente" required>
                    <option value="{{$datos->codigo_clie}}">{{ $datos->cliente}}</option>
                    @foreach ($clientes as $clienteList)
                    <option value="{{$clienteList->codigo_clie}}">{{$clienteList->name}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-12 col-12">
                @can('Casos - Editor')
                <button type="submit" class="btn btn-outline-success mt-2"><i class="bx bx-save"></i> Guardar</button>
                @endcan
                <a href="{{ route('casos.index')}}" class="btn btn-outline-danger mt-2">
                    <i class="bx bxs-arrow-from-right"></i><span> Regresar</span>
                </a>
            </div>
        </div>
        </form>
    </div>
</div>
<div class="card">
    <div class="card-body">
        <h4 class="card-title">ETAPAS</h4>
        @can('Casos - Editor')
        <button type="button" class="btn btn-success mt-3" data-bs-toggle="modal" data-bs-target="#crearEtapa">
            <i class="bx bxs-folder-plus"></i> Agregar etapa
        </button>
        <div class="modal fade" id="crearEtapa" tabindex="-1">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Agregar etapa</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form action="{{ route('casos.store.etapa', $datos->codigo_caso) }}" method="POST">
                        @csrf
                    <div class="modal-body">
                        <label class="control-label is-required">Nombre de la etapa</label>
                        <input class="form-control" type="text" name="name" required>
                        <label class="control-label is-required">Descripción</label>
                        <textarea name="descripcion" class="form-control" required></textarea>
                        <label class="control-label is-required">Fecha</label>
                        <input class="form-control" type="date" name="fecha" required>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success"><i class="bx bx-save"></i> Guardar</button>
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><i class="bx  bxs-x-circle"></i> Cerrar</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        @endcan
        <div class="datatable-wrapper datatable-loading no-footer sortable searchable fixed-columns">
            <div class="datatable-container">
                <table class="table datatable datatable-table">
                    <thead>
                        <tr class="text">
                            <th data-sortable="true" scope="col">ETAPA</th>
                            <th data-sortable="true" scope="col">DESCRIPCIÓN</th>
                            <th data-sortable="true" scope="col">FECHA</th>
                            <th data-sortable="true" scope="col">ACCIÓN</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($etapas as $itemEtapa)
                        <tr>
                            <td data-title="ETAPA">{{ $itemEtapa->etapa_caet }}</td>
                            <td data-title="DESCRIPCIÓN">{{ $itemEtapa->descripcion_caet }}</td>
                            <td data-title="FECHA">{{ date("d/m/Y", strtotime($itemEtapa->fecha_caet)) }}</td>
                            <td data-title="ACCIÓN">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-outline-primary dropdown-toggle btnTabla"
                                        data-bs-toggle="dropdown" aria-expanded="false">Acción <i
                                            class="mdi mdi-chevron-down"></i></button>
                                    <div class="dropdown-menu">
                                        @can('Casos - Editor')
                                        <button type="button" class="btn btn-outline-success mt-2 dropdown-item" data-bs-toggle="modal" data-bs-target="#editarEtapa{{  $itemEtapa->codigo_caet }}">
                                            <i class="bx bxs-edit"></i> Editar
                                        </button>
                                        <form action="{{ route('casos.delete.etapa', $itemEtapa->codigo_caet) }}" method="POST" enctype="multipart/form-data" class="form-delete">
                                            @csrf
                                            <button class="dropdown-item"   type="submit" id="btn" >
                                                <i class="bx  bxs-trash"></i> Eliminar
                                            </button>
                                        </form>
                                        @endcan
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <div class="modal fade" id="editarEtapa{{  $itemEtapa->codigo_caet }}" tabindex="-1">
                            <div class="modal-dialog modal-xl">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">Editar etapa</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <form action="{{ route('casos.update.etapa',$itemEtapa->codigo_caet ) }}" method="POST">
                                        @csrf
                                    <div class="modal-body">
                                        <label class="control-label is-required">Nombre de la etapa</label>
                                        <input class="form-control" type="text" name="name" value="{{ $itemEtapa->etapa_caet }}" required>
                                        <label class="control-label is-required">Descripción</label>
                                        <textarea name="descripcion" class="form-control" required>{{ $itemEtapa->descripcion_caet }}</textarea>
                                        <label class="control-label is-required">Fecha</label>
                                        <input class="form-control" type="date" name="fecha" value="{{ $itemEtapa->fecha_caet }}" required>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="submit" class="btn btn-success"><i class="bx bx-save"></i> Guardar</button>
                                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><i class="bx  bxs-x-circle"></i> Cerrar</button>
                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="datatable-bottom">
                <nav class="datatable-pagination">
                    <ul class="datatable-pagination-list"></ul>
                </nav>
            </div>
        </div>
    </div>
</div>
<div class="card">
    <div class="card-body">
        <h4 class="card-title">ACTIVIDADES</h4>
        @can('Casos - Editor')
        <button type="button" class="btn btn-success mt-3" data-bs-toggle="modal" data-bs-target="#crearActividad">
            <i class="bx bxs-folder-plus"></i> Agregar actividad
        </button>
        <div class="modal fade" id="crearActividad" tabindex="-1">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Agregar actividad</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form action="{{ route('casos.store.actividad', $datos->codigo_caso) }}" method="POST">
                        @csrf
                    <div class="modal-body">
                        <label class="control-label is-required">Nombre de la actividad</label>
                        <input class="form-control" type="text" name="name" required>
                        <label class="control-label is-required">Descripción</label>
                        <textarea name="descripcion" class="form-control" required></textarea>
                        <label class="control-label is-required">Fecha</label>
                        <input class="form-control" type="date" name="fecha" required>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success"><i class="bx bx-save"></i> Guardar</button>
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><i class="bx  bxs-x-circle"></i> Cerrar</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        @endcan
        <div class="datatable-wrapper datatable-loading no-footer sortable searchable fixed-columns">
            <div class="datatable-container">
                <table class="table datatable datatable-table">
                    <thead>
                        <tr class="text">
                            <th data-sortable="true" scope="col">ACTIVIDAD</th>
                            <th data-sortable="true" scope="col">DESCRIPCIÓN</th>
                            <th data-sortable="true" scope="col">FECHA</th>
                            <th data-sortable="true" scope="col">ACCIÓN</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($actividades as $itemActividad)
                        <tr>
                            <td data-title="ACTIVIDAD">{{ $itemActividad->titulo_caac }}</td>
                            <td data-title="DESCRIPCIÓN">{{ $itemActividad->descripcion_caac }}</td>
                            <td data-title="FECHA">{{ date("d/m/Y", strtotime($itemActividad->fecha_caac)) }}</td>
                            <td data-title="ACCIÓN">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-outline-primary dropdown-toggle btnTabla"
                                        data-bs-toggle="dropdown" aria-expanded="false">Acción <i
                                            class="mdi mdi-chevron-down"></i></button>
                                    <div class="dropdown-menu">
                                        @can('Casos - Editor')
                                        <button type="button" class="btn btn-outline-success mt-2 dropdown-item" data-bs-toggle="modal" data-bs-target="#editarActividad{{  $itemActividad->codigo_caac }}">
                                            <i class="bx bxs-edit"></i> Editar
                                        </button>
                                        <form action="{{ route('casos.delete.actividad', $itemActividad->codigo_caac) }}" method="POST" enctype="multipart/form-data" class="form-delete">
                                            @csrf
                                            <button class="dropdown-item"   type="submit" id="btn" >
                                                <i class="bx  bxs-trash"></i> Eliminar
                                            </button>
                                        </form>
                                        @endcan
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <div class="modal fade" id="editarActividad{{  $itemActividad->codigo_caac }}" tabindex="-1">
                            <div class="modal-dialog modal-xl">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">Editar actividad</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <form action="{{ route('casos.update.actividad',$itemActividad->codigo_caac ) }}" method="POST">
                                        @csrf
                                    <div class="modal-body">
                                        <label class="control-label is-required">Nombre de la actividad</label>
                                        <input class="form-control" type="text" name="name" value="{{ $itemActividad->titulo_caac }}" required>
                                        <label class="control-label is-required">Descripción</label>
                                        <textarea name="descripcion" class="form-control" required>{{ $itemActividad->descripcion_caac }}</textarea>
                                        <label class="control-label is-required">Fecha</label>
                                        <input class="form-control" type="date" name="fecha" value="{{ $itemActividad->fecha_caac }}" required>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="submit" class="btn btn-success"><i class="bx bx-save"></i> Guardar</button>
                                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><i class="bx  bxs-x-circle"></i> Cerrar</button>
                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="datatable-bottom">
                <nav class="datatable-pagination">
                    <ul class="datatable-pagination-list"></ul>
                </nav>
            </div>
        </div>
    </div>
</div>
<div class="card">
    <div class="card-body">
        <h4 class="card-title">DOCUMENTOS</h4>
        @can('Casos - Editor')
        <button type="button" class="btn btn-success mt-3" data-bs-toggle="modal" data-bs-target="#crearDocumento">
            <i class="bx bxs-folder-plus"></i> Subir documento
        </button>
        <div class="modal fade" id="crearDocumento" tabindex="-1">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Subir documento</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form action="{{ route('casos.store.documento', $datos->codigo_caso) }}" method="POST"  enctype="multipart/form-data">
                        @csrf
                    <div class="modal-body">
                        <label class="control-label is-required">Título del documento</label>
                        <input class="form-control" type="text" name="titulo" required>
                        <label class="control-label is-required">Documento</label>
                        <input class="form-control" type="file" name="documento" required>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success"><i class="bx bx-save"></i> Guardar</button>
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><i class="bx  bxs-x-circle"></i> Cerrar</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        @endcan
        <div class="row">
            @foreach ($documentos as $documento)
            <div class="col-md-3 col-6 text-center">
                <img src="{!! asset('assets/img/contrato.png') !!}" alt="" width="100%">
                <p style="font-size: 12px;"><strong>Titulo</strong> <br>{{ $documento->titulo_cado }}<br><strong>Creado</strong> <br>{{ date("d/m/Y", strtotime($documento->fecha_carga_cado)) }}</p>
                <a href={{ route('casos.download.documento', $documento->codigo_cado) }} class="btn btn-outline-primary mt-2"><i class="fa-solid fa-download"></i></a>
                <a href={{ route('casos.delete.documento', $documento->codigo_cado) }} class="btn btn-outline-danger mt-2"><i class="fa-solid fa-trash"></i></a>
            </div>
            @endforeach
        </div>
    </div>
</div>
<div class="card">
    <div class="card-body">
        <h4 class="card-title">PAGOS</h4>
        @can('Casos - Editor')
        <button type="button" class="btn btn-success mt-3" data-bs-toggle="modal" data-bs-target="#crearPago">
            <i class="bx bxs-folder-plus"></i> Agregar pago
        </button>
        <div class="modal fade" id="crearPago" tabindex="-1">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Agregar pago</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form action="{{ route('casos.store.pagos', $datos->codigo_caso) }}" method="POST">
                        @csrf
                    <div class="modal-body">
                        <label class="control-label is-required">Titulo del pago</label>
                        <input class="form-control" type="text" name="titulo" required>
                        <label class="control-label is-required">Descripción</label>
                        <textarea name="descripcion" class="form-control" required></textarea>
                        <label class="control-label is-required">Fecha de solicitud</label>
                        <input class="form-control" type="date" name="fecha" required>
                        <label class="control-label is-required">Subtotal</label>
                        <input id="input-currency" class="form-control input-mask text-left importe"
                        data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                        name="subtotal" required>
                        <label class="control-label is-required">Impuestos</label>
                        <input id="input-currency" class="form-control input-mask text-left importe"
                        data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                        name="impuestos" required>
                        <label class="control-label is-required">Total</label>
                        <input id="input-currency" class="form-control input-mask text-left importe"
                        data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                        name="total" required>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success"><i class="bx bx-save"></i> Guardar</button>
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><i class="bx  bxs-x-circle"></i> Cerrar</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        @endcan
        <div class="datatable-wrapper datatable-loading no-footer sortable searchable fixed-columns">
            <div class="datatable-container">
                <table class="table datatable datatable-table">
                    <thead>
                        <tr class="text">
                            <th data-sortable="true" scope="col">TITULO</th>
                            <th data-sortable="true" scope="col">DESCRIPCIÓN</th>
                            <th data-sortable="true" scope="col">FECHA DE SOLICITUD</th>
                            <th data-sortable="true" scope="col">FECHA DE PAGO</th>
                            <th data-sortable="true" scope="col">SUBTOTAL</th>
                            <th data-sortable="true" scope="col">IMPUESTOS</th>
                            <th data-sortable="true" scope="col">TOTAL</th>
                            <th data-sortable="true" scope="col">ESTADO</th>
                            <th data-sortable="true" scope="col">ACCIÓN</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($pagos as $pago)
                        <tr>
                            <td data-title="TITULO">{{ $pago->titulo_capa }}</td>
                            <td data-title="DESCRIPCIÓN">{{ $pago->descripcion_capa }}</td>
                            <td data-title="FECHA DE SOLICITUD">{{ date("d/m/Y", strtotime($pago->fecha_solicitud_capa)) }}</td>
                            <td data-title="FECHA DE PAGO"> @if ($pago->fecha_pago_capa) {{ date("d/m/Y", strtotime($pago->fecha_pago_capa)) }} @endif </td>
                            <td data-title="SUBTOTAL">{{ "$" . number_format($pago->subtotal_capa, 2) }}</td>
                            <td data-title="IMPUESTOS">{{ "$" . number_format($pago->impuestos_capa, 2) }}</td>
                            <td data-title="TOTAL">{{ "$" . number_format($pago->total_capa, 2) }}</td>

                            <td data-title="ESTATUS">
                                @if($pago->estatus_capa == 'En espera de ser enviado')
                                    <span class="badge bg-warning">{{$pago->estatus_capa}}</span>
                                @endif
                                @if ($pago->estatus_capa == 'Enviado')
                                    <span class="badge bg-primary">{{$pago->estatus_capa}}</span>
                                @endif
                                @if ($pago->estatus_capa == 'Pagado')
                                    <span class="badge bg-success">{{$pago->estatus_capa}}</span>
                                @endif
                            </td>
                            <td data-title="ACCIÓN">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-outline-primary dropdown-toggle btnTabla"
                                        data-bs-toggle="dropdown" aria-expanded="false">Acción <i
                                            class="mdi mdi-chevron-down"></i></button>
                                    <div class="dropdown-menu">
                                        @can('Casos - Editor')
                                        @if ($pago->estatus_capa == 'En espera de ser enviado')
                                        <button type="button" class="btn btn-outline-success mt-2 dropdown-item" data-bs-toggle="modal" data-bs-target="#editarPago{{  $pago->codigo_capa }}">
                                            <i class="bx bxs-edit"></i> Editar
                                        </button>
                                        <form action="{{ route('casos.delete.pagos', $pago->codigo_capa) }}" method="POST" enctype="multipart/form-data" class="form-delete">
                                            @csrf
                                            <button class="dropdown-item"   type="submit" id="btn" >
                                                <i class="bx  bxs-trash"></i> Eliminar
                                            </button>
                                        </form>
                                        @endif
                                        <a href={{ route('casos.formato.pagos', $pago->codigo_capa) }} class="dropdown-item"><i class="fa-solid fa-file-pdf"></i> Descargar Formato</a>
                                        @if ($pago->estatus_capa == 'En espera de ser enviado' || $pago->estatus_capa == 'Enviado')
                                        <a href={{ route('casos.send.pagos', $pago->codigo_capa) }} class="dropdown-item"><i class="fa-solid fa-envelopes-bulk"></i> Enviar al cliente</a>
                                        @endif
                                        @if ($pago->estatus_capa == 'Enviado')
                                        <a href={{ route('casos.pagar.pagos', $pago->codigo_capa) }} class="dropdown-item"><i class="fa-solid fa-hand-holding-dollar"></i> Pagado</a>
                                        @endif
                                        @endcan
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <div class="modal fade" id="editarPago{{  $pago->codigo_capa }}" tabindex="-1">
                            <div class="modal-dialog modal-xl">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">Editar Pago</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <form action="{{ route('casos.update.pagos',$pago->codigo_capa ) }}" method="POST">
                                        @csrf
                                    <div class="modal-body">
                                        <label class="control-label is-required">Nombre de la actividad</label>
                                        <input class="form-control" type="text" name="titulo" value="{{ $pago->titulo_capa }}" required>
                                        <label class="control-label is-required">Descripción</label>
                                        <textarea name="descripcion" class="form-control" required>{{ $pago->descripcion_capa }}</textarea>
                                        <label class="control-label is-required">Fecha de solicitud de pago</label>
                                        <input class="form-control" type="date" name="fecha" value="{{ $pago->fecha_solicitud_capa }}" required>
                                        <label class="control-label is-required">Subtotal</label>
                                        <input id="input-currency" class="form-control input-mask text-left importe"
                                        data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                                        name="subtotal" value="{{ $pago->subtotal_capa }}" required>
                                        <label class="control-label is-required">Impuestos</label>
                                        <input id="input-currency" class="form-control input-mask text-left importe"
                                        data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                                        name="impuestos" value="{{ $pago->impuestos_capa }}" required>
                                        <label class="control-label is-required">Total</label>
                                        <input id="input-currency" class="form-control input-mask text-left importe"
                                        data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                                        name="total" value="{{ $pago->total_capa }}" required>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="submit" class="btn btn-success"><i class="bx bx-save"></i> Guardar</button>
                                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><i class="bx  bxs-x-circle"></i> Cerrar</button>
                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="datatable-bottom">
                <nav class="datatable-pagination">
                    <ul class="datatable-pagination-list"></ul>
                </nav>
            </div>
        </div>
    </div>
</div>
@endsection
@endif