<div class="modal fade" id="modal-redes" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header mh">
                <h5 class="modal-title">Redes Sociales</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" style="padding-top: 0px;">
                <form @submit.prevent="editarGuardarRedes()" id="form-catie-modal">
                    <div class="form-group">
                        <label for="catie-descripcion">Tipo</label>
                        <div class="input-group">
                            <select id="captado" class="form-control" v-model="form_redes">
                                <option value="">Seleccione una opcion</option>
                                <option value="Instagram">Instagram</option>
                                <option value="Facebook">Facebook</option>
                                <option value="Twitter">Twitter</option>
                                <option value="Woocommerce">Woocommerce</option>
                                <option value="Tik-Tok">Tik-Tok</option>
                                <option value="Whatsapp">Whatsapp</option>
                                <option value="Telegram">Telegram</option>
                                <option value="E-mail">E-mail</option>
                                <option value="Wechat">Wechat</option>
                                <option value="Otros">Otros</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="catie-descripcion">Descripción</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <i class="fas fa-pencil-alt"></i>
                                </span>
                            </div>
                            <input type="text" class="form-control" v-model="form_descripcion">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="alert alert-warning" v-for="row in errorForm">{{ row }}</div>
                    </div>
                    <div class="form-group d-flex justify-content-end">
                        <button class="btn-light btn btn-sm " style="box-shadow: #ddd 2px 6px 15px 0px;">Registrar</button>
                    </div>
                </form>
                <div class="card-category text-primary pb-2" style="padding-left: 10px;"> <i class="fas fa-list-ul"></i> Lista de Redes Sociales</div>
                <div class="form-row">
                    <div class="col-12">
                        <ul class="list-group">
                            <li class="list-group-item d-flex justify-content-between align-items-center" title="Eliminar Categoría" v-for="row in redesSociales" :key="row.clird_id" @click="verRedes(row)" style="cursor: pointer; padding: .25rem 1.25rem;">
                                {{row.clird_type}} ({{row.clird_descripcion}})
                                <button class="btn btn-icon btn-sm btn-light" @click="eliminarRedes(row)" style="box-shadow: #ddd 2px 6px 15px 0px;">
                                    <span class="fa fa-trash"></span>
                                </button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>