@component('fragments.modal')
        @slot('idmodal')
        delete_modal_servicio
        @endslot

        @slot('title')
            Eliminar Servicio
        @endslot

        @slot('action')
            <form class="needs-validation ui form" method="POST" action="delete_servicio_lista_precios" role="form" enctype="multipart/form-data">
        @endslot

        @slot('form')
            {{ csrf_field() }}
            <div id="modal-form-delete">
                <input type="text" class="form-control" id="id_servicio_delete" name="id_servicio_delete" hidden>
                <div class="card">
                    <h5 class="card-header text-center"><i class="icon trash"></i>Eliminar Registro</h5>
                    <div class="card-body text-center">¿Estas seguro de eliminar el registro?
                        <h4 class="text-primary" name="nombre_servicio_delete" id="nombre_servicio_delete" value="nombre_servicio_delete"></h4>
                    </div>
                </div>
            </div>
        @endslot

        @slot('button')
            <button type="submit" class="btn btn-danger" onclick="showLoader();">
                <i class="trash icon"></i>Eliminar
            </button>
        @endslot
    @endcomponent