@extends('template.layoutAdmin', ['activeButton'=>'informeGasto'])

@section('cabecera')
<h1>

</h1>

@endsection
@section('style')
<style type="text/css">
    .table {
        background-color: #ffffff;
    }

    .box-body {
        background-color: #ffffff;
    }

    .oblLabel {
        color: #FF0000;
    }
</style>

<style media="screen">
    .preview {
        overflow: hidden;
        width: 160px;
        height: 160px;
        margin: 10px;
        border: 1px solid red;
    }

    .modal-lg {
        max-width: 1000px !important;
    }
</style>

@endsection

@section('title')

@endsection




@section('contenido')
<div class="row">
    <div class="col-12">
        <div class="box-body">
            <div class="box-header with-border">

                <div class="row">
                    <div class="col-md-12">
                        @if($totalTotal >= 0)
                            <h6>{{trans('informegastos.ganancias')}}:</h6><span class="badge" style="background:rgb(1, 151, 1)">{{App\Helpers\monedaH::getCurrentSimbol()}} {{ $totalTotal }}</span>
                        @endif
                        @if($totalTotal < 0)
                            <h6>{{trans('informegastos.perdidas')}}:</h6><span class="badge" style="background:rgb(212, 10, 10)">{{App\Helpers\monedaH::getCurrentSimbol()}} {{ $totalTotal }}</span>
                        @endif
                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="col-md-12">
                        <h6>{{trans('informegastos.ventas')}}</h6>    
                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="col-md-12">
                        <a class="btn btn-info" data-toggle="collapse" href="#collapseVentas" role="button" aria-expanded="false" aria-controls="collapseVentas">{{trans('informegastos.mostrarVentas')}}</a>
                    </div>
                </div>

                <br>

                <div class="collapse" id="collapseVentas">
                    <div class="card card-body">
                        <!-- Tabla ventas -->

                        <table class="table table-bordered table-responsive" id="tableVentas">
                            <thead>
                                <tr>
                                    <th class="text-center">{{trans('informegastos.referencia')}}</th>
                                    <th class="text-center">{{trans('informegastos.propina')}}</th>
                                    <th class="text-center">{{trans('informegastos.valorDelDomicilio')}}</th>
                                    <th class="text-center">{{trans('informegastos.fechaDelPedido')}}</th>
                                    <th class="text-center">{{trans('informegastos.total')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($ventas as $currentVenta)
                                <tr>
                                    <td class="text-center">{{$currentVenta->referencia}}</td>
                                    <td class="text-center">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$currentVenta->valorPropina ?? 0}}</td>
                                    <td class="text-center">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$currentVenta->valorDomicilio}}</td>
                                    <td class="text-center">{{$currentVenta->created_at}}</td>
                                    <td class="text-center">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$currentVenta->total}}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>


                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="col-md-12">
                        <h6>{{trans('informegastos.totalDeVentas')}}: </h6> <span class="badge" style="background:rgb(1, 151, 1)">{{App\Helpers\monedaH::getCurrentSimbol()}} {{ $ventasTotal }}</span>
                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="col-md-12">
                        <h6>{{trans('informegastos.costos')}}</h6>        
                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="col-md-12">
                        <a class="btn btn-info" data-toggle="collapse" href="#collapseCostos" role="button" aria-expanded="false" aria-controls="collapseCostos">{{trans('informegastos.mostrarCostos')}}</a>
                    </div>
                </div>

                <br>

                <div class="collapse" id="collapseCostos">
                    <div class="card card-body">

                        <!-- Tabla costos -->

                        <table class="table table-bordered table-responsive" id="tableCostos">
                            <thead>
                                <tr>
                                    <th class="text-center">{{trans('informegastos.referencia')}}</th>
                                    <th class="text-center">{{trans('informegastos.descripcion')}}</th>
                                    <th class="text-center">{{trans('informegastos.fecha')}}</th>
                                    <th class="text-center">{{trans('informegastos.total')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($costos as $costo)
                                <tr>
                                    <td class="text-center">{{$costo->referencia}}</td>
                                    <td class="text-center">{{$costo->descripcion}}</td>
                                    <td class="text-center">{{$costo->fecha}}</td>
                                    <td class="text-center">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$costo->valorTotal}}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>


                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="col-md-12">
                        <h6>{{trans('informegastos.totalDeCostos')}}:</h6> <span class="badge" style="background:rgb(1, 151, 1)">{{App\Helpers\monedaH::getCurrentSimbol()}} {{ $costosTotal }}</span>
                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="col-md-12">
                        <h6>{{trans('informegastos.gastos')}}</h6>        
                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="col-md-12">
                        <a class="btn btn-info" data-toggle="collapse" href="#collapseGastos" role="button" aria-expanded="false" aria-controls="collapseGastos">{{trans('informegastos.mostrarGastos')}}</a>
                    </div>
                </div>

                <br>

                <div class="collapse" id="collapseGastos">
                    <div class="card card-body">

                        <!-- Tabla gastos -->

                        <table class="table table-bordered table-responsive" id="tableGastos">
                            <thead>
                                <tr>
                                    <th class="text-center">{{trans('informegastos.nombre')}}</th>
                                    <th class="text-center">{{trans('informegastos.descripcion')}}</th>
                                    <th class="text-center">{{trans('informegastos.fecha')}}</th>
                                    <th class="text-center">{{trans('informegastos.total')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($gastos as $currentGasto)
                                <tr>
                                    <td class="text-center">{{ $currentGasto->nombre }}</td>
                                    <td class="text-center">{{ $currentGasto->descripcion }}</td>
                                    <td class="text-center">{{ $currentGasto->fecha }}</td>
                                    <td class="text-center">{{App\Helpers\monedaH::getCurrentSimbol()}} {{ $currentGasto->total }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="col-md-12">
                        <h6>{{trans('informegastos.totalDeGastos')}}:</h6> <span class="badge" style="background:rgb(1, 151, 1)">{{App\Helpers\monedaH::getCurrentSimbol()}} {{ $gastosTotal }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('js')
<script>

</script>
@endsection