@extends('admin.admin_dashboard')
@section('content')
			

     <section class="pc-container">
      <div class="pc-content">
        <!-- [ breadcrumb ] start -->
        <div class="page-header">
          <div class="page-block">
            <div class="row align-items-center"> 
              <div class="col-md-12">
                <div class="page-header-title">
                  <h2 class="mb-0">Dashboard</h2>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- [ breadcrumb ] end -->
<div class="row">
          <!-- [ sample-page ] start -->
       
          <div class="col-lg-2 col-md-6">
            <div class="card">
              <div class="card-body">
          <a href="{{ route('dashboard')}}" class="pc-link">
                <div class="row align-items-center">
                  <div class="col-8">
                    <h3 class="mb-1"></h3>
                    <p class="text-muted mb-0">Proyectos</p>
                  </div>
                  <div class="col-4 text-end">
                    <i class="ti ti-calendar-event text-danger f-36"></i>
                  </div>
                </div>
              </a>
              </div>
            </div>
          </div>


          <div class="col-lg-2 col-md-6">
            <div class="card">
              <div class="card-body"  style="background-color: #FED8B1">
          <a href="{{ route('dashboard_projects')}}" class="pc-link">

                <div class="row align-items-center">
                  <div class="col-8">
                    <h3 class="mb-1"></h3>
                    <p class="text-muted mb-0">Pendientes por aprobar</p>
                  </div>
                  <div class="col-4 text-end">
                    <i class="ti ti-file-text text-success f-36"></i>
                  </div>
                </div>
              </a>
              </div>
            </div>
          </div>

          <div class="col-lg-2 col-md-6">
            <div class="card">
              <div class="card-body">
                <a href="{{ route('dashboard_graficas')}}" class="pc-link"> 

                <div class="row align-items-center">
                  <div class="col-8">
                    <h3 class="mb-1"></h3>
                    <p class="text-muted mb-0">Gráficas</p>
                  </div>
                  <div class="col-4 text-end">
                    <i class="ti ti-file-text text-success f-36"></i>
                  </div>
                </div>
              </a>
              </div>
            </div>
          </div>

        <div class="col-lg-4 col-md-6">
            <div class="card">
              <div class="card-body">
          <a href="{{ route('dashboard_devoluciones')}}" class="pc-link">
                <div class="row align-items-center">
                  <div class="col-8">
                    <h3 class="mb-1"></h3>
                    <p class="text-muted mb-0">Devoluciones</p>
                  </div>
                  <div class="col-4 text-end">
                    <i class="ti ti-calendar-event text-danger f-36"></i>
                  </div>
                </div>
              </a>
              </div>
            </div>
          </div>


          <div class="col-lg-4 col-md-6">
            <div class="card">
              <div class="card-body">
              <a href="{{ route('dashboard_inventario')}}" class="pc-link">
                <div class="row align-items-center">
                  <div class="col-8">
                    <h3 class="mb-1"></h3>
                    <p class="text-muted mb-0">Movimientos Inventario Manuales</p>
                  </div>
                  <div class="col-4 text-end">
                    <i class="ti ti-calendar-event text-danger f-36"></i>
                  </div>
                </div>
              </a>
              </div>
            </div>
          </div>


    </div>


        <div class="row">

                    <div class="col-xl-12 col-md-12">
            <div class="card">
              <div class="card-body">
                <div class="d-flex align-items-center justify-content-between mb-3">
                  <h5 class="mb-0">Levantamientos</h5> 
                </div>
                <div class="table-responsive">
                   <table id="table-inventory-cat" class="table table-striped table-bordered"  >
                    <thead>
                      <tr>        
                        <th>Proyecto</th>
                        <th>Usuario</th>
                        <th>Fecha Levantamiento</th>
                        <th>Fecha Entrega</th> 
                        <th>Estatus</th>  
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($levantamientos as $levantamientos)                   

                      <tr>   
                      <td>{{ $levantamientos->proyecto}}</td>      
                      <td>{{ $levantamientos->user_name}}</td>      
                      <td>{{ $levantamientos->created_at}}</td>  
                      @if($levantamientos->fecha_entrega_cotizacion != '0000-00-00 00:00:00')
                        <td>{{ $levantamientos->fecha_entrega_cotizacion}}</td>  
                      @else
                        <td></td>
                      @endif
                      <td> 
                            <a href="../levantamiento/edit/{{$levantamientos->id}}"  >

                            <span class="badge bg-warning  f-12">En espera de aprobación</span> 
                            </a>

                      </td>  

                     
                      </tr>
                    @endforeach

                    </tbody> 
                  </table>
                </div>
              </div>
            </div>
          </div>








                    <div class="col-xl-12 col-md-12">
            <div class="card">
              <div class="card-body">
                <div class="d-flex align-items-center justify-content-between mb-3">
                  <h5 class="mb-0">Cotizaciones</h5> 
                </div>
                <div class="table-responsive">
                   <table id="table-inventory-cat" class="table table-striped table-bordered">
                    <thead>
                      <tr>  
                        <th>No. Cotización</th>  
                        <th>Cliente</th> 
                        <th>Descripción</th>  
                        <th>Usuario</th> 
                        <th>Fecha creación</th>
                        <th>Fecha de cierre</th> 
                        <th>Estatus</th> 
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($cotizaciones as $cotizaciones)                   

                      <tr>  
                      <td>{{ $cotizaciones->no_cotizacion}}</td>  
                      <td>{{ $cotizaciones->client_nombre}}</td>  
                      <td>{{ $cotizaciones->descripcion}}</td>     
                      <td>{{ $cotizaciones->user_name}}</td>     
                      <td>{{ $cotizaciones->created_at}}</td>  
                    @if($cotizaciones->fecha_fin != '0000-00-00 00:00:00')
                      <td>{{ $cotizaciones->fecha_fin}}</td>  
                    @else
                      <td></td>
                    @endif
                     <td> 
                            <a href="../public/cotizacion/edit/{{$cotizaciones->id}}" > 
 
                            <span class="badge bg-warning  f-12">En espera de aprobación</span>  
                            </a>

                      </td> 
 
                          
  
                      </tr>
                    @endforeach

                    </tbody> 
                  </table>
                </div>
              </div>
            </div>
          </div>



                    <div class="col-xl-12 col-md-12">
            <div class="card">
              <div class="card-body">
                <div class="d-flex align-items-center justify-content-between mb-3">
                  <h5 class="mb-0">Requisiciones</h5> 
                </div>
                <div class="table-responsive">
                 <table id="table-inventory-cat" class="table table-striped table-bordered">
                    <thead>
                      <tr>
                        <th>ID</th> 
                        <th>Usuario</th> 
                        <th>No Cotización</th>
                        <th>Fecha creación</th>
                        <th>Fecha de cierre</th> 
                        <th>Estatus</th>
                        <th></th>
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($requisiciones as $requisiciones)                   

                      <tr> 
                      <td>{{ $requisiciones->id}}</td>  
                      <td>{{ $requisiciones->user_name}}</td>  
                      <td>{{ $requisiciones->no_cotizacion}}</td>   
                      <td>{{ $requisiciones->created_at}}</td>  
                      @if($requisiciones->fecha_fin != '0000-00-00 00:00:00')
                        <td>{{ $requisiciones->fecha_fin}}</td>  
                      @else
                        <td></td>
                      @endif
                    <td> 

                            <a href="../requisicion/edit/{{ $requisiciones->id}}" > 
                            <span class="badge bg-warning  f-12">En espera de aprobación</span>   
                            </a>

                      </td> 
                        <td class="text-center">
                        <ul class="list-inline me-auto mb-0">  
                          <li class="list-inline-item align-bottom" data-bs-toggle="tooltip" title="">
                            <a href="#" class="avtar avtar-xs btn-link-danger btn-pc-default">
                              <i class="ti ti-trash f-18"></i>
                            </a>
                          </li>
                        </ul>
                      </td>
                      </tr>
                    @endforeach

                    </tbody> 
                  </table>
                </div>
              </div>
            </div>
          </div>

            

                    <div class="col-xl-12 col-md-12">
            <div class="card">
              <div class="card-body">
                <div class="d-flex align-items-center justify-content-between mb-3">
                  <h5 class="mb-0">Órdenes de compra</h5> 
                </div>
                <div class="table-responsive">
                 <table id="table-inventory-compras" class="table table-striped table-bordered">
                    <thead>
                      <tr>
                        <th>ID</th> 
                        <th>ID usuario</th> 
                        <th>Usuario</th> 
                        <th>Archivo</th>  
                        <th>Estatus</th> 
                        <th>Fecha creación</th>
                        <th>Proyecto</th> 
                        <th>No. Req</th> 
                        <th>Fecha última modif.</th>  
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($ordenes_compra as $ordenes_compra)                   

                      <tr> 
                      <td>{{ $ordenes_compra->id}}</td>  
                      <td>{{ $ordenes_compra->id_user_ordenes_compras}}</td>  
                      <td>{{ $ordenes_compra->user_name}}</td>  
                      <td>
                        <form class="smart-form" method="POST" action="{{ route('ordenes_compra/ordencompraPDF')}}">
                          @csrf

                        <input type="hidden" name="id" value="{{$ordenes_compra->id}}">
                        <button type="submit" id="guardar_btn" name="guardar_btn"  class="btn btn-link"  value="imprimir" > OC-SERVICIOS-{{ $ordenes_compra->id_user_ordenes_compras}}-PROVEEDOR-{{ $ordenes_compra->nombre_proveedor}}.pdf</button>

                      </form>


                      </td> 
                      <td> 

                            <a href="ordenes_compra/edit/{{ $ordenes_compra->id}}" target="_blank"> 
                            <span class="badge bg-warning  f-12">En espera de aprobación</span>   
                            </a>
                      </td>   
                      <td>{{ $ordenes_compra->created_at}}</td>  
                      <td>{{ $ordenes_compra->proyecto}}</td>  
                      <td>{{ $ordenes_compra->id_requisicion}}</td>  
                      @if($ordenes_compra->fecha_status != '0000-00-00 00:00:00')  
                      <td>{{ $ordenes_compra->fecha_status}}</td>  
                      @else
                      <td></td>
                      @endif

                       

                      </tr>
                    @endforeach

                    </tbody> 
                  </table>
                </div>
              </div>
            </div>
          </div>

          <!-- DOM/Jquery table start -->



             <div class="col-xl-12 col-md-12">
            <div class="card">
              <div class="card-body">
                <div class="d-flex align-items-center justify-content-between mb-3">
                  <h5 class="mb-0">Timing</h5> 
                </div>
                <div class="table-responsive">
                 <table id="table-inventory-timing" class="table table-striped table-bordered">
                    <thead>
                      <tr>
                        <th>ID</th> 
                        <th>Proyecto</th>  
                        <th>Cliente</th>  
                        <th>Total Tareas</th> 
                        <th>Porcentaje</th> 
                        <th>Fecha creación</th>  
                        <th>Editar</th>
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($cotizaciones_timing as $cotizaciones_timing)                   

                      <tr> 

                      <td>{{ $cotizaciones_timing->id}}</td>  
                      <td>{{ $cotizaciones_timing->lev_proyecto}}</td>   
                      <td>{{ $cotizaciones_timing->client_nombre}}</td>   
                      <td class="text-center">
                        @if($cotizaciones_timing->total_tareas>0)
                        {{number_format($cotizaciones_timing->total_tareas, 0, '.', ',')}}
                        @endif
                      </td>  
                      <td class="text-center">
                        @if($cotizaciones_timing->total_tareas>0)
                        {{number_format($cotizaciones_timing->porcentaje, 0, '.', ',')}} %
                        @endif
                      </td>   
                      <td>{{ $cotizaciones_timing->created_at}}</td>   
                     
                        <td class="text-center">
                        <ul class="list-inline me-auto mb-0"> 
                          <li class="list-inline-item align-bottom" data-bs-toggle="tooltip" title="Edit">
                            <a href="timing/edit/{{$cotizaciones_timing->id}}"   target="_blank" class="avtar avtar-xs btn-link-success btn-pc-default"> 
                              <i class="ti ti-edit f-18"></i>
                            </a>
                          </li> 
                        </ul>
                      </td>
                    
                      </tr>
                    @endforeach

                    </tbody> 
                  </table>
                </div>
              </div>
            </div>
          </div>


                    




          <!-- DOM/Jquery table start -->
          <div class="col-sm-12">
            <div class="card"> 
              <div class="card-body"> 
                <div class="table-responsive dt-responsive">
                  
                </div>
              </div>
            </div>
          </div>
 
 </div>
