@extends('metronic.base')
@section('title')
    Operacion Utilidad
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="card">
                <div class="card-header">
                    <h6 class="card-title">Operacion | {{ $utilidad->id }} - {{ $utilidad->utilidad }}</h6>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <a href="{{ route('ConfiguracionContabilidad.operacionAdd', $utilidad->id) }}"
                            class="btn btn-sm btn-success mt-mobile btn-block">Agregar nueva operacion</a>
                        <table class="table table-bordered table-hover table-stripe">
                            <thead>
                                <tr>
                                    <th>Utilidad</th>
                                    <th>Operacion</th>
                                    <th>Signo</th>
                                    <th>Acciones</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($utilidad->operaciones as $operacion)
                                    <tr>
                                        <td>{{ $operacion?->utilidad->utilidad }}</td>
                                        <td>{{ $operacion?->utilidadOperar?->utilidad }}</td>
                                        <td>{{ $operacion->signo }}</td>
                                        <td>
                                            <a title="Eliminar" class="ki-outline ki-trash fs-2x text-danger mx-2" href="javascript:void(0)" onclick="ConfirmDeleteOperacion('{{ $operacion->id }}');" style="background-color:transparent; border: 0px solid; vertical-align: middle;"></a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    function ConfirmDeleteOperacion(id){
        Swal.fire({
            title: '¿Estás seguro?',
            text: "¡No podrás revertir esto!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Sí, eliminarlo!'
        }).then((resultado) => {
            if (resultado.isConfirmed) {
                $.ajax({
                    url: '/ConfiguracionContabilidad/deleteOperacionId/' + id,
                    method: 'DELETE',
                    headers: {
                        'X-CSRF-TOKEN': $('input[name="_token"]').val(),
                    },
                    success: function(respuesta) {
                        Swal.fire({
                            title: 'Se elimino la Operacion con exito',
                            icon: 'success'
                        });
                        setTimeout(() => {
                            location.reload(1000);
                        }, 1000);
                    },
                    error: function(e) {
                        Swal.fire({
                            title: 'Upsss',
                            text: 'Parece que algo salio intenta mas tarde.',
                            icon: 'error',
                        });
                    }
                });
            }
        });
    }
</script>