@extends('Dashboard::layouts.dashboard')
@section('content')

<div class="app-content pt-3 p-md-3 p-lg-4">
        <div class="container-xl">
          
          <div class="row g-3 mb-4 align-items-center justify-content-between">
            <div class="col-auto">
                  <h1 class="app-page-title mb-0">Ordenes de Trabajo</h1>
            </div>
            <div class="col-auto">
               <div class="page-utilities">
                <div class="row g-2 justify-content-start justify-content-md-end align-items-center">
                  <div class="col-auto">
                    <form class="table-search-form row gx-1 align-items-center">
                              <div class="col-auto">
                                  <input type="text" id="search-orders" name="searchorders" class="form-control search-orders" placeholder="N° de OTI, detalle, etc.">
                              </div>
                              <div class="col-auto">
                                  <button type="submit" class="btn app-btn-secondary">Buscar</button>
                              </div>
                          </form>
                          
                  </div><!--//col-->
                  <div class="col-auto">
                    
                    <select class="form-select w-auto" >
                      <option value="option-2">Hoy</option>
                      <option selected value="option-1">Todas</option>
                      <option value="option-2">Esta semana</option>
                      <option value="option-3">Este mes</option>
                      <option value="option-4">Ulitmos 3 meses</option>
                      
                  </select>
                  </div>

                </div><!--//row-->
              </div><!--//table-utilities-->
            </div><!--//col-auto-->
          </div><!--//row-->
         
          
          <nav id="orders-table-tab" class="orders-table-tab app-nav-tabs nav shadow-sm flex-column flex-sm-row mb-4">
            <a class="flex-sm-fill text-sm-center nav-link {{ ($tab == 'nuevas') ? "active" : "" }}" id="orders-all-tab" data-toggle="tab" href="#orders-all" role="tab" aria-controls="orders-all" aria-selected="">Nuevas</a>
            <a class="flex-sm-fill text-sm-center nav-link {{ ($tab == 'enproceso') ? "active" : "" }}"  id="orders-paid-tab" data-toggle="tab" href="#orders-paid" role="tab" aria-controls="orders-paid" 
              aria-selected="{{ ($tab == 'enproceso') ? "true" : "false" }}"> En proceso</a>
            
            <a class="flex-sm-fill text-sm-center nav-link {{ ($tab == 'pausadas') ? "true" : "" }} " id="orders-pending-tab" data-toggle="tab" href="#orders-pending" role="tab" aria-controls="orders-pending" aria-selected="">Pausadas</a>
            <a class="flex-sm-fill text-sm-center nav-link {{ ($tab == 'finalizadas') ? "true" : "" }}" id="orders-cancelled-tab" data-toggle="tab" href="#orders-cancelled" role="tab" aria-controls="orders-cancelled" aria-selected="{{ ($tab == 'finalizadas') ? "true" : "false" }}"> Finalizadas </a>
        </nav>
        
        
        <div class="tab-content" id="orders-table-tab-content">
              <div class="tab-pane fade show active" id="orders-all" role="tabpanel" aria-labelledby="orders-all-tab">
              <div class="app-card app-card-orders-table shadow-sm mb-5">
                <div class="app-card-body">
                  <div class="table-responsive">
                      <table class="table app-table-hover mb-0 text-left">
                    <thead>
                      <tr>
                        <th class="cell">OTI</th>
                        <th class="cell">Cliente</th>

                        
                        <th class="cell">Detalle</th>

                        <th class="cell">Cantidad</th>


                        <th class="cell"></th>

                      </tr>
                    </thead>
                    <tbody>
        @foreach($nuevas as $item)
                      <tr>
                        <td class="cell">{{ str_pad($item->production_id, 5, "0", STR_PAD_LEFT)  }}-{{substr($item->production->year, -2)}} / {{ $item->id }} </td>

                        <td class="cell"> {{ $item->production->client_name }} </td>

                        <td class="cell"><span class="truncate">{{ $item->detail }}</span></td>
                        <td class="cell"><span class="truncate">{{ $item->quantity }}</span></td>
                        <td class="cell"> 


                        <a href="{{ route('admin.detalle.oti', $item->id )}}" type="button" class="btn btn-secondary">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-forward" viewBox="0 0 16 16">
  <path d="M9.502 5.513a.144.144 0 0 0-.202.134V6.65a.5.5 0 0 1-.5.5H2.5v2.9h6.3a.5.5 0 0 1 .5.5v1.003c0 .108.11.176.202.134l3.984-2.933a.51.51 0 0 1 .042-.028.147.147 0 0 0 0-.252.51.51 0 0 1-.042-.028L9.502 5.513zM8.3 5.647a1.144 1.144 0 0 1 1.767-.96l3.994 2.94a1.147 1.147 0 0 1 0 1.946l-3.994 2.94a1.144 1.144 0 0 1-1.767-.96v-.503H2a.5.5 0 0 1-.5-.5v-3.9a.5.5 0 0 1 .5-.5h6.3v-.503z"></path>