</div>
</section>

          <!-- DOM/Jquery table end -->
<!--main--> 

    <!-- datatable Js --> 
 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="{{ URL::asset('js/plugins/jquery.dataTables.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/dataTables.bootstrap5.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/dataTables.responsive.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/responsive.bootstrap5.min.js')}}"></script>

    <script>
      // [ DOM/jquery ] 
 $(document).ready(function()
            {
     // [ Configuration Option ]
      $('#table-inventory-cat').dataTable(
                {
                    responsive: false,
                    fixedHeader: true, 
                    select: 'single',
                    ordering: false, 
                    dom: "<'row mb-3'<'col-sm-12 col-md-6 d-flex align-items-right justify-content-start'f><'col-sm-12 col-md-6 d-flex align-items-left justify-content-end'B>>" +
                        "<'row'<'col-sm-12'tr>>" +
                        "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
                    buttons: [
                        {
                            extend: 'colvis',
                            text: 'Column Visibility',
                            titleAttr: 'Col visibility',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'csvHtml5',
                            text: 'CSV',
                            titleAttr: 'Generate CSV',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'copyHtml5',
                            text: 'Copy',
                            titleAttr: 'Copy to clipboard',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'print',
                            text: '<i class="fal fa-print"></i>',
                            titleAttr: 'Print Table',
                            className: 'btn-outline-default'
                        }

                    ], 

                    

                }); // FIN DE TABLA

      $('#table-inventory-compras').dataTable(
                {
                    responsive: false,
                    fixedHeader: true, 
                    select: 'single',
                    ordering: false, 
                    dom: "<'row mb-3'<'col-sm-12 col-md-6 d-flex align-items-right justify-content-start'f><'col-sm-12 col-md-6 d-flex align-items-left justify-content-end'B>>" +
                        "<'row'<'col-sm-12'tr>>" +
                        "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
                    buttons: [
                        {
                            extend: 'colvis',
                            text: 'Column Visibility',
                            titleAttr: 'Col visibility',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'csvHtml5',
                            text: 'CSV',
                            titleAttr: 'Generate CSV',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'copyHtml5',
                            text: 'Copy',
                            titleAttr: 'Copy to clipboard',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'print',
                            text: '<i class="fal fa-print"></i>',
                            titleAttr: 'Print Table',
                            className: 'btn-outline-default'
                        }

                    ], 

                    

                }); // FIN DE TABLA


      $('#table-inventory-timing').dataTable(
                {
                    responsive: false,
                    fixedHeader: true, 
                    select: 'single',
                    ordering: false, 
                    dom: "<'row mb-3'<'col-sm-12 col-md-6 d-flex align-items-right justify-content-start'f><'col-sm-12 col-md-6 d-flex align-items-left justify-content-end'B>>" +
                        "<'row'<'col-sm-12'tr>>" +
                        "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
                    buttons: [
                        {
                            extend: 'colvis',
                            text: 'Column Visibility',
                            titleAttr: 'Col visibility',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'csvHtml5',
                            text: 'CSV',
                            titleAttr: 'Generate CSV',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'copyHtml5',
                            text: 'Copy',
                            titleAttr: 'Copy to clipboard',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'print',
                            text: '<i class="fal fa-print"></i>',
                            titleAttr: 'Print Table',
                            className: 'btn-outline-default'
                        }

                    ], 

                    

                }); // FIN DE TABLA
                
    }); // FIN DE TABLA
 
    </script>

@endsection