Sindbad~EG File Manager
<div>
<div class="row">
<div class="col-md-6">
<button class="btn btn-success" data-toggle="modal" data-target="#addModal">
<i class="fas fa-plus-circle"></i> Add objetivo
</button>
<!-- Modal -->
<div class="modal fade" wire:ignore.self id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
@if($updateMode)
<h5 class="modal-title" id="addModalLabel">Editar Objetivo</h5>
@else
<h5 class="modal-title" id="addModalLabel">Agregar Objetivo</h5>
@endif
<button type="button" class="close" wire:click.prevent="cancel()" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="com_nom">Objetivo:</label>
<input type="text" class="form-control" placeholder="Objetivo" wire:model="objetivos">
@error('objetivos') <span class="text-danger">{{ $message }}</span>@enderror
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="com_nom">Indicadores:</label>
<input type="text" class="form-control" placeholder="Indicadores" wire:model="indicadores">
@error('indicadores') <span class="text-danger">{{ $message }}</span>@enderror
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="com_nom">Meta:</label>
<input type="text" class="form-control" placeholder="Meta" wire:model="meta">
@error('meta') <span class="text-danger">{{ $message }}</span>@enderror
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="com_nom">Planes:</label>
<input type="text" class="form-control" placeholder="Planes" wire:model="planes">
@error('planes') <span class="text-danger">{{ $message }}</span>@enderror
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="responsable">Responsables:</label>
<input type="text" class="form-control" placeholder="Responsables" wire:model="responsable">
@error('responsable') <span class="text-danger">{{ $message }}</span>@enderror
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="inicio">Fecha inicio:</label>
<input type="date" class="form-control" placeholder="Fecha inicio" wire:model="inicio">
@error('inicio') <span class="text-danger">{{ $message }}</span>@enderror
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="fin">Fecha fin:</label>
<input type="date" class="form-control" placeholder="Fecha fin" wire:model="fin">
@error('fin') <span class="text-danger">{{ $message }}</span>@enderror
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="com_nom">Porcentaje alcanzado:</label>
<input type="number" class="form-control" id="Porcentaje alcanzado" placeholder="Porcentaje alcanzado" wire:model="porcentaje">
@error('porcentaje') <span class="text-danger">{{ $message }}</span>@enderror
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="status">Status:</label>
<select class="form-control" wire:model="status" required>
<option value="">Seleccione una opción</option>
<option value="No Realizado">No Realizado</option>
<option value="En Proceso">En Proceso</option>
<option value="Realizado">Realizado</option>
<option value="Suspendido">Suspendido</option>
</select>
@error('status') <span class="text-danger">{{ $message }}</span>@enderror
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm" wire:click.prevent="cancel()">Cancelar</button>
@if($updateMode)
<button wire:click.prevent="update()" class="btn btn-warning btn-sm">Actualizar</button>
@else
<button wire:click.prevent="store()" class="btn btn-success btn-sm">Guardar</button>
@endif
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6" align="right">
@if($asignaciones)
<a href="/admin/tableros/vertableros">
<button class="btn btn-success">
<i class="fas fa-eye"></i>Ver todos
</button>
</a>
@endif
</div>
<div class="col-md-12"><br></div>
</div>
<div class="card">
<div class="card-body" id="factura">
<table class="table table-bordered">
<thead style="text-align: center;">
<tr>
<th class="bg-primary">Objetivos</th>
<th class="bg-primary">Indicadores</th>
<th class="bg-primary">Meta</th>
<th class="bg-primary">Planes de acción</th>
<th class="bg-primary">Responsables</th>
<th class="bg-primary">Fecha inicio</th>
<th class="bg-primary">Fecha fin</th>
<th class="bg-primary">Porcentaje de cumplimiento</th>
<th class="bg-primary">Status</th>
<th class="bg-primary">Acciones</th>
</tr>
</thead>
<tbody>
@foreach($objetivoss as $value)
<?php
if($value->status == "No Realizado"){
$fondo='bg-danger';
}elseif($value->status == "En Proceso"){
$fondo='bg-warning';
}elseif($value->status == "Realizado"){
$fondo='bg-success';
}elseif($value->status == "Suspendido"){
$fondo='bg-light';
}
?>
<tr>
<td>{{ $value->objetivos }}</td>
<td>{{ $value->indicadores }}</td>
<td>{{ $value->meta }}</td>
<td>{{ $value->planes }}</td>
<td>{{ $value->responsable }}</td>
<td>{{ $value->inicio }}</td>
<td>{{ $value->fin }}</td>
<td>{{ $value->porcentaje }} %</td>
<td class="{{$fondo}}">{{ $value->status }}</td>
<td class="no-print">
<button wire:click="edit({{ $value->id }})" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#addModal"><i class="fas fa-edit"></i></button>
<button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModal{{ $value->id }}"><i class="fas fa-trash-alt"></i></button>
<!-- Modal -->
<div class="modal fade" id="exampleModal{{ $value->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Eliminar objetivo</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>¿Realmente quiere eliminar el objetivo: {{ $value->objetivos }}?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
<button type="button" wire:click="delete({{ $value->id }})" class="btn btn-danger" data-dismiss="modal">Eliminar</button>
</div>
</div>
</div>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<div class="card-footer" align="center">
{{$objetivoss->links()}}
</div>
</div>
@section('adminlte_js')
<script>
window.livewire.on('alert', param => {
toastr[param['type']](param['message']);
});
Livewire.on('cerrarmodal', function () {
$('#addModal').modal('hide');
});
</script>
@stop
</div>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists