@extends('layouts.app')

@section('content')

    <div class="page-wrapper">
        <div class="page-content">
            
            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="breadcrumb-title pe-3">Inicio</div>
                <div class="ps-3">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb mb-0 p-0">
                            <li class="breadcrumb-item">
                                <a href="{{route('home')}}"><i class="bx bx-home"></i></a>
                            </li>
                        </ol>
                    </nav>
                </div>
                @if (json_decode(Auth::user()->permisos)->puede_generar_cierres == 'on')
                     <div class="ms-auto">
                        <a class="btn btn-primary" id="hacer_cierre" href="{{route('informes.create')}}">Hacer cierre</a>
                    </div>
                @endif
            </div>

            @if(session('status'))
                <div class="alert alert-success border-0 bg-success alert-dismissible fade show py-2">
                    <div class="d-flex align-items-center">
                        <div class="font-35 text-white"><i class="bx bx bxs-check-circle"></i></div>
                        <div class="ms-3">
                            <div class="text-white">{{session('status')}}</div>
                        </div>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            
            @if (json_decode(Auth::user()->permisos)->puede_ver_info_operacion == 'on')
                <div class="row d-flex">
                    <div class="col">
                        <div class="card radius-10">
                            <div class="card-body" style="position: relative;">
                                <div class="d-flex align-items-center">
                                    <div>
                                        <p class="mb-0 text-secondary">Ventas del día</p>
                                        <h4 class="my-1">$ {{number_format($total_ventas)}}</h4>
                                    </div>
                                    <div class="widgets-icons bg-light-info text-info ms-auto">
                                        <i class="bx bx-trending-up"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card radius-10">
                            <div class="card-body" style="position: relative;">
                                <div class="d-flex align-items-center">
                                    <div>
                                        <p class="mb-0 text-secondary">Gastos del día</p>
                                        <h4 class="my-1">$ {{number_format($total_gastos)}}</h4>
                                    </div>
                                    <div class="widgets-icons bg-light-danger text-danger ms-auto">
                                        <i class="bx bx-trending-down"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if (Auth::user()->is_admin == 'Si')
                        <div class="col">
                            <div class="card radius-10">
                                <div class="card-body" style="position: relative;">
                                    <div class="d-flex align-items-center">
                                        <div>
                                            <p class="mb-0 text-secondary">Costos aproximados</p>
                                            <h4 class="my-1">$ {{number_format($total_costos)}}</h4>
                                        </div>
                                        <div class="widgets-icons bg-light-warning text-warning ms-auto">
                                            <i class="bx bx-money"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="card radius-10">
                                <div class="card-body" style="position: relative;">
                                    <div class="d-flex align-items-center">
                                        <div>
                                            <p class="mb-0 text-secondary">Ganancias aprox</p>
                                            <h4 class="my-1">$ {{number_format($total_ganancias)}}</h4>
                                        </div>
                                        <div class="widgets-icons bg-light-success text-success ms-auto">
                                            <i class="bx bx-bar-chart"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>


                <div class="row d-flex">
                    {{-- caja general --}}
                    <div class="col">
                        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                            <div class="breadcrumb-title pe-3" style="border-right: 0">{{$caja->nombre}}</div>
                        </div>
                        <div class="row d-flex">
                            @foreach($metodos as $metodo)
                                <div class="col">
                                    <div class="card radius-10">
                                        <div class="card-body" style="position: relative;">
                                            <div class="d-flex align-items-center">
                                                <div>
                                                    <p class="mb-0 text-secondary">{{$metodo->titulo}}</p>
                                                    <h4 class="my-1">$ {{number_format($caja->total_metodo($metodo->id))}}</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>


                <div class="card radius-10">
                    <div class="card-body">

                        <ul class="nav nav-tabs nav-primary" role="tablist" style="flex: 1">
                            <li class="nav-item" role="presentation">
                                <a class="nav-link active" data-bs-toggle="tab" href="#ventas" role="tab" aria-selected="true">
                                    <div class="d-flex align-items-center">
                                        <div class="tab-icon">
                                            <i class="bx bx-trending-up"></i>
                                        </div>
                                        <div class="tab-title" style="margin-left: 10px">Ventas</div>
                                    </div>
                                </a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link" data-bs-toggle="tab" href="#gastos" role="tab" aria-selected="false">
                                    <div class="d-flex align-items-center">
                                        <div class="tab-icon">
                                            <i class="bx bx-trending-down"></i>
                                        </div>
                                        <div class="tab-title" style="margin-left: 10px">Gastos</div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active show" id="ventas" role="tabpanel">
                                <div class="table-responsive">
                                    <table class="table align-middle mb-0">
                                        <thead class="table-light">
                                            <tr>
                                                <th>ID</th>
                                                <th>Usuario</th>
                                                <th>N° productos</th>
                                                <th>Total</th>
                                                @if(Auth::user()->is_admin == 'Si')
                                                <th>Costo</th>
                                                <th>Ganancias Aprox</th>
                                                @endif
                                                <th>Fecha</th>
                                                <th>Acción</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($ventas as $venta)
                                                <tr>
                                                    <td>#{{$venta->id}}</td>
                                                    <td>
                                                        <div class="d-flex align-items-center">
                                                            <div class="recent-product-img">
                                                                <img src="{{$venta->user->avatar_img()}}" alt="">
                                                            </div>
                                                            <div class="ms-2">
                                                                <h6 class="mb-1 font-14">{{$venta->user->name}}</h6>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>{{$venta->number_items()}}</td>
                                                    <td><strong>$ {{number_format($venta->total)}}</strong></td>
                                                    @if(Auth::user()->is_admin == 'Si')
                                                    <td><strong>$ {{number_format($venta->costo())}}</strong></td>
                                                    <td><strong>$ {{number_format($venta->ganancia())}}</strong></td>
                                                    @endif
                                                    <td>{{date_format(date_create($venta->created_at), 'd/m/Y h:i A')}}</td>
                                                    <td>
                                                        <div class="d-flex order-actions">  
                                                            <a href="{{route('ventas.show', $venta->id)}}"><i class="bx bx-show"></i></a>
                                                            @if($venta->id_cierre == null && Auth::user()->id == $venta->id_user)
                                                                <a href="{{route('ventas.delete', $venta->id)}}" class="ms-4" id="eliminar_venta"><i class="bx bx-trash"></i></a>
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="tab-pane" id="gastos" role="tabpanel">
                                <div class="table-responsive">
                                    <table class="table align-middle mb-0">
                                        <thead class="table-light">
                                            <tr>
                                                <th>ID</th>
                                                <th>Usuario</th>
                                                <th>Valor</th>
                                                <th>Caja</th>
                                                <th>Tipo</th>
                                                <th>Proveedor</th>
                                                <th>Fecha</th>
                                                <th>Acciones</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($gastos as $gasto)
                                                <tr role="row" class="odd">
                                                    <td>#{{$gasto->id}}</td>
                                                    <td>
                                                        <div class="d-flex align-items-center">
                                                            <div class="recent-product-img">
                                                                <img src="{{$gasto->user->avatar_img()}}" alt="">
                                                            </div>
                                                            <div class="ms-2">
                                                                <h6 class="mb-1 font-14">{{$gasto->user->name}}</h6>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td><strong>$ {{number_format($gasto->valor)}}</strong></td>
                                                    <td>{{$gasto->caja->nombre}}</td>
                                                    <td>{{$gasto->tipo->titulo}}</td>
                                                    <td>{{($gasto->id_proveedor != null) ? $gasto->proveedor->nombre : 'N/A'}}</td>
                                                    <td>{{date_format(date_create($gasto->created_at),'d/m/Y h:i A')}}</td>
                                                    <td>
                                                        <div class="d-flex order-actions">
                                                            <a href="{{route('gastos.show', $gasto->id)}}">
                                                                <i class="bx bx-show"></i>
                                                            </a>
                                                            @if($gasto->id_cierre == null && Auth::user()->id == $gasto->id_user)
                                                                <a href="{{route('gastos.delete', $gasto->id)}}" class="ms-4" id="delete_gasto">
                                                                    <i class="bx bx-trash"></i>
                                                                </a>
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="nothing text-center">
                    <span class="font-35">Bienvenido!</span><br><br>
                </div>
            @endif
            
        </div>
    </div>
