<style>
    .bg-head {
        background-color: rgba(222, 222, 222, 0.4);
    }

    .tam20 {
        width: 10%;
    }

    .table td,
    .table th {
        padding: 5px !important;
        font-size: 12px;
        height: 35px;
    }

    td,
    th {
        padding: 1px !important;
    }

    .aaa {
        background-color: white;
    }

    .aaa:hover {
        background-color: rgba(222, 222, 222, 0.4);
    }
</style>
<div class="container" id="appPlanillaOrden" v-cloak>
    <input type="hidden" id="id_orden" value="<?= $orden ?>">
    <div class="page-inner">
        <div class="page-header">
            <h4 class="page-title">Planilla orden</h4>
            <ul class="breadcrumbs">
                <li class="nav-home">
                    <a href="<?= ruta_base() ?>">
                        <i class="flaticon-home"></i>
                    </a>
                </li>
                <li class="separator">
                    <i class="flaticon-right-arrow"></i>
                </li>
                <li class="nav-item">
                    <a href="<?= url('planilla') ?>">Planilla</a>
                </li>
                <li class="separator">
                    <i class="flaticon-right-arrow"></i>
                </li>
                <li class="nav-item">
                    <a href="<?= url('planilla/crear') ?>">Crear</a>
                </li>
            </ul>
            <div class="ml-md-auto" style="display: flex;">
                <div class="btn-group" role="group" aria-label="Basic example" style="box-shadow: 2px 6px 15px 0px rgba(69, 65, 78, 0.1);">
                    <button v-if="tot_servicios_asignados==0" type="button" class="btn btn-light " data-toggle="modal" data-target="#modal_nueva_ubicacion_parte"><i></i> Detalles finales</button>
                    <!-- <button type="button" class="btn btn-light">
                        <a href="<?php url("planilla/imprimirPlanilla/$orden") ?>" target="_blank" style="text-decoration: none;" class="btn-light ab">
                            <i class="fa fa-print"></i> Imprimir
                        </a>
                    </button> -->
                    <div class="btn-group" role="group">
                        <button id="btnGroupDrop1" type="button" class="btn btn-ligth dropdown-toggle aaa" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-print"></i> Imprimir
                        </button>
                        <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                            <?php foreach ($impresoras_de_ticket as $row) : ?>
                                <a class="dropdown-item" href="#" @click.prevent="imprimirTicket('<?= $row['id'] ?>')"><?= $row['impresora'] ?></a>
                            <?php endforeach; ?>
                        </div>
                    </div>
                    <button type="button" class="btn btn-light" @click="generarOrden()"><i class="fa fa-save"></i> Generar</button>
                    <button type="button" class="btn btn-light" data-toggle="modal" data-target="#modal_cliente"><i class="fa fa-edit"></i> Modificar Cliente</button>
                    <button type="button" v-if="tot_servicios_asignados==0 && entreg==0" class="btn btn-light" @click="entegadocompletado()"><span class="text-warning"><i class="fa fa-check"></i> Entregar</span></button>
                    <button type="button" v-if="tot_servicios_asignados==0 && entreg==1" class="btn btn-light" @click="entegadocompletado()"><span class="text-success"><i class="fa fa-check"></i> Entregado</span></button>
                    <button type="button" class="btn btn-primary" id="cronmsj" @click="cronMsj(1)"><i class="fas fa-envelope"></i> Msj</button>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card card-invoice">
                    <div class="card-body" style="width: 95%;">
                        <div class="row my-3">
                            <div class="col-6">
                                <div class="invoice-detail">
                                    <div class="invoice-top text-center" style="background-color: rgba(222, 222, 222, 0.4);">
                                        <h3 class="title"><strong>Datos de la Orden</strong></h3>
                                    </div>
                                    <div class="invoice-item">
                                        <div class="table-responsive">
                                            <table class="table table-striped table-head-bg-primary table-bordered-bd-primary">
                                                <thead>
                                                    <tr>
                                                        <td><strong>ORDEN N°</strong></td>
                                                        <td><strong>FECHA</strong></td>
                                                        <td><strong>EMPLEADO</strong></td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            <span id="orden_planilla" style="color: orange; font-size: 16px; font-weight: bolder;"></span>
                                                        </td>
                                                        <td>
                                                            <span id="fecha_planilla" style="color: blue;"></span>
                                                        </td>
                                                        <td><?= $_SESSION['user_data']['einfo_nombres'] . ' ' . $_SESSION['user_data']['einfo_apellidos'] ?></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-4" style="align-self: end;">
                                            <h5 class="title"><strong>Empleado que bajo el motor</strong></h5>
                                        </div>
                                        <div class="col-8">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <i class="fas fa-user-tie"></i>
                                                    </span>
                                                </div>
                                                <select id="emp_bajom" v-if="emp_bajo_motor==0" class="form-control" @change="empleadBajoMotor()">
                                                    <option value="">Seleccione un empleado</option>
                                                    <option v-for="row in empleados_todos" :value="row.id">{{row.empleado}}</option>
                                                </select>
                                                <input class="form-control" id="emp_bajo_m" v-else type="text" style="padding: 5px 10px 2px;" disabled>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-4" style="align-self: end;">
                                            <h5 class="title"><strong>Empleado que desarmo el motor</strong></h5>
                                        </div>
                                        <div class="col-8">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <i class="fas fa-user-tie"></i>
                                                    </span>
                                                </div>
                                                <select v-if="emp_desarmo_motor==0" id="emp_desarmom" class="form-control" @change="empleadDesarmoMotor()">
                                                    <option value="">Seleccione un empleado</option>
                                                    <option v-for="row in empleados_todos" :value="row.id">{{row.empleado}}</option>
                                                </select>
                                                <input class="form-control" id="emp_desarmo_m" v-else type="text" style="padding: 5px 10px 2px;" disabled>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-4" style="align-self: end;">
                                            <h5 class="title"><strong>Empleado ficha</strong></h5>
                                        </div>
                                        <div class="col-8">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <i class="fas fa-user-tie"></i>
                                                    </span>
                                                </div>
                                                <select id="emp_ficha" v-if="emp_ficha==0" class="form-control" @change="empleadFicha()">
                                                    <option value="">Seleccione un empleado</option>
                                                    <option v-for="row in empleados_todos" :value="row.id">{{row.empleado}}</option>
                                                </select>
                                                <input class="form-control" id="emp_fichai" v-else type="text" style="padding: 5px 10px 2px;" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="invoice-detail">
                                    <div class="invoice-top text-center" style="background-color: rgba(222, 222, 222, 0.4);">
                                        <h3 class="title"><strong>Datos del Cliente</strong></h3>
                                    </div>
                                    <div class="invoice-item mb-3">
                                        <div class="table-responsive">
                                            <table class="table table-striped table-head-bg-primary table-bordered-bd-primary">
                                                <thead>
                                                    <tr>
                                                        <td><strong>CI / RIF</strong></td>
                                                        <td><strong>Nombres</strong></td>
                                                        <td><strong>Telefono</strong></td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td><span id="dni_cliente_planilla"></span></td>
                                                        <td><span id="cliente_planilla"> </span></td>
                                                        <td><span id="telefono_planilla"></span></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-2" style="align-self: end;">
                                            <h5 class="title"><strong>Taller</strong></h5>
                                        </div>
                                        <div class="col-10">
                                            <form action="" @submit.prevent="actualizarTaller">
                                                <div class="row">
                                                    <div class="col-sm-10" style="align-self: center;">
                                                        <input type="text" id="taller_planilla" class="form-control" placeholder="Taller" maxlength="100" onkeyup="this.observ=this.observ.toUpperCase()" style="padding: 5px 10px 2px 10px;">
                                                    </div>
                                                    <div class="col-sm-1 align-self-center">
                                                        <button type="submit" class="btn btn-icon btn-white" title="Registrar Taller">
                                                            <i class="fa fa-save"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-2" style="align-self: end;">
                                            <h5 class="title"><strong>Motor</strong></h5>
                                        </div>
                                        <div class="col-10">
                                            <div class="row">
                                                <div class="col-sm-10" style="padding-top: 3px;">
                                                    <span id="motor_planilla"></span>
                                                </div>
                                                <div class="col-sm-1">
                                                    <a href="#" data-toggle="modal" data-target="#modal-motores" class="btn btn-icon btn-white" style="height: 1.5rem; background: transparent; font-size: 18px;" title="Agreagar Motores">
                                                        <i class="fa fa-plus"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-2" style="align-self: end;">
                                            <h5 class="title"><strong>Observ.</strong></h5>
                                        </div>
                                        <div class="col-10">
                                            <form action="" @submit.prevent="actualizarObserv">
                                                <div class="row">
                                                    <div class="col-sm-10" style="align-self: center;">
                                                        <textarea class="form-control" id="observacion" placeholder="Observaciones de la planilla" rows="2" :value="this.observ"></textarea>
                                                    </div>
                                                    <div class="col-sm-1 align-center">
                                                        <button type="submit" class="btn btn-icon btn-white" style="float:left" title="Registrar Observacion">
                                                            <i class="fa fa-save"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="row">
                            <div class="col-12">
                                <div class="pull-right">
                                    <div class="btn-group" role="group" aria-label="Basic example" style="box-shadow: 2px 6px 15px 0px rgba(69, 65, 78, 0.1);">
                                        <button type="button" data-toggle="modal" data-target="#modal-partes" title="Agregar" class="btn btn-light "><i class="fas fa-dolly"></i> Agregar Parte</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col">
                                <div class="card card-invoice">
                                    <div class="card-body" style="width: 95%;">
                                        <div class="invoice-detail">
                                            <div class="invoice-top text-center mt-3" style="background-color: rgba(222, 222, 222, 0.4);">
                                                <h3 class="title"><strong>Partes Recibidas</strong></h3>
                                            </div>
                                            <div class="invoice-item">
                                                <div class="table-responsive">
                                                    <table class="display nowrap table table-sm table-hover table-striped table-head-bg-primary table-bordered-bd-primary">
                                                        <thead>
                                                            <tr>
                                                                <th>Categoría</th>
                                                                <th>Parte</th>
                                                                <th class="text-center">Cant.</th>
                                                                <th class="text-center">Ubic.</th>
                                                                <th class="text-center"></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr v-for="row in partesOrden">
                                                                <td style="width: 20%">{{ row.categoria }}</td>
                                                                <td><span :data-toggle="'tooltip'" :data-original-title="row.observacion" :title="row.observacion">{{ row.parte }}</span> </td>
                                                                <td class="text-center" style="width: 10%">{{ row.cantidad }}</td>
                                                                <td class="text-center" style="width: 15%">{{ row.ubicacion }}</td>
                                                                <td class="text-center" style="height: inherit; width: 10%">
                                                                    <div class="form-button-action">
                                                                        <button type="button" title="Observacion" class="btn btn-link" @click="modalObservacionParte(row)" style="padding: 5px 10px;">
                                                                            <i class="fas fa-edit text-dark"></i>
                                                                        </button>
                                                                        <button type="button" title="Eliminar" class="btn btn-link" @click="eliminarParteOrden(row)" style="padding: 5px 10px;">
                                                                            <i class="fa fa-trash text-dark"></i>
                                                                        </button>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col">
                                <div class="card card-invoice">
                                    <div class="card-body" style="width: 95%;">
                                        <div class="invoice-detail">
                                            <div class="invoice-top text-center mt-3" style="background-color: rgba(222, 222, 222, 0.4);">
                                                <h3 class="title"><strong>Repuestos Recibidos</strong></h3>
                                            </div>
                                            <div class="invoice-item">
                                                <form action="" @submit.prevent="actualizarRepuestosClientes">
                                                    <div class="row">
                                                        <div class="col-sm-10" style="align-self: center;">
                                                            <div class="form-group">
                                                                <textarea class="form-control" id="respuesto_cliente" placeholder="Repuesto traidos por el cliente" rows="4" onkeyup="this.value=this.value.toUpperCase()"></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-2 align-self-center text-center">
                                                            <button type="submit" class="btn btn-icon btn-white" title="Registrar Repuestos">
                                                                <i class="fa fa-save"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col">
                                <div class="card card-invoice">
                                    <div class="card-body" style="width: 95%;">
                                        <div class="invoice-detail">
                                            <div class="invoice-top text-center mt-3" style="background-color: rgba(222, 222, 222, 0.4);">
                                                <h3 class="title"><strong>Repuestos Entregados</strong></h3>
                                            </div>
                                            <div class="invoice-item">
                                                <table class="display table table-striped table-head-bg-primary table-bordered-bd-primary">
                                                    <thead>
                                                        <tr>
                                                            <th>Repuesto</th>
                                                            <th>Empleado</th>
							    <th>Entregado al obrero</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr v-for="row in repuestos">
                                                            <td>{{ row.codigo }} {{ row.producto }}</td>
                                                            <td>{{ row.empleado }}</td>
							    <td> <select class="custom-select" v-model="row.id_empleado2" @change="asignarRepuestoAEmpleadoIndividual(row.id, $event)">
                                    <option value="" selected>Ninguno</option>
                                    <?php if (is_countable($empleados) && count($empleados)) : ?>
                                        <?php foreach ($empleados as $row) : ?>
                                            <option value="<?= $row['id'] ?>"><?= $row['empleado'] ?></option>
                                        <?php endforeach; ?>
                                    <?php endif; ?>
                                </select></td>
                                                        </tr>	
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="pull-right">
                                    <div class="btn-group" role="group" aria-label="Basic example" style="box-shadow: 2px 6px 15px 0px rgba(69, 65, 78, 0.1);">
                                        <button type="button" data-toggle="modal" data-target="#modal-trabajoAdic" title="Agregar" class="btn btn-light "><i class="fas fa-wrench"></i> Agregar trabajo</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col">
                                <div class="card card-invoice">
                                    <div class="card-body" style="width: 95%;">
                                        <div class="invoice-detail">
                                            <div class="invoice-top text-center mt-3" style="background-color: rgba(222, 222, 222, 0.4);">
                                                <h3 class="title"><strong>Trabajos Adicionales</strong></h3>
                                            </div>
                                            <div class="invoice-item">
                                                <table class="display table table-striped table-head-bg-primary table-bordered-bd-primary">
                                                    <thead>
                                                        <tr>
                                                            <th>Descripcion</th>
                                                            <th>Empleado</th>
                                                            <th>Monto</th>
                                                            <th></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr v-for="row in trabajos_adicionales">
                                                            <td>{{row.servicio}}
                                                                <span v-if="row.estatus==1" class="badge badge-success ml-2" style="cursor: pointer;"><i class="fa fa-check"></i> FINALIZADO</span>
                                                                <span v-if="row.estatus==2" class="badge badge-info ml-2" @click="estatusServiciosAdicionales(row.id,row.com)" style="cursor: pointer;"><i class="fas fa-wrench"></i> EN PROCESO</span>
                                                                <span v-if="row.estatus<=0 " class="badge badge-warning ml-2" @click="estatusServiciosAdicionales(row.id,row.com)" style="cursor: pointer;"><i class="fa fa-times"></i> PENDIENTE</span>
                                                            </td>
                                                            <td>{{row.empleado}}</td>
                                                            <td>{{row.monto}} $</td>
                                                            <td>
                                                                <button type="button" title="Eliminar" class="btn btn-link" @click="eliminarTrabajosAdicionales(row.id)" style="padding: 5px 10px;">
                                                                    <i class="fa fa-trash text-dark"></i>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="row">
                            <div class="col-12">
                                <div class="pull-right">
                                    <div class="btn-group" role="group" aria-label="Basic example" style="box-shadow: 2px 6px 15px 0px rgba(69, 65, 78, 0.1);">
                                        <button type="button" data-toggle="modal" data-target="#modal-servicios" title="Agregar" class="btn btn-light "><i class="fas fa-wrench"></i> Agregar Trabajo</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col">
                                <div class="card card-invoice">
                                    <div class="card-body" style="width: 95%;">
                                        <div class="invoice-detail">
                                            <div class="invoice-top text-center mt-3" style="background-color: rgba(222, 222, 222, 0.4);">
                                                <h3 class="title"><strong>Trabajos a Efectuarse</strong></h3>
                                            </div>
                                            <div class="invoice-item">
                                                <div class="table-responsive" v-for="serv in serviciosOrden">
                                                    <table class="display table table-striped table-hover table-head-bg-primary table-bordered-bd-primary">
                                                        <caption style="caption-side: top;">
                                                            <div style="display: flex; justify-content:space-between">
                                                                <span> {{ serv.categoria }}</span>
                                                                <div class="btn-group" role="group">
                                                                    <button id="btnGroupDrop1" type="button" class="btn btn-ligth dropdown-toggle aaa" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                        <i class="fa fa-print"></i>
                                                                    </button>
                                                                    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                                                        <?php foreach ($impresoras_de_ticket as $row) : ?>
                                                                            <a class="dropdown-item" href="#" @click.prevent="imprimirServiciosPorCategoria('<?= $row['id'] ?>', serv.cat_id)"><?= $row['impresora'] ?></a>
                                                                        <?php endforeach; ?>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </caption>
                                                        <thead>
                                                            <tr>
                                                                <th style="width: 18%;">Cantidad</th>
                                                                <th>Parte/Trabajo</th>
                                                                <th>Estatus</th>
                                                                <th class="text-center"></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr v-for="row in serv.servicios" :key="row.id" :class="row.estatus == 2 ? 'bg-danger' : ''" :title="row.estatus == 2 ? 'Eliminado por peticion del cliente' : ''">
                                                                <td style="width: 18%;">
                                                                    <div v-if="row.estatus != 2" class="form-group" style="padding-top: 0 !important; padding-bottom: 0 !important">
                                                                        <input type="number" v-model.number="row.cantidad" class="form-control" @change="actualizarCantidadServicioOrden(row)" @keyup="actualizarCantidadServicioOrden(row)" style="padding: 4px 15px;">
                                                                </td>
                                                                <td>{{row.servicio }}</td>
                                                                <td class="text-center">
                                                                    <small v-if="row.estatus == 0" class="text-warning btn" title="Pendiente" style="padding: 0 5px;">
                                                                        <i class="fas fa-wrench"></i>
                                                                    </small>
                                                                    <small v-else-if="row.estatus == 1" class="text-success btn" title="Terminado" style="padding: 0 5px;">
                                                                        <i class="fas fa-check-double"></i>
                                                                    </small>
                                                                </td>
                                                                <td class="text-center" style="height: inherit; width: 5%">
                                                                    <div class="form-button-action" v-if="">
                                                                        <?php if ($permiso_add_emp) : ?>
                                                                            <button v-if="row.estatus != 2" type="button" title="Asignar Empleado" class="btn btn-link" @click="modalAsignarTrabajoEmpleado(row)">
                                                                                <i class="fa fa-user-plus text-dark"></i>
                                                                            </button>
                                                                        <?php endif;  ?>
                                                                        <button v-if="row.estatus == 0" type="button" title="Eliminar" class="btn btn-link" @click="eliminarServicioOrden(row)">
                                                                            <i class="fa fa-trash text-dark"></i>
                                                                        </button>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col">
                                <div class="card card-invoice">
                                    <div class="card-body" style="width: 95%;">
                                        <div class="invoice-detail">
                                            <div class="invoice-top text-center mt-3" style="background-color: rgba(222, 222, 222, 0.4);">
                                                <h3 class="title"><strong>Trabajos Asignados</strong></h3>
                                            </div>
                                            <div class="invoice-item">
                                                <div class="row">
                                                    <div class="col table-responsive">
                                                        <table class="display table table-striped table-hover dataTable table-head-bg-primary table-bordered-bd-primary">
                                                            <thead>
                                                                <tr>
                                                                    <th>EMPLEADO</th>
                                                                    <th>SERVICIO</th>
                                                                    <th class="text-center">PRECIO</th>
                                                                    <th class="text-center">CANTIDAD</th>
                                                                    <th class="text-center">FECHA</th>
                                                                    <th></th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr v-for="row in trabajosAsignados">
                                                                    <td>{{ row.empleado }}</td>
                                                                    <td>{{row.servicio }}
                                                                        <span v-if="row.estatus==1" class="badge badge-success ml-2" style="cursor: pointer;"><i class="fa fa-check"></i> FINALIZADO</span>
                                                                        <span v-if="row.estatus==2" class="badge badge-info ml-2" @click="estatusServiciosEmpleados(row.id)" style="cursor: pointer;"><i class="fas fa-wrench"></i> EN PROCESO</span>
                                                                        <span v-if="row.estatus==0" class="badge badge-warning ml-2" @click="estatusServiciosEmpleados(row.id)" style="cursor: pointer;"><i class="fa fa-times"></i> PENDIENTE</span>
                                                                    </td>
                                                                    <td class="text-right">{{row.precio }}</td>
                                                                    <td class="text-right">{{row.cantidad }}</td>
                                                                    <td class="text-center">{{ row.fecha }}</td>
                                                                    <td class="text-center">
                                                                        <?php if ($permiso_delete_emp) : ?>
                                                                            <button type="button" title="Eliminar" class="btn btn-link btn-primary" @click="eliminarTrabajoAsignado(row)">
                                                                                <i class="fa fa-trash text-dark"></i>
                                                                            </button>
                                                                        <?php endif; ?>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <?php include 'modal_partes.php' ?>
    <?php include 'modal_servicios.php' ?>
    <?php include 'modal_asignar_trabajo.php' ?>
    <?php include 'modal_trabajos_asignados.php' ?>
    <?php include 'modal_asignar_trabajo_empleado.php' ?>
    <?php include 'modal_trabajo_adicionales.php' ?>
    <?php include 'modal_observacion_parte.php' ?>
    <?php include 'modal_culminado.php' ?>
    <?php include 'modal_motor.php' ?>
</div>
<link rel="stylesheet" href="<?= asset('assets/vue-select.css') ?>">
<script src="<?= asset('assets/vue-select.js') ?>"></script>
<script src="<?= asset('assets/underscore-min.js') ?>"></script>
<script src="<?= asset('assetsvuejs/planillas/orden.js') ?>"></script>
<?php include 'modal_cambiar_cliente.php' ?>
