@extends('layouts.app')

@section('content')
<h1 class="text-center display-4 text-uppercase"><img src="{{asset('assets/images/logo.png')}}" class="img-fluid" style="width: 25%;" alt="{{config('app.name')}}"> <br>Servicios Entregados el 23-12-2024</h1>
<hr>

<div class="row">
    <div class="col-3">
        <div class="small-box bg-info">
            <div class="inner">
                <h3>Q. {{$totalServicios}}</h3>

                <p>Servicios</p>
            </div>
            <div class="icon">
                <i class="fa fa-cogs" aria-hidden="true"></i>
            </div>
        </div>
    </div>

    <div class="col-3">
        <div class="small-box bg-success">
            <div class="inner">
                <h3>Q. {{$totalAnticipo}}</h3>

                <p>Anticipos</p>
            </div>
            <div class="icon">
                <i class="fa fa-shopping-cart" aria-hidden="true"></i>
            </div>
        </div>
    </div>

    <div class="col-3">
        <!-- small box -->
        <div class="small-box bg-danger">
            <div class="inner">
                <h3>Q. {{$gananciaRepo}}</h3>

                <p>Ganancias De Repuestos</p>
            </div>
            <div class="icon">
                <i class="fa fa-database" aria-hidden="true"></i>
            </div>
        </div>
    </div>

    <div class="col-3">
        <div class="small-box" style="background-color: #6610f2; color: white;">
            <div class="inner">
                <h3>Q. {{($totalAnticipo + $totalServicios + $totalRepuesto) - $gastos }}</h3>

                <p>Ganancias Totales</p>
            </div>
            <div class="icon">
                <i class="fas fa-chart-bar    "></i>
            </div>
        </div>
    </div>

    <div class="col-3">
        <div class="small-box" style="background-color: #10f2af; color: white;">
            <div class="inner">
                <h3>Q. {{ $gastos }}</h3>

                <p>Gastos en Repuestos</p>
            </div>
            <div class="icon">
                <i class="fas fa-chart-bar    "></i>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col">
        <h2 class="display-4">Servicios Entregado</h2><br>
        <div class="card">
            <div class="card-body">
                <table class="table table-hover" id="table_id" data-page-length="15">
                    <thead>
                        <tr>
                            <th>Cliente</th>
                            <th>Articulo</th>
                            <th>Total</th>
                            <th>Abonado</th>
                            <th>Pendiente</th>
                            <th>Fecha Entrega</th>
                            <th>Fecha de Recivido</th>

                        </tr>
                    </thead>
                    <tbody>
                        @foreach($data as $data)
                        <tr>
                            <td class="text-capitalize">{{$data->nombre}}</td>
                            <td>{{$data->articulo}}</td>
                            <td>{{$data->total}}</td>
                            <td>{{$data->anticipo}}</td>
                            <td>{{$data->pendiente}}</td>
                            <td>{{$data->fecha_ent}}</td>
                            <td>{{$data->fecha_rev}}</td>


                        </tr>
                        @endforeach
                    </tbody>
                </table>






            </div>
        </div>
    </div>
</div>


<div class="row">
    <div class="col">
        <h2 class="display-4">Repuestos de Servicios Entregado</h2><br>
        <div class="card">
            <div class="card-body">
                <table class="table table-hover" id="table_id" data-page-length="15">
                    <thead>
                        <tr>
                            <th>Repuesto</th>
                            <th>Precio Venta </th>
                            <th>Precio Costo</th>
                            <th>Ganancia</th>
                            <th>Fecha de Colocacion</th>
                            <th>Ver Servicio</th>

                        </tr>
                    </thead>
                    <tbody>
                        @foreach($repuestos as $rep)
                        <tr>
                            <td class="text-capitalize">{{$rep->nombre}}</td>
                            <td>{{$rep->cotos}}</td>
                            <td>{{$rep->p_costo}}</td>
                            <td>{{$rep->cotos - $rep->p_costo}}</td>
                            <td>{{$rep->fechadeventa}}</td>
                            <td>
                                <a class="btn btn-sm btn-primary" href="{{route('servi.edit', ['id' => $rep->idServicio])}}"><i class="fa fa-eye" aria-hidden="true"></i> Ver Datos</a>
                            </td>

                        </tr>
                        @endforeach
                    </tbody>
                </table>


            </div>
        </div>
    </div>
</div>
@endsection