</svg>
                <span class="visually-hidden">Button</span>
              </a>

            </td>

                        </tr>
        @endforeach

                    </tbody>
                  </table>
                    </div><!--//table-responsive-->
                   
                </div><!--//app-card-body-->    
            </div><!--//app-card-->
            <nav class="app-pagination">
              <ul class="pagination justify-content-center">
                <li class="page-item disabled">
                  <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Anterior</a>
                  </li>
                <li class="page-item active"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item">
                    <a class="page-link" href="#">Siguiente</a>
                </li>
              </ul>
            </nav><!--//app-pagination-->
            
              </div><!--//tab-pane-->


              <div class="tab-pane fade" id="orders-paid" role="tabpanel" aria-labelledby="orders-paid-tab">
              <div class="app-card app-card-orders-table mb-5">
                <div class="app-card-body">
                  <div class="table-responsive">
                    
                      <table class="table mb-0 text-left">
                    <thead>
                      <tr>
                        <th class="cell">OTI</th>
                        <th class="cell">Cliente</th>

                        
                        <th class="cell">Detalle</th>

                        <th class="cell">Cantidad</th>


                        <th class="cell"></th>

                      </tr>
                    </thead>
                    <tbody>
        @foreach($encurso as $item)
                      <tr>
                        <td class="cell">{{ str_pad($item->production_id, 5, "0", STR_PAD_LEFT)  }}-{{substr($item->production->year, -2)}} / {{ $item->id }} </td>

                        <td class="cell"> {{ $item->production->client_name }} </td>

                        <td class="cell"><span class="truncate">{{ $item->detail }}</span></td>
                        <td class="cell"><span class="truncate">{{ $item->quantity }}</span></td>
                        <td class="cell"> 


                        <a href="{{ route('admin.detalle.oti', $item->id )}}" type="button" class="btn btn-secondary">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-forward" viewBox="0 0 16 16">
  <path d="M9.502 5.513a.144.144 0 0 0-.202.134V6.65a.5.5 0 0 1-.5.5H2.5v2.9h6.3a.5.5 0 0 1 .5.5v1.003c0 .108.11.176.202.134l3.984-2.933a.51.51 0 0 1 .042-.028.147.147 0 0 0 0-.252.51.51 0 0 1-.042-.028L9.502 5.513zM8.3 5.647a1.144 1.144 0 0 1 1.767-.96l3.994 2.94a1.147 1.147 0 0 1 0 1.946l-3.994 2.94a1.144 1.144 0 0 1-1.767-.96v-.503H2a.5.5 0 0 1-.5-.5v-3.9a.5.5 0 0 1 .5-.5h6.3v-.503z"></path>
</svg>
                <span class="visually-hidden">Button</span>
              </a>

            </td>

                        </tr>
        @endforeach

                    </tbody>
                  </table>
                    </div><!--//table-responsive-->
                   
                </div><!--//app-card-body-->    
            </div><!--//app-card-->
            <nav class="app-pagination">
              <ul class="pagination justify-content-center">
                <li class="page-item disabled">
                  <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Anterior</a>
                  </li>
                <li class="page-item active"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item">
                    <a class="page-link" href="#">Siguiente</a>
                </li>
              </ul>
            </nav><!--//app-pagination-->
            
              </div><!--//tab-pane-->





              <div class="tab-pane fade" id="orders-pending" role="tabpanel" aria-labelledby="orders-pending-tab">
              <div class="app-card app-card-orders-table mb-5">
                <div class="app-card-body">
                  <div class="table-responsive">
                    
                      <table class="table mb-0 text-left">
                    <thead>
                      <tr>
                        <th class="cell">OTI</th>
                        <th class="cell">Cliente</th>

                        
                        <th class="cell">Detalle</th>

                        <th class="cell">Cantidad</th>


                        <th class="cell"></th>

                      </tr>
                    </thead>
                    <tbody>
        @foreach($pausadas as $item)
                      <tr>
                        <td class="cell">{{ str_pad($item->production_id, 5, "0", STR_PAD_LEFT)  }}-{{substr($item->production->year, -2)}} / {{ $item->id }} </td>

                        <td class="cell"> {{ $item->production->client_name }} </td>

                        <td class="cell"><span class="truncate">{{ $item->detail }}</span></td>
                        <td class="cell"><span class="truncate">{{ $item->quantity }}</span></td>
                        <td class="cell"> 


                        <a href="{{ route('admin.detalle.oti', $item->id )}}" type="button" class="btn btn-secondary">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-forward" viewBox="0 0 16 16">
  <path d="M9.502 5.513a.144.144 0 0 0-.202.134V6.65a.5.5 0 0 1-.5.5H2.5v2.9h6.3a.5.5 0 0 1 .5.5v1.003c0 .108.11.176.202.134l3.984-2.933a.51.51 0 0 1 .042-.028.147.147 0 0 0 0-.252.51.51 0 0 1-.042-.028L9.502 5.513zM8.3 5.647a1.144 1.144 0 0 1 1.767-.96l3.994 2.94a1.147 1.147 0 0 1 0 1.946l-3.994 2.94a1.144 1.144 0 0 1-1.767-.96v-.503H2a.5.5 0 0 1-.5-.5v-3.9a.5.5 0 0 1 .5-.5h6.3v-.503z"></path>
</svg>
                <span class="visually-hidden">Button</span>
              </a>

            </td>

                        </tr>
        @endforeach

                    </tbody>
                  </table>
                    </div><!--//table-responsive-->
                   
                </div><!--//app-card-body-->    
            </div><!--//app-card-->
            <nav class="app-pagination">
              <ul class="pagination justify-content-center">
                <li class="page-item disabled">
                  <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Anterior</a>
                  </li>
                <li class="page-item active"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item">
                    <a class="page-link" href="#">Siguiente</a>
                </li>
              </ul>
            </nav><!--//app-pagination-->
            
              </div><!--//tab-pane-->


              </div>


</div>
</div>
        @endsection