{{-- @extends('layouts.app') --}}
@extends('layouts.sidebar')

@section('content')
 <!-- content -->

 <style>
    .color-azul {
    color: var(--azul) !important;
}

    .seccion-filtro {
    color: var(--gris-2);
    font-size: 14px;
    font-weight: 300;
}

.separador {
    margin: 0 0 20px 0;
    background-color: #adb0b3;
}
.cantidad-solicitud {
    color: var(--cobre);
    font-size: 3em;
    line-height: 50px;
    font-weight: 300;
    margin-bottom: 0.75rem;
}
.estado {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.estado:hover {
    box-shadow: 0 0.5rem 1rem rgba(16, 8, 162, 0.276) !important;
    transform: scale(1.05, 1.05);
    transition: 0.3s;
}
 </style>
<div class="titulos"> 
    <h2>Dashboard</h2>
    <hr />

</div>

@if(session('mensaje'))
    <div class="alert alert-success">
        {{ session('mensaje') }}
    </div>
@endif
 <div class="container-fluid botones-extremo " >
    <div class="d-flex justify-content-between">
        {{-- <a href="{{ route('clientes.crear') }}" class=" btn  btn-success" title="" >Nuevo</a> --}}
       
    </div>
</div>

 <div class="container-fluid ">

    <style>
        .bordercontainer {
            border: 2px solid #000; /* Cambia #000 al color de borde que desees */
            padding: 10px; /* Opcional: agrega espacio alrededor del contenido */
            text-align: center;
        }
    </style>

    <div class="row">

        <div class="col-sm-4" style="text-align: center">
            <div class="card estado revisar_pendientes" data-toggle="modal" data-target="#aPendientes">
                <div class="card-body border-lg rounded-3">
                    <div class="seccion-filtro color-azul" style="text-align: center">ORDENES DE TRABAJO</div>
                    <hr class="separador"> {{--
                    <h5 class="cantidad-solicitud d-inline">{{number_format(\App\Models\orden_trabajos::ordenesTotales() ?? '0', 0, ',', '.')}}</h5> --}}
                    <a ><img lass="cantidad-solicitud d-inline" src="{{ asset('/img/iconos/ot2.png') }}" alt="" width="110px"></a>
                    {{-- <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" data-toggle="modal" data-target="#aPendientes">Revisar</button> --}} {{-- <a class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" href="{{route('ordenesdetrabajo')}}">Revisar</a>                    --}}
                </div>
            </div>
        </div>

        <div class="col-sm-4" style="text-align: center">
            <div class="card estado revisar_pendientes" data-toggle="modal" data-target="#aPendientes">
                <div class="card-body border-lg rounded-3">
                    <div class="seccion-filtro color-azul" style="text-align: center">NUEVA OT</div>
                    <hr class="separador">

                    <h5 class="cantidad-solicitud d-inline">0

                    </h5>

                    {{-- <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" data-toggle="modal" data-target="#aPendientes">Revisar</button> --}}
                    <a class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" >Revisar</a>
                </div>
            </div>
        </div>

        <div class="col-sm-4" style="text-align: center">
            <div class="card estado revisar_pendientes" data-toggle="modal" data-target="#aPendientes">
                <div class="card-body border-lg rounded-3">
                    <div class="seccion-filtro color-azul" style="text-align: center">OT GESTIONADAS</div>
                    <hr class="separador">

                    <h5 class="cantidad-solicitud d-inline">0

                    </h5>

                    {{-- <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" data-toggle="modal" data-target="#aPendientes">Revisar</button> --}}
                    <a class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" >Revisar</a>
                </div>
            </div>
        </div>


       
    </div>
    <br><br>

    <div class="row">

        <div class="col-sm-4" style="text-align: center">
            <div class="card estado revisar_pendientes" data-toggle="modal" data-target="#aPendientes">
                <div class="card-body border-lg rounded-3">
                    <div class="seccion-filtro color-azul" style="text-align: center">CARGA DE TRABAJO</div>
                    <hr class="separador"> {{--
                    <h5 class="cantidad-solicitud d-inline">{{number_format(\App\Models\orden_trabajos::ordenesTotales() ?? '0', 0, ',', '.')}}</h5> --}}
                    <a ><img lass="cantidad-solicitud d-inline" src="{{ asset('/img/iconos/cot.png') }}" alt="" width="110px"></a>
                    {{-- <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" data-toggle="modal" data-target="#aPendientes">Revisar</button> --}} {{-- <a class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" href="{{route('ordenesdetrabajo')}}">Revisar</a>                    --}}
                </div>
            </div>
        </div>

        <div class="col-sm-4" style="text-align: center">
            <div class="card estado revisar_pendientes" data-toggle="modal" data-target="#aPendientes">
                <div class="card-body border-lg rounded-3">
                    <div class="seccion-filtro color-azul" style="text-align: center">OT EN CURSO</div>
                    <hr class="separador">

                    <h5 class="cantidad-solicitud d-inline">0

                    </h5>

                    {{-- <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" data-toggle="modal" data-target="#aPendientes">Revisar</button> --}}
                    <a class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" >Revisar</a>
                </div>
            </div>
        </div>

        <div class="col-sm-4" style="text-align: center">
            <div class="card estado revisar_pendientes" data-toggle="modal" data-target="#aPendientes">
                <div class="card-body border-lg rounded-3">
                    <div class="seccion-filtro color-azul" style="text-align: center">OT PENDIENTES</div>
                    <hr class="separador">

                    <h5 class="cantidad-solicitud d-inline">0

                    </h5>

                    {{-- <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" data-toggle="modal" data-target="#aPendientes">Revisar</button> --}}
                    <a class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" >Revisar</a>
                </div>
            </div>
        </div>


       
    </div>

</div>
@endsection