@extends('admin.admin_dashboard_hipotecario')
@section('content')
 
 @foreach($archivos as $archivos)                   @endforeach
 
  
<!-- DataTables CSS -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">

<!-- Si usas Bootstrap 5 -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">


<div 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 col-md-12">
                <h3 class="mb-0">Biblioteca Digital</h3>
              </div> 
            </div>
          </div>
        </div>
      </div>
      <!-- [ breadcrumb ] end -->

            <!-- [ Main Content ] start -->
      <div class="row">
        <!-- [ sample-page ] start -->

  

<!---------------------TABS------------------------------------------->
 
      @if(Auth::user()->current_team_id == 1) 
 
          <div class="row">
            <div class="col-md-12">

              <div class="card">
                <div class="card-header"> 
                      <h5>{{$bancos_principal->nombre}}</h5>
                </div> <!-- FIN CARD BODY -->
             <form class="smart-form" enctype="multipart/form-data"  method="POST" action="{{ route('archivo/save')}}">
                @csrf 
               <input type="" name="id_banco" id="id_banco" value="{{$bancos_principal->id}}" hidden="">

              <div class="card-body"> 
              <div class="row"> 
                <div class="col-md-8"> 
                  <div class="form-group">
                    <label class="form-label">Nombre / Descripción</label> 
                    <input id="nombre" name="nombre" type="text" class="form-control" placeholder=""   onchange="cambio_text(this,'nombre');"> 
                    @error('nombre')<span class="fs-6 text-danger">El campo de  Nombre es requerido </span> @enderror
                  </div> 
               </div>

 
                <div class="col-md-4"> 
                  <div class="form-group">

                  <label class="form-label">Etapa</label>  
                      <select id="estado1" name="estado1" class="form-control" > 
                        @foreach($estado1 as $estado1)                  
                            <option value="{{$estado1->id}}" >{{$estado1->nombre}}</option>
                         @endforeach
                          
                      </select> 
                  </div> 
               </div>
              </div>

              <div class="row"> 
                  <div class="col-md-12"> 
                      <div class="form-group">  
                         <label class="form-label">Archivo</label>            
                              <input type="file" id="imagen1" name="imagen1" class="form-control" />
                      </div> 
                  </div>
              </div>

              <div class="row">
                <div class="col-md-12">
                  <div class="text-end btn-page mb-0 mt-4">
                    <a href="../../archivos/list" class="btn btn-outline-secondary">Regresar</a> 
                    <button type="submit" class="btn btn-primary">Guardar</button>
                  </div>
                </div>  
              </div>
              </div>
 
             </form>


<!-- FIN CARDA BODY -->
            </div>
            </div>

      


          <!------------------------------------------------------------------->
            </div>
            @endif
<!-- FIN CARD  TODO -->

    <div class="row">
            <div class="col-md-12">
              <div class="card">
                <div class="card-header"> 
                      <h5>{{$bancos_principal->nombre}}</h5>
                </div> 


     <div class="table-responsive dt-responsive">
        <table id="table-inventory-cat" class="table table-striped table-bordered">
          <thead>
            <tr>
                <th>Etapa</th>        
                <th>Descripción  </th> 
                <th >Consultar</th>  
                @if(Auth::user()->current_team_id == 3) 
                <th >Eliminar</th> 
                @else
                <th></th>
                @endif 
            </tr>
          </thead>
          <tbody>  
            @foreach($archivos_tabla as $archivos_tabla)     
             <tr>        


     
            @if($archivos_tabla->estado1==1)  
                  <td style="background-color: #31b2e4;">
                <a href="#" style=" color: white">
                    Autorización
                </a>
                  </td>
              @elseif ($archivos_tabla->estado1==2)
                  <td style="background-color: #ff8c00; ">
                <a href="#" style=" color: white">
                    Avalúo
                </a>
                  </td> 
              @elseif ($archivos_tabla->estado1==3)
                  <td style="background-color: #800080;">
                <a href="#" style=" color: white">
                    Instrucción
                </a>
                  </td> 
              @elseif ($archivos_tabla->estado1==4)
                  <td style="background-color: #228b22;">
                <a href="#" style=" color: white">
                   Firma
                </a>
                  </td> 
              @elseif ($archivos_tabla->estado1==5) 
                  <td style="background-color: darkblue;">
                <a href="#"  style=" color: white">
                    Formalizado
                </a>
                  </td>    
              @endif
     

        <td>{{ $archivos_tabla->nombre}}</td> 
      
           
        <td> <center> 
          @if($archivos_tabla->created_at > \Carbon\Carbon::parse('2026-02-12'))
          <a href="{{ config('services.url_global.key') }}/storage/app/{{$archivos_tabla->imagen1}}" target="_blank">Ver</a>
          @else
          <a href="{{ config('services.url_global_old.key') }}/storage/app/{{$archivos_tabla->imagen1}}" target="_blank">Ver</a>
          @endif
        </center> 
        </td>  
        @if(Auth::user()->current_team_id == 1) 
         <td class="text-center">
            <ul class="list-inline me-auto mb-0"> 
            <li class="list-inline-item align-bottom" data-bs-toggle="tooltip" title="">
              <form class="smart-form" method="POST" action="{{ route('archivo/delete_archivo')}}">
              @csrf

                <input type="hidden" name="id" value="{{$archivos_tabla->id}}">
                <button type="submit" class="avtar avtar-s btn-link-danger btn-pc-default flex-shrink-0">
                  <i class="ti ti-trash f-20"></i>
                </button>  

              </form>
              </li>
            </ul>
          </td>
          @else
          <td></td>
          @endif

        </tr>
                    @endforeach                

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



          </div>
        </div>






 
    </div>
              <!-- FIN CARD BODY -->  
     
 
    <!--  -->    

        </div>  <!-- row  -->  


        <!-- [ sample-page ] end -->
      </div>
      <!-- [ Main Content ] end -->
    </div> 

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

    <!-- datatable Js --> 
 
