@extends('admin.admin_dashboard_pyme') 
@section('content')
        
<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 mb-3">
              <ul class="breadcrumb mb-3">
                <li class="breadcrumb-item"><a href="../home">Home</a></li>
                <li class="breadcrumb-item"><a href="../bancos">Institución Financiera</a></li> 
              </ul>
            </div>
            <div class="col-md-12">
              <div class="page-header-title">
                <h2 class="mb-0">Actualizar Institución Financiera</h2>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- [ breadcrumb ] end -->

      <!-- [ Main Content ] start -->
      <div class="row">
        <!-- [ sample-page ] start -->
        <div class="col-sm-12">
          <div class="card">
            <div class="card-body"> 
                
              <div class="row"> 
                 

                <div class="col-md-6">
             <div class="card">
                  
                 <div class="card-header" style="background-color: #4680ff;"> 
                      <h5 style=" color: white !important">Información General</h5>
                </div> <!-- FIN CARD BODY -->
               <form class="smart-form" method="POST" action="{{ route('bancos_pyme/update')}}">
                @csrf
                    <input hidden id="id" name="id" type="text" class="form-control" placeholder="Nombre" value="{{$bancos->id}}">

              <div class="card-body"> 

                <div class="row">

                <div class="col-md-6"> 
                  <div class="form-group">
                    <label class="form-label">Nombre</label>
                    <input id="nombre" name="nombre" type="text" class="form-control" placeholder="Nombre" value="{{$bancos->nombre}}">
                  </div>
                </div>
                <div class="col-md-6"> 
                  <div class="form-group">
                    <label class="form-label">Tipo</label>  
                      <select id="pyme" name="pyme" class="form-control" >  
                            <option value="0" 
                            @if($bancos->pyme==0) selected @endif
                            >Hipotecario</option> 
                            <option value="1" 
                            @if($bancos->pyme==1) selected @endif
                            >PyMe</option>
                          
                      </select> 
                  </div> 
                  </div>


                  
                </div>


                  </div>
                  <div class="form-group">
                    <a href="../../bancos_pyme/list" class="btn btn-outline-secondary">Regresar</a> 
                    <button type="submit" class="btn btn-primary">Guardar Institución Financiera</button>
                  </div>
              </form> 
                </div>
                  
                </div>

    


                </div> <!-- ROW -->


              </div>


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



<div class="row">
  
  <div class="col-md-12">
  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center" style="background-color: darkblue;">
        <h5 style="color: white; margin: 0;">Archivos requeridos para COBRO  -  Etapa Formalizado</h5>
        @if($archivos->isEmpty())
        <button 
            class="btn btn-info"
            style="padding: 8px 20px; font-size: 14px; white-space: nowrap;"
            data-bs-toggle="modal"
            data-bs-target="#agregarArchivoModal">
            + Agregar Archivo
        </button>
        @endif
    </div>

    <div class="table-responsive dt-responsive">
        <table id="table-inventory-cat" class="table table-striped table-bordered w-100">
          <thead>
            <tr>      
                <th>Descripción de archivos requeridos</th>
                <th>Acciones</th>
            </tr>
          </thead>
          <tbody>  
            @foreach($archivos as $archivo)     
             <tr>         
                <td>{{ $archivo->nombre }}</td>
                <td class="text-center">
                    <button 
                        class="btn btn-sm btn-primary"
                        data-bs-toggle="modal"
                        data-bs-target="#editarArchivoModal"
                        onclick="editarArchivo('{{ $archivo->id }}','{{ $archivo->nombre }}')">
                        Editar
                    </button>
                </td>
            </tr>
            @endforeach                
          </tbody>
        </table>
    </div>

  </div>
  </div>

</div>




    </div>
  </div>

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

<!-- Modal Editar Archivo -->
<div class="modal fade" id="editarArchivoModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ route('archivos_pyme.update') }}">
                @csrf
                @method('PUT')
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title">Editar Archivo</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="id" id="archivo_id">
                    <div class="mb-3">
                        <label>Nombre del archivo</label>
                        <input type="text" name="nombre" id="archivo_nombre" class="form-control" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success">Guardar cambios</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Agregar Archivo -->
<div class="modal fade" id="agregarArchivoModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ route('archivos_pyme.store') }}">
                @csrf
                <div class="modal-header bg-success text-white">
                    <h5 class="modal-title">Agregar Archivo</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="id_banco" value="{{ $bancos->id }}">
                    <div class="mb-3">
                        <label>Nombre del archivo</label>
                        <input type="text" name="nombre" class="form-control" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success">Guardar</button>
                </div>
            </form>
        </div>
    </div>
</div>

    <!-- 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

function editarArchivo(id, nombre){
    document.getElementById('archivo_id').value = id;
    document.getElementById('archivo_nombre').value = nombre;
}

</script>

@endsection