@extends('layouts.app')

@section('content')

        <h1 class="text-center display-3"><img src="{{asset('assets/images/logo.png')}}" class="img-fluid" style="width: 25%" alt="{{config('app.name')}}"> <br>Reporte de Servicios Entregados</h1>
        <hr>

        <div class="row">
            <div class="col-4">
                <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-4">
                <div class="small-box bg-success">
                    <div class="inner">
                        <h3>Q. {{$gananciaRep}}</h3>

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

            <div class="col-4">
                <div class="small-box" style="background-color: #6610f2; color: white;">
                    <div class="inner">
                        <h3>Q. {{$gananciaRep + $totalServicios}}</h3>

                        <p>Ganancias Totales</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>
                                    <th>Ver Datoss</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($servicio as $servi)
                                <tr>
                                    <td class="text-capitalize">{{$servi->nombre}}</td>
                                    <td>{{$servi->articulo}}</td>
                                    <td>{{$servi->total}}</td>
                                    <td>{{$servi->anticipo}}</td>
                                    <td>{{$servi->pendiente}}</td>
                                    <td>{{$servi->fecha_ent}}</td>
                                    <td>{{$servi->fecha_rev}}</td>
                                    <td>
                                        <a class="btn btn-sm btn-primary" href="{{route('servi.edit', ['id' => $servi->id])}}"><i class="fa fa-eye" aria-hidden="true"></i> Ver Datos</a>
                                    </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>



    </div>


@endsection