<!-- jQuery (requerido) -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

<!-- DataTables JS -->
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>

<!-- Si usas Bootstrap 5 -->
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>


 

<style>
.kbw-signature { width: 800px; height: 400px; }
</style>


    <script>
 
 $(document).ready(function()
            {
              // minimum setup

     
     
     // [ Configuration Option ]
     $('#table-inventory-cat').DataTable({
    responsive: false,
    ordering: false,
    autoWidth: false,
    searching: true,
    pagingType: 'full_numbers',

    dom:
        "<'row mb-3'<'col-sm-12 col-md-6 d-flex align-items-center justify-content-start'f>>" +
        "<'row'<'col-sm-12'tr>>" +
        "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",

    language: {
        search: "Buscar:",
        searchPlaceholder: "Buscar en la tabla..."
    }
});
         // [ Configuration Option ]
      $('#table-requisicion').dataTable(
                {
                    responsive: true,
                    fixedHeader: true, 
                    select: 'single',
                    ordering: false, 
                    dom:  "<'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
 
 function change_tab(tab_name) {
      var someTabTriggerEl = document.querySelector('a[href="' + tab_name + '"]');
      var actTab = new bootstrap.Tab(someTabTriggerEl);
      actTab.show();
    }

      var tc = document.querySelectorAll('.scroll-block');
      for (var t = 0; t < tc.length; t++) {
        new SimpleBar(tc[t]);
      }
      // quantity start
      function increaseValue(temp) {
        var value = parseInt(document.getElementById(temp).value, 10);
        value = isNaN(value) ? 0 : value;
        value++;
        document.getElementById(temp).value = value;
      }

      function decreaseValue(temp) {
        var value = parseInt(document.getElementById(temp).value, 10);
        value = isNaN(value) ? 0 : value;
        value < 1 ? (value = 1) : '';
        value--;
        document.getElementById(temp).value = value;
      }

      function checkbox_change($this, $req_detalle){
        if($this.value == 0){
                $this.value = 1;
                $("#id_req_txt_"+$req_detalle+"").val(1);
              }
        else{
                $this.value = 0;
                $("#id_req_txt_"+$req_detalle+"").val(0);
              }
 

      }

      function unit_change($this, $id_prod, $unidad, $unidad_conversion, $existencia, $existencia_conversion){
         
         var $unidad_empaque;
         var $nueva_existencia;

         $unidad_empaque = $("#inlineFormSelectPref_"+$id_prod+" option:selected" ).text();

      console.log('$unidad_empaque'+$unidad_empaque);
         
        if($this.value == 0){
                $("#id_invent_txt_"+$id_prod+"").val($existencia); 
         }
         else{
                $nueva_existencia = $existencia/$existencia_conversion;
                $("#id_invent_txt_"+$id_prod+"").val($nueva_existencia); 
         }
                
          $("#unidad_empaque_"+$id_prod+"").val($unidad_empaque);
        
         //console.log('$unidad val:'+$("#unidad_empaque_"+$id_prod+"").val());

      }


  function cambio_text($this,$this_nombre){  
    $("#"+$this_nombre+"_M").val($this.value); 

  }  

    </script>

    <style type="text/css">
      #table-inventory-cat {
          table-layout:fixed;
        }
        #table-inventory-cat td {
          word-wrap: break-word !important; 
          white-space:inherit;
        }
    </style>

@stop