@extends('layouts.admin')
@section('contenido')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <span class="title_header">Egresos/Gastos</span>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        {{-- <a class="btn btn-success btn-sm" href="" data-target="#modal-add" data-toggle="modal">
                            Nuevo <i class="fas fa-plus-circle"></i>
                        </a> --}}
                        @if (isset($caja))
                            @if ($caja->codUsuario == auth()->user()->codUsuario)
                                <a class="btn btn-success btn-sm" href="" data-target="#modal-add"
                                    data-toggle="modal">
                                    Nuevo <i class="fas fa-plus-circle"></i>
                                </a>
                            @else
                                <p>Otro usuario aperturó la caja.</p>
                            @endif
                        @else
                            <p>La caja no está aperturada.</p>
                        @endif
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    @include('caja.egreso.create')

    <div class="row">
        <div class="col-12">
            <div class="card">
                @include('caja.egreso.search')
                <div class="card-body table-responsive p-0" id="table_refresh">
                    <table class="table table-sm table-hover text-nowrap">
                        <thead class="bg-teal">
                            <tr>
                                <th>Fecha</th>
                                <th>Hora</th>
                                <th>Tipo</th>
                                <th>Entregado A</th>
                                <th>Motivo</th>
                                <th style="text-align: center">Importe</th>
                                <th></th>
                            </tr>
                        <tbody>

                            @foreach ($egreso as $e)
                                <tr>
                                    <td>{{ date('d/m/Y', strtotime($e->fechaEgreso)) }}</td>
                                    <td>{{ $e->horaEgreso }}</td>
                                    <td>{{ $e->tipo }}</td>
                                    <td>{{ $e->entregadoA }}</td>
                                    <td>{{ $e->motivo }}</td>
                                    <td align="center">{{ $e->importe }}</td>
                                 
                                    <td style="text-align: center">
                                        @if (auth()->user()->tipo == "ADMINISTRADOR")
                                            <form action="{{ route('egreso.destroy', $e->codEgreso) }}" method="POST">
                                                {!! csrf_field() !!}
                                                {!! method_field('DELETE') !!}
                                                <button class="btn btn-default btn-sm borrar3 text-danger"
                                                    title="Anular Registro"
                                                    data-nombre="{{ $e->importe }}_{{ $e->entregadoA }}_{{ $e->motivo }}"><i
                                                        class="fa fa-trash" aria-hidden="true"></i></button>
                                            </form>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            {{ $egreso->appends(['searchText' => $searchText, 'searchText2' => $searchText2, 'searchText3' => $searchText3]) }}
        </div>
    </div>
    @push('scripts')
        <script>
            $('.importe').on('input', function() {
                this.value = this.value.replace(/[^0-9,.]/g, '').replace(/,/g, '.');
            });
        </script>
        @if (Session::has('success'))
            <script type="text/javascript">
                const Toast = Swal.mixin({
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 3000,
                    timerProgressBar: true,
                    onOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                    }
                });
                Toast.fire({
                    icon: 'success',
                    title: '{{ Session::get('success') }}',
                    customClass: 'swal-pop',
                })
            </script>
        @endif
        {{-- ----------------------------------------------- --}}
        @if (Session::has('error'))
            <script type="text/javascript">
                const Toast = Swal.mixin({
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 3000,
                    timerProgressBar: true,
                    onOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                    }
                });
                Toast.fire({
                    icon: 'error',
                    title: '{{ Session::get('error') }}',
                    customClass: 'swal-pop',
                })
            </script>
        @endif
        @if (count($errors) > 0)
            <script type="text/javascript">
                $(document).ready(function() {