@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-3 col-md-6">
            <div class="card">
              <div class="card-body">
                <div class="row align-items-center">
                  <div class="col-8">
                    <h3 class="mb-1"></h3>
                    <p class="text-muted mb-0">Levantamientos</p>
                  </div>
                  <div class="col-4 text-end">
                    <i class="ti ti-calendar-event text-danger f-36"></i>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="card">
              <div class="card-body">
                <div class="row align-items-center">
                  <div class="col-8">
                    <h3 class="mb-1"></h3>
                    <p class="text-muted mb-0">Cotizaciones</p>
                  </div>
                  <div class="col-4 text-end">
                    <i class="ti ti-file-text text-success f-36"></i>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="card">
              <div class="card-body">
                <div class="row align-items-center">
                  <div class="col-8">
                    <h3 class="mb-1"></h3>
                    <p class="text-muted mb-0">Órdenes de Trabajo</p>
                  </div>
                  <div class="col-4 text-end">
                    <i class="ti ti-download text-primary f-36"></i>
                  </div>
                </div>
              </div>
            </div>
          </div>

    </div>


        <div class="row">

                    <div class="col-xl-6 col-md-6">
            <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>
                  <select class="form-select w-auto"> 
                    <option>Pendientes por aprobar</option>
                    <option selected="">Recientes</option>
                  </select>
                </div>
                <div class="table-responsive">
                  <table class="table table-hover" id="pc-dt-simple">
                    <thead>
                      <tr> 
                        <th>Fecha creación</th>
                        <th>Descripción</th>
                        <th>Status</th>
                        <th>Responsable</th> 
                        <th>Aprobación</th> 
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-success">Aprobada</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-warning">Pendiente </span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-danger">Fuera de tiempo</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-success">Aprobada</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-success">Aprobada</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>
                    
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>








                    <div class="col-xl-6 col-md-6">
            <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>
                  <select class="form-select w-auto"> 
                    <option>Pendientes por aprobar</option>
                    <option selected="">Recientes</option>
                  </select>
                </div>
                <div class="table-responsive">
                  <table class="table table-hover" id="pc-dt-simple">
                    <thead>
                      <tr> 
                        <th>Fecha creación</th>
                        <th>Descripción</th>
                        <th>Status</th>
                        <th>Responsable</th> 
                        <th>Aprobación</th> 
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td> 
                        <td><span class="badge bg-warning">Pendiente </span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-warning">Pendiente </span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-danger">Fuera de tiempo</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                     

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-success">Aprobada</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>
                    
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>



                    <div class="col-xl-6 col-md-6">
            <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>
                  <select class="form-select w-auto"> 
                    <option>Pendientes por aprobar</option>
                    <option selected="">Recientes</option>
                  </select>
                </div>
                <div class="table-responsive">
                  <table class="table table-hover" id="pc-dt-simple">
                    <thead>
                      <tr> 
                        <th>Fecha creación</th>
                        <th>Descripción</th>
                        <th>Status</th>
                        <th>Responsable</th> 
                        <th>Aprobación</th> 
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-success">Aprobada</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-warning">Pendiente </span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-danger">Fuera de tiempo</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

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

            

                    <div class="col-xl-6 col-md-6">
            <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>
                  <select class="form-select w-auto"> 
                    <option>Pendientes por aprobar</option>
                    <option selected="">Recientes</option>
                  </select>
                </div>
                <div class="table-responsive">
                  <table class="table table-hover" id="pc-dt-simple">
                    <thead>
                      <tr> 
                        <th>Fecha creación</th>
                        <th>Descripción</th>
                        <th>Status</th>
                        <th>Responsable</th> 
                        <th>Aprobación</th> 
                      </tr>
                    </thead>
                    <tbody>
                    
                        

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-warning">Pendiente </span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-danger">Fuera de tiempo</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-success">Aprobada</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-success">Aprobada</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>
                    
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>


                    <div class="col-xl-6 col-md-6">
            <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 Trabajo</h5>
                  <select class="form-select w-auto"> 
                    <option>Pendientes por aprobar</option>
                    <option selected="">Recientes</option>
                  </select>
                </div>
                <div class="table-responsive">
                  <table class="table table-hover" id="pc-dt-simple">
                    <thead>
                      <tr> 
                        <th>Fecha creación</th>
                        <th>Descripción</th>
                        <th>Status</th>
                        <th>Responsable</th> 
                        <th>Aprobación</th> 
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td> 
                        <td><span class="badge bg-warning">Pendiente </span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-warning">Pendiente </span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-danger">Fuera de tiempo</span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td> 
                        <td><span class="badge bg-warning">Pendiente </span></td>
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>

                      <tr>
                        <td>2024-01-02</td>
                        <td>
                          <div class="row align-items-center"> 
                            <div class="col">
                              <h6 class="mb-2"><span class="text-truncate w-100">Reparación de piso frente almacén</span></h6>
                              <p class="text-muted f-12 mb-0"
                                ><span class="text-truncate w-100">Toluca. Edo Mex </span></p
                              >
                            </div>
                          </div>
                        </td>
                        <td><span class="badge bg-warning">Pendiente </span></td> 
                        <td class="text-end f-w-600">Ing. Juan Rosas</td>
                        <td class="f-w-600"
                          >Roberto F. Serrano A.<i class="ti ti-arrow-up"></i></small
                        ></td>
                      
                      </tr>
                    
                    </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: true,
                    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