@endsection
@section('scripts')
<script>
    $(document).on('click', '#delete_gasto', function(e) {
        e.preventDefault();
        let url = $(this).attr('href')
        let a = confirm('¿Realmente deseas eliminar este gasto?, esta acción no se podrá revertir')
        if(a) {
            window.location.href = url
        } 
    })
    $(document).on('click','#eliminar_venta', function(e) {
        e.preventDefault();
        let url = $(this).attr('href')
        let a = confirm('¿Realmente desea eliminar esta venta?, esta acción no se podrá revertir')
        if(a) {
            window.location.href=url
        }
    })

    @if(session('crearStorage'))
        localStorage.setItem('orderNumPos', '0')
        localStorage.setItem('OrdenesPOS', '[]')
    @endif

    @if(!Auth::user()->is_admin == 'Si')
       window.location = '{{route('modulo.mesas')}}'; 
    @endif

    @if(Auth::user()->token_push == null)
        if(window.ReactNativeWebView) {
            window.ReactNativeWebView.postMessage('get-token-{{Auth::user()->id}}')
        }
    @endif
    @if(Auth::user()->token_push != null)
        if(window.ReactNativeWebView) {
            window.ReactNativeWebView.postMessage('{{Auth::user()->id}}-check-token-{{Auth::user()->token_push}}')
        }
    @endif
</script>
@endsection