@extends('layouts.app')

@section('content')
<section class="section">
        <div class="section-header">
            <h3 class="page__heading">Ingeniería</h3>
        </div>
        <div class="section-body">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">                          
                                <div class="row">
                                    <div class="col-md-4 col-xl-4">
                                    
                                    <div class="card bg-c-green order-card">
                                            <div class="card-block">
                                            <h5>Ordenes Abiertas</h5>                                                                                           
                                                <h2 class="text-right"><span class="icon-ot"></span><span>{{$ot_abierta}}</span></h2>           
                                                <p class="m-b-0 text-right"><a href="/usuarios" class="text-white">Ver más</a></p>
                                            </div>                                            
                                        </div>                                    
                                    </div>
                                    
                                    <div class="col-md-4 col-xl-4">
                                        <div class="card bg-c-orange order-card">
                                            <div class="card-block">
                                            <h5>Ordenes en Proceso</h5>                                               
                                                <h2 class="text-right"><span class="icon-ot"></span><span>{{$ot_enproceso}}</span></h2>
                                                <p class="m-b-0 text-right"><a href="/roles" class="text-white">Ver más</a></p>
                                            </div>
                                        </div>
                                    </div>   
                                    
                                    <div class="col-md-4 col-xl-4">
                                        <div class="card bg-c-red order-card">
                                            <div class="card-block">
                                            <h5 class="txtverde">Ordenes Cerradas</h5>                                               
                                            <h2 class="text-right"><span class="icon-ot"></span><span>{{$ot_cerrada}}</span></h2>
                                                <p class="m-b-0 text-right"><a href="/roles" class="text-white">Ver más</a></p>
                                            </div>
                                        </div>
                                    </div>

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