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

@foreach($expedientes as $expedientes)@endforeach


<link rel="stylesheet" href="{{ URL::asset('css/plugins/datepicker-bs5.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">Expediente - No. {{$expedientes->id}} -  {{$expedientes->estado}} </h3>
              </div> 
            </div>
          </div>
        </div>
      </div>
      <!-- [ breadcrumb ] end -->

            <!-- [ Main Content ] start -->
      <div class="row">
        <!-- [ sample-page ] start -->
          <div class="card">
            <div class="card-body p-0">
              <ul class="nav nav-tabs checkout-tabs mb-0" id="myTab" >
                <li class="nav-item"> 
                    <div class="media align-items-center"> 
                      <div class="media-body ms-0">
                       <span style=" margin-right: 20px;">Fecha de creación: </span> 
                        <span class="badge bg-light-primary  f-12">{{$expedientes->created_at}}</span> 
                        <span style="margin-left: 20px; margin-right: 20px;"> Asesor: </span> 
                        <span class="badge bg-light-primary  f-12">{{$expedientes->user_name_v}}</span> 

                        <span style="margin-left: 20px; margin-right: 20px;"> Cliente: </span> 
                        <span class="badge bg-light-primary  f-12">{{$expedientes->cliente}} {{$expedientes->apellido_paterno}} {{$expedientes->apellido_materno}} </span>  

@if(!$expedientes->id_cancelar)
                        <button type="button" id="guardar_btn"  class="badge bg-danger f-12"  data-bs-toggle="modal"
                        data-bs-target="#exampleModalCenter" style=" margin-left: 20px;" >Cancelar</button>
@else
<div class="alert alert-danger mt-2" role="alert">
    <strong>Expediente cancelado.</strong> Este expediente fue cancelado y no puede ser modificado.
    @if($expedientes->comentarios_cancelar)
        <br><small>Motivo: {{ $expedientes->comentarios_cancelar }}</small>
    @endif
</div>
@endif


                      </div>
                    </div> 

                    <br> 
                  @if((Auth::user()->current_team_id==1)||(Auth::user()->current_team_id==2))
@if(!$expedientes->id_cancelar)
                    <div class="media align-items-center">

                      <div class="media-body ms-0">

                      <form class="smart-form" enctype="multipart/form-data"  method="POST" action="{{ route('expedientes/cambio_status')}}">
                        @csrf
                          <div class="col-4">
                             <div class="d-flex align-items-center">
                                <input type="hidden" name="id" value="{{$expedientes->id}}">

                                <select class="form-control form-control-sm" id="miSelect" name="select_cambio_status">
                                    <option value="">Seleccione Status</option>
                                    <option value="1">Autorización</option>
                                    <option value="2">Avalúo</option>
                                    <option value="3">Instucción</option>
                                    <option value="4">Firma</option>
                                </select>
                                <button type="submit" id="guardar_btn_cambio_status"  class="badge bg-primary f-12"  style=" margin-left: 20px;" >Cambiar Status</button>

                            </div>
                          </div>
                    </form>
                    </div>
                  </div>
@endif
     @endif             
                </li>
              </ul>
            </div>
          </div>

        <div class="col-sm-12">
          <div class="card">
            <div class="card-body p-0">
              <ul class="nav nav-tabs checkout-tabs mb-0" id="myTab" role="tablist">
                <li class="nav-item"> 
                  <a class="nav-link active"  href="../../expediente_precalif/edit/{{ $expedientes->id}}">
                    <div class="media align-items-center">
                      <div class="avtar avtar-s">
                        <i class="ti ti-building-skyscraper"></i>
                      </div>
                      <div class="media-body ms-2">
                        <h5 class="mb-0">Autorización</h5>
                      </div>
                    </div>
                  </a>
                </li>

              @if($expedientes->garantia==0)


                @if($expedientes->estado1>1)
                <li class="nav-item">
                  <a class="nav-link" href="../../expediente_avaluo/edit/{{ $expedientes->id}}" role="tab" 
                    aria-controls="ecomtab-2" aria-selected="true">
                    <div class="media align-items-center">
                      <div class="avtar avtar-s">
                        <i class="ti ti-building-skyscraper"></i>
                      </div>
                      <div class="media-body ms-2">  
                        <h5 class="mb-0">Avalúo </h5> <span style="color: {{$status_color_avaluo}}" >{{$status_avaluo}}</span> 
                      </div> 
                    </div>
                  </a>
                </li> 
                @endif

                @if($expedientes->estado1>2) 
                <li class="nav-item">
                  <a class="nav-link" href="../../expediente_instruccion/edit/{{ $expedientes->id}}" role="tab" 
                    aria-controls="ecomtab-2" aria-selected="true">
                    <div class="media align-items-center">
                      <div class="avtar avtar-s">
                        <i class="ti ti-building-skyscraper"></i>
                      </div>
                      <div class="media-body ms-2">
                        <h5 class="mb-0">Instrucción </h5>
                      </div>
                    </div>
                  </a>
                </li> 
                @endif

                @if($expedientes->estado1>3)  
                <li class="nav-item"> 
                  <a class="nav-link" href="../../expediente_firma/edit/{{ $expedientes->id}}" role="tab" 
                    aria-controls="ecomtab-2" aria-selected="true">
                    <div class="media align-items-center">
                      <div class="avtar avtar-s">
                        <i class="ti ti-building-skyscraper"></i>
                      </div>
                      <div class="media-body ms-2">
                        <h5 class="mb-0">Firma </h5>
                      </div>
                    </div>
                  </a>
                </li> 
                @endif

                @endif

                @if($expedientes->estado1>4)  
                <li class="nav-item">
                  <a class="nav-link" href="../../expediente_formalizado/edit/{{ $expedientes->id}}" role="tab"
                    aria-controls="ecomtab-2" aria-selected="true">
                    <div class="media align-items-center">
                      <div class="avtar avtar-s">
                        <i class="ti ti-building-skyscraper"></i>
                      </div>
                      <div class="media-body ms-2">
                        <h5 class="mb-0">Formalizado </h5>
                      </div>
                    </div>
                  </a>
                </li> 
                @endif
 

               
                 
              </ul>
            </div>
          </div>

<!---------------------TABS------------------------------------------->
 
             <form class="smart-form" enctype="multipart/form-data"  method="POST" action="{{ route('expedientes_precalif/update')}}" id="formulario_1">
                @csrf
                <input type="hidden" name="id" value="{{$expedientes->id}}">
                  @if($expedientes->estado1==1)
                 
                     <div class="form-group">
                      <div class="d-flex gap-1"> 
                      
                      
      

                        <!-- MODAL ENVIAR A AVALÚO -->
                    
        @if((Auth::user()->current_team_id==3)||(Auth::user()->current_team_id==4))
                     
                    
           

                        


    <!-- MODAL ENVIAR A FORMALIZADO -->


                           <div id="ModalFirma" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="ModalFirmaTitle" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title" id="ModalFirmaTitle">Enviar a Formalizado</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">  
                          <p>¿Está seguro que desea enviar a Formalizado?</p>   
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Regresar</button>
                         <button type="submit" id="guardar_btn" name="guardar_btn" value="enviar_formalizado"  class="btn btn-primary" style="background-color: darkblue" >Enviar a Formalizado</button> 
                        </div>
                      </div>
                    </div>
                  </div>
                      @if(($expedientes->estado2 == 4)&&($expedientes->garantia==1))
@if(!$expedientes->id_cancelar)
                        <button type="button" id="guardar_btn_formalizado" name="guardar_btn" value="cambio_status_formalizado_1"  class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#ModalFirma" style="background-color: darkblue">Enviar a Formalizado</button>
@endif
                        @endif

@endif
                
                    </div>
                    </div>
                    @endif

  <!-- [ Main Content ] start -->
      <div class="row">
        <div class="col-md-12">
          <div class="card">
          <div class="card-header"> 
              <h5>INFORMACIÓN GENERAL </h5> 

                

          


            </div> <!-- FIN CARD BODY -->
 
      
            <div class="card-body">
  
              <div class="row" id="persona_moral">  
                 
 
              </div>
 
              <div class="row" >  
                <div class="col-md-4"> 
                  <div class="form-group">
                    <label class="form-label">Nombre</label> 
                    <input id="cliente" name="cliente" type="text" class="form-control" placeholder=""  value="{{ (old('cliente')) ?  old('cliente') : $expedientes->cliente}}"  onchange="cambio_text(this,'cliente');"> 
                    @error('cliente')<span class="fs-6 text-danger"  >El campo de Nombre es requerido </span> @enderror
                    @error('cliente_M')<span class="fs-6 text-danger"  >El campo de Nombre es requerido </span> @enderror
                  </div> 
               </div>

               <div class="col-md-2"> 
                  <div class="form-group">
                    <label class="form-label">Apellido P.</label> 
                    <input id="apellido_paterno" name="apellido_paterno" type="text" class="form-control" placeholder=""  value="{{ (old('apellido_paterno')) ?  old('apellido_paterno') : $expedientes->apellido_paterno}}"    onchange="cambio_text(this,'apellido_paterno');"> 
                    @error('apellido_paterno')<span class="fs-6 text-danger">El campo de Apellido Paterno es requerido </span> @enderror
                    @error('apellido_paterno_M')<span class="fs-6 text-danger">El campo de Apellido Paterno es requerido </span> @enderror
                  </div> 
               </div>

               <div class="col-md-2"> 
                  <div class="form-group">
                    <label class="form-label">Apellido M.</label> 
                    <input id="apellido_materno" name="apellido_materno" type="text" class="form-control" placeholder=""  value="{{ (old('apellido_materno')) ?  old('apellido_materno') : $expedientes->apellido_materno}}"   onchange="cambio_text(this,'apellido_materno');"> 
                    @error('apellido_materno')<span class="fs-6 text-danger">El campo de Apellido Materno es requerido </span> @enderror
                    @error('apellido_materno_M')<span class="fs-6 text-danger">El campo de Apellido Materno es requerido </span> @enderror
                  </div> 
               </div>

                <div class="col-md-4"> 
  <div class="form-group">
    <label class="form-label">RFC</label> 
    <input 
        id="rfc" 
        name="rfc" 
        type="text" 
        class="form-control"
        maxlength="13"
        minlength="13"
        style="text-transform:uppercase"
        pattern="^[A-ZÑ&]{4}[0-9]{6}[A-Z0-9]{3}$"
        title="Ingrese un RFC válido para Persona Física (Ej: ABCD901231ABC)"
        value="{{ old('rfc', $expedientes->rfc) }}"
        oninput="this.value = this.value.toUpperCase(); cambio_text(this,'rfc');"
        required
    > 

    @error('rfc')
      <span class="fs-6 text-danger">{{ $message }}</span>
    @enderror

  </div> 
</div>
           
              </div>

 
              <div class="row"> 
                <div class="col-md-4"> 
                  <div class="form-group">
                    <label class="form-label">Teléfonos</label> 
                    <input id="telefonos" name="telefonos" type="text" class="form-control" placeholder=""  value="{{ (old('telefonos')) ?  old('telefonos') : $expedientes->telefonos}}"   onchange="cambio_text(this,'telefonos');"> 
                    @error('telefonos')<span class="fs-6 text-danger">El campo de Teléfonos es requerido </span> @enderror
                    @error('telefonos_M')<span class="fs-6 text-danger">El campo de Teléfonos es requerido </span> @enderror
                  </div> 
               </div>

               

                <div class="col-md-4"> 
                  <div class="form-group">
                    <label class="form-label">Email</label> 
                    <input id="email" name="email" type="text" class="form-control" placeholder=""  value="{{ (old('email')) ?  old('email') : $expedientes->email}}"   onchange="cambio_text(this,'email');"> 
                    @error('email')<span class="fs-6 text-danger">El campo de Email es requerido </span> @enderror
                    @error('email_M')<span class="fs-6 text-danger">El campo de Email es requerido </span> @enderror
                  </div> 
               </div>

               <div class="col-md-4"> 
                  <div class="form-group">
                    <label class="form-label">Tipo de ingreso</label>  

                    <select id="tipo_credito" name="tipo_credito" class="form-control"   onchange="cambio_text(this,'tipo_credito');"> 
                          <option value="" >Seleccione una opción</option> 
                          <option value="1" 
                           @if($expedientes->tipo_credito == 1) selected @endif
                          >Asalariado</option> 
                          <option value="2"
                           @if($expedientes->tipo_credito == 2) selected @endif 
                          >Independiente</option> 
                          <option value="3"
                           @if($expedientes->tipo_credito == 3) selected @endif 
                          >Socio</option> 
                          <option value="4"
                           @if($expedientes->tipo_credito == 4) selected @endif 
                          >Otro</option>  
                        </select>
                        @error('tipo_credito')<span class="fs-6 text-danger">El Tipo de Crédito es requerido </span> @enderror
                        @error('tipo_credito_M')<span class="fs-6 text-danger">El Tipo de Crédito es requerido </span> @enderror
                  </div> 
               </div>


 

              </div>
             
            <div class="row"> 
                <div class="col-md-4"> 
                  <div class="form-group">
                    <label class="form-label">Entidad Federativa</label>  
                    <select id="entidad_federativa" name="entidad_federativa" class="form-control"   onchange="cambio_text(this,'entidad_federativa');" > 
                    
                          <option value="">Seleccione Entidad Federativa</option>

                        @foreach($entidades_federativas_firma as $entidades_federativas_firma)   
                                  <option value="{{ $entidades_federativas_firma->CATALOG_KEY}}" 
                           @if($expedientes->entidad_federativa == $entidades_federativas_firma->CATALOG_KEY) selected @endif 
                                    >{{$entidades_federativas_firma->ENTIDAD_FEDERATIVA}} 
                              </option>
                      @endforeach
              
                          </select> 
                 
                    @error('entidad_federativa')<span class="fs-6 text-danger">El campo de Entidad Federativa es requerido </span> @enderror
                    @error('entidad_federativa_M')<span class="fs-6 text-danger">El campo de Entidad Federativa es requerido </span> @enderror
                  
                  </div> 
               </div>

               <div class="col-md-4"> 
                  <div class="form-group">
                    <label class="form-label">Institución Financiera</label> 

                   <select id="bancos" name="bancos" class="form-control"    onchange="cambio_text(this,'bancos');">

                    <option value="">Seleccione banco</option>

                    @foreach($bancos as $banco)

                      <option value="{{$banco->id}}"
                      @if($expedientes->banco == $banco->id) selected @endif
                      >
                      {{$banco->nombre}}
                      </option>

                    @endforeach

                    </select>
                    @error('bancos')<span class="fs-6 text-danger">La Institución Financiera es requerida </span> @enderror
                    @error('bancos_M')<span class="fs-6 text-danger">La Institución Financiera es requerida </span> @enderror
                  
                  
                  </div> 
               </div>



                 <div class="col-md-4"
                @if($expedientes->banco != 5) 
                  hidden
                @endif

                 > 
                  <div class="form-group">
                    <label class="form-label">Folio Institución Fianciera</label> 
                    <input onchange="cambio_text(this,'folio_sea');"

                    @if((Auth::user()->current_team_id==3)||(Auth::user()->current_team_id==4)||(Auth::user()->current_team_id==6)||(Auth::user()->current_team_id==8)||(Auth::user()->current_team_id==10))
                    disabled 
                    @else
                    style="background-color: lemonchiffon "
                    @endif

                     id="folio_sea" name="folio_sea" type="text" class="form-control" placeholder=""  value="{{ (old('folio_sea')) ?  old('folio_sea') : $expedientes->folio_sea}}"   onchange="cambio_text(this,'folio_sea');"   > 
                    @error('folio_sea')<span class="fs-6 text-danger">El campo de Email es requerido </span> @enderror
                    @error('folio_sea_M')<span class="fs-6 text-danger">El campo de Email es requerido </span> @enderror
                  </div> 
               </div>


                
 
               

            </div>

            <div class="row">
              <div class="col-md-4 "> 
                  <div class="form-group">
                    <label class="form-label">Monto de Crédito </label> 
                      <div class="input-group mb-3"> 
                     <input
    id="monto_solicitado"
    name="monto_solicitado"
    type="text"
    class="form-control"
    value="{{ old('monto_solicitado', $expedientes->monto_solicitado ?: '') }}">



                  </div> 
                    
                    @error('monto_solicitado')<span class="fs-6 text-danger">El monto debe ser mayor a cero </span> @enderror
                    @error('monto_solicitado_M')<span class="fs-6 text-danger">El monto debe ser mayor a cero </span> @enderror

                  </div> 
               </div>
             

              <div class="col-md-4"> 
                  <div class="form-group">
                    <label class="form-label">Coordinador</label>  
                   <select class="form-control" id="coordinador" name="id_coordinador"   onchange="cambio_text(this,'id_coordinador');">

                <option value="">Seleccione coordinador</option>

                  @foreach($coordinadores as $coord)

                  <option value="{{$coord->id}}"
                  @if($expedientes->id_coordinador == $coord->id) selected @endif
                  >
                  {{$coord->name}}
                  </option>

                  @endforeach

                </select>
                  </div> 
               </div>


               <textarea hidden id="observaciones_coordinador" name="observaciones_coordinador" type="text" class="form-control" rows="5" ></textarea>  
               <textarea hidden id="observaciones_asesor" name="observaciones_asesor" type="text" class="form-control" rows="5" ></textarea>  


            </div>

              <!--  FIN MODAL ENVIAR A Coordinador -->

@if(!$expedientes->id_cancelar)
              @if(count($archivos_exp)>0)
                  @if(($expedientes->estado2 == 1)||($expedientes->estado2 == 4))
                    <button hidden style="float: right;" type="submit" id="guardar_btn_coord" name="guardar_btn" value="enviar_coord" >Enviar a Coordinador</button>


                  @endif
              @endif

              @if($expedientes->estado2 != 3)
                <button hidden style="float: right;" type="submit" id="guardar_btn_guardar" name="guardar_btn" value="guardar_form" class="btn btn-primary" >Guardar </button>
              @endif

               <!--  FIN MODAL ENVIAR AL ASESOR -->

              @if($expedientes->estado2 == 3)
                <button hidden style="float: right;" type="submit" id="guardar_btn_respuesta" name="guardar_btn" value="enviar_resp">Enviar respuesta</button>
              @endif

              <!--  FIN MODAL ENVIAR A AVALÚO -->

              @if(($expedientes->estado2 == 4)&&($expedientes->garantia==0))
                <button hidden style="float: right;"  type="submit" id="guardar_btn_cambiostatus" name="guardar_btn" value="enviar_avaluo" >Enviar a Avalúo</button>
              @endif
@endif

        
              

        </form>


<!-- FIN CARDA BODY -->
            </div>
          </div>
<!-- FIN CARDA BODY -->
             
        <div class="card">
            <div class="card-header">
              <h5>BITÁCORA</h5>
            </div>
            <div class="card-body">
              <div class="row">

              <div class="col-md-12">
              
            </div> 
                <div class="row">
               <table id="table-inventory-cat" class="table table-striped table-bordered">
                    <thead>
                      <tr>
                      <th>Fecha </th> 
                      <th>Estado</th>          
                      <th>Observación</th>          
                      <th>Nombre</th>   
                      </tr>
                    </thead>
                    <tbody> 
                      @foreach($log as $log)                    
                    <tr>        
                      <td>{{ $log->fecha_hora}}</td>  
                      <td>{{ $log->estado}}</td>                
                      <td>{{ $log->observacion}}</td>  
                      <td>{{ $log->name}}</td>        
 
                    </tr>
                    @endforeach 
                    </tbody>
                  </table>

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

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



<div class="card">
            <div class="card-header">
              <h5>ARCHIVOS</h5>
            </div>
              <ul>
@if($expedientes->banco=='5')
<li style="color: red">  <b>El tamaño máximo permitido de cada archivo es de 20 Mb. </b></li>
@else
<li style="color: red">  <b>El tamaño máximo permitido de cada archivo es de 10 Mb. </b></li>
@endif
<li style="color: darkred">  <b>Este cambio aplicará en archivos subidos a partir del  27 de agosto 2020. </b></li>
</ul>
            <div class="card-body">
        <form  role="form" method="POST" enctype="multipart/form-data" action="{{ route('expedientes/download_file_zip')}}"   >   
            @csrf 
           
            <input type="hidden"  id="idExp" name="idExp"  value="{{$expedientes->id}}" >                
            <input type="hidden"  id="est" name="est"  value="1" >  
            
            <button id="btnDescargarPre" name="btnDescargarPre" class="btn btn-info"> Descargar todos los Archivos</button>
           
        </form>
          @if(($expedientes->estado1 <= 1))
        <form  role="form" method="POST" enctype="multipart/form-data" action="{{ route('expedientes/store_file_exp')}}"  id="formulario_2"  >              
            @csrf 

            <input type="hidden" name="id_expediente_archivo" value="{{$expedientes->id}}">
            <input type="hidden" name="estado" value="1">
            <input type="hidden" name="tipo_cliente_M" id="tipo_cliente_M" value="{{ (old('tipo_cliente')) ?  old('tipo_cliente') : $expedientes->tipo_cliente}}">
            <input type="hidden" name="garantia_M" id="garantia_M" value="{{ (old('garantia')) ?  old('garantia') : $expedientes->garantia}}">
            <input type="hidden" name="cliente_M" id="cliente_M" value="{{ (old('cliente')) ?  old('cliente') : $expedientes->cliente}}">
            <input type="hidden" name="apellido_paterno_M" id="apellido_paterno_M" value="{{ (old('apellido_paterno')) ?  old('apellido_paterno') : $expedientes->apellido_paterno}}">
            <input type="hidden" name="apellido_materno_M" id="apellido_materno_M" value="{{ (old('apellido_materno')) ?  old('apellido_materno') : $expedientes->apellido_materno}}">
            <input type="hidden" name="razon_social_moral_M" id="razon_social_moral_M" value="{{ (old('razon_social_moral')) ?  old('razon_social_moral') : $expedientes->razon_social_moral}}">
            <input type="hidden" name="rfc_M" id="rfc_M" value="{{ (old('rfc')) ?  old('rfc') : $expedientes->rfc}}">
            <input type="hidden" name="rfc_moral_M" id="rfc_moral_M" value="{{ (old('rfc_moral')) ?  old('rfc_moral') : $expedientes->rfc_moral}}">
            <input type="hidden" name="telefonos_M" id="telefonos_M" value="{{ (old('telefonos')) ?  old('telefonos') : $expedientes->telefonos}}">
            <input type="hidden" name="email_M" id="email_M" value="{{ (old('email')) ?  old('email') : $expedientes->email}}">
            <input type="hidden" name="entidad_federativa_M" id="entidad_federativa_M" value="{{ (old('entidad_federativa')) ?  old('entidad_federativa') : $expedientes->entidad_federativa}}">
            <input type="hidden" name="tipo_credito_M" id="tipo_credito_M" value="{{ (old('tipo_credito')) ?  old('tipo_credito') : $expedientes->tipo_credito}}">
            <input type="hidden" name="id_coordinador_M" id="id_coordinador_M" value="{{ (old('id_coordinador')) ?  old('id_coordinador') : $expedientes->id_coordinador}}">
            <input type="hidden" name="bancos_M" id="bancos_M" value="{{ (old('banco')) ?  old('banco') : $expedientes->banco}}"> 
            <input type="hidden" name="monto_solicitado_M" id="monto_solicitado_M" value="{{ (old('monto_solicitado')) ?  old('monto_solicitado') : $expedientes->monto_solicitado}}">
            <input type="hidden" name="folio_sea_M" id="folio_sea_M" value="{{ (old('folio_sea')) ?  old('folio_sea') : $expedientes->folio_sea}}">

            
            <div class="row"> 
                <div class="col-md-4"> 
                  <div class="form-group">
                    <label class="form-label">Nombre del archivo (Opcional)</label> 
                    <input id="nombre_archivo" name="nombre_archivo" type="text" class="form-control" placeholder="Opcional" value=""> 
                  </div> 
               </div>
               <div class="col-md-4"> 
                  <div class="form-group">
                    <label class="form-label">Archivo</label> 
                    <input type="file" id="attachment" name="attachment" class="form-control" />
                  </div> 
               </div>
               <div class="col-md-2">
                  <div class="form-group"> 
                    <label class="form-label">.</label> 
                 @if($expedientes->estado1 == 1)
                    <button type="submit" class="form-control btn btn-primary" >Agregar</button>
                @endif
                  </div> 
                </div> 
             </div> 


        </form>
             @endif
       <div class="table-responsive dt-responsive">
        <form method="POST" action="{{ route('expedientes/download_selected_zip') }}" id="formDownloadSelected">
          @csrf
          <input type="hidden" name="ids" id="idsSeleccionados">
          <button type="button" id="btnDownloadSelected" class="btn btn-success mb-2">
            Descargar seleccionados
          </button>
        </form>

        <table id="table-inventory-cat" class="table table-striped table-bordered">
          <thead>
            <tr>
              <th><input type="checkbox" id="checkAll"></th>
              <th>Fecha </th> 
              <th>Usuario</th>          
              <th>Nombre Archivo</th>          
              <th>Tamaño</th>
              <th>Visualizar</th>
              <th>Eliminar</th>  
            </tr>
          </thead>
          <tbody>  
            @foreach($archivos_exp as $archivos_exp)     
           <tr>
          <td>  <input type="checkbox" class="check-file" value="{{ $archivos_exp->id }}">  </td>       
        <td>{{ $archivos_exp->created_at_archivo}}</td> 
        <td>{{ $archivos_exp->name}}</td>  
        <td>{{ $archivos_exp->nombre}}</td>         
        @if( (($expedientes->banco=='5')&&(($archivos_exp->size/1024/1024)>20)) ||  
        (($expedientes->banco!='5')&&(($archivos_exp->size/1024/1024)>10)))
        <td style="color:red" banco="{{$expedientes->banco}}" tamanio="{{ number_format($archivos_exp->size/1024/1024, 2, '.', ',')}}"><b>{{ number_format($archivos_exp->size/1024/1024, 2, '.', ',')}} Mb</b> Tamaño Excedido</td>                      
        @else
        <td style="color:green" banco="{{$expedientes->banco}}" tamanio="{{ number_format($archivos_exp->size/1024/1024, 2, '.', ',')}}">{{ number_format($archivos_exp->size/1024/1024, 2, '.', ',')}} Mb</td>                     
        @endif        
        <td> <center> 
          <a href="{{ config('services.url_global.key') }}/storage/app/{{$archivos_exp->archivo}}" target="_blank">Ver</a>
        </center> 
        </td>  
        
         <td class="text-center">
          @if(($expedientes->estado1 <= 1)) 

            <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('expedientes/delete_file_exp')}}">
              @csrf

                <input type="hidden" name="id" value="{{$archivos_exp->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>
          @endif        
          </td>

        </tr>
                    @endforeach                

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

<!-- OBSERVACIONES  -->

 
   
<!-- FIN CARDA BODY -->

@if(!$expedientes->id_cancelar)
            @if(count($archivos_exp_abajo)>0)
                  @if((($expedientes->estado2 == 1)||($expedientes->estado2 == 4))&&($expedientes->estado1 == 1))
                    @if((Auth::user()->current_team_id==1)||(Auth::user()->current_team_id==3)||(Auth::user()->current_team_id==4))  <!--  COORDINADOR -->
                    <button style="float: right;" type="button" id="guardar_btn_coord_abajo" name="guardar_btn"   class="btn btn-outline-warning" data-bs-toggle="modal"
                  data-bs-target="#ModalCoordinadorPrecalif" >Enviar a Coordinador</button>
                    @endif
                  @endif
              @endif



              @if(($expedientes->estado2 != 3)&&($expedientes->estado1 == 1))
                @if((Auth::user()->current_team_id==1)||(Auth::user()->current_team_id==3)||(Auth::user()->current_team_id==4)) <!--  ASESOR, GERENTE, DIRECTOR -->
                  <button style="float: right;" type="submit" id="guardar_btn_guardar_abajo" name="guardar_btn" value="guardar_form" class="btn btn-primary" >Guardar </button>
                @endif
              @endif

               <!--  FIN MODAL ENVIAR AL ASESOR -->

              @if(($expedientes->estado2 == 3)&&($expedientes->estado1 == 1))
                @if((Auth::user()->current_team_id==1)||(Auth::user()->current_team_id==5)) <!--  ASESOR, GERENTE, DIRECTOR -->
                  <button style="float: right;" type="button" id="guardar_btn_respuesta_abajo" name="guardar_btn"   class="btn btn-warning" data-bs-toggle="modal"
              data-bs-target="#ModalAsesor" >Enviar respuesta</button>
                @endif
              @endif

              <!--  FIN MODAL ENVIAR A AVALÚO -->

              @if((($expedientes->estado2 == 4)&&($expedientes->garantia==0))&&($expedientes->estado1 == 1))
                @if((Auth::user()->current_team_id==1)||(Auth::user()->current_team_id==3)||(Auth::user()->current_team_id==4)) <!--  ASESOR, GERENTE, DIRECTOR -->
                  <button style="float: right;"  type="button" id="guardar_btn_cambiostatus_abajo" name="guardar_btn"  class="btn btn-warning"  >Enviar a Avalúo</button>


                @endif
              @endif
@else
<div class="alert alert-danger mt-2" role="alert">
    <strong>Expediente cancelado.</strong> Este expediente fue cancelado y no puede ser modificado.
    @if($expedientes->comentarios_cancelar)
        <br><small>Motivo: {{ $expedientes->comentarios_cancelar }}</small>
    @endif
</div>
@endif


            
            </div>
            </div>
<!-- FIN CARD  TODO -->
<!---------------------TABS------------------------------------------->
  
      

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

  </div>



    <div id="exampleModalCenter" class="modal fade" tabindex="-1" role="dialog"
                    aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                      <div class="modal-content">
                        <form method="POST" action="{{ route('expedientes/cancelar') }}">
                          @csrf
                          <input type="hidden" name="id" value="{{ $expedientes->id }}">

                          <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalCenterTitle">¿Seguro que desea cancelar el expediente?</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                          </div>
                          <div class="modal-body">
                            <p>Agregue un comentario o justificación para la cancelación</p>
                            <input id="cancel_detalle" name="cancel_detalle" type="text" class="form-control" placeholder="Motivo de cancelación" value="" required>
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                            <button type="submit" class="btn btn-danger">Cancelar Expediente</button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
 
          <!-- Modal Enviar a Coordinador -->
        
                   <div id="ModalCoordinadorPrecalif" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="ModalCoordinadorPrecalifTitle" aria-hidden="true">
                          <div class="modal-dialog modal-dialog-centered" role="document">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h5 class="modal-title" id="ModalCoordinadorPrecalifTitle">Cambio de status</h5>
                              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>

                            
                            <div class="modal-body">
                              <p>Agregue comentarios</p> 
                                <textarea id="observaciones_coordinador_abajo" name="observaciones_coordinador_abajo" type="text" class="form-control" rows="5" ></textarea>  
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                              
                                <button type="button" id="guardar_btn_coord_abajo_submit" name="guardar_btn_coord_abajo_submit" value="enviar_coord"  class="btn btn-warning">Enviar a Coordinador</button>
                       
                            </div>
                          </div>
                        </div>
                      </div>
       

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

            <!-- Modal Enviar a Asesor -->
        
                   <div id="ModalAsesor" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="ModalAsesorTitle" aria-hidden="true">
                          <div class="modal-dialog modal-dialog-centered" role="document">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h5 class="modal-title" id="ModalAsesorTitle">Envío de Respuesta</h5>
                              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>

                            
                            <div class="modal-body">
                              <p>Agregue comentarios</p> 
                                <textarea id="observaciones_asesor_abajo" name="observaciones_asesor_abajo" type="text" class="form-control" rows="5" ></textarea>  
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                              
                                <button type="button" id="guardar_btn_respuesta_abajo_submit" name="guardar_btn_respuesta_abajo_submit" value="enviar_coord"  class="btn btn-warning">Responder al Asesor</button>
                       
                            </div>
                          </div>
                        </div>
                      </div>
       

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

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

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

<!-- DataTables Buttons -->
<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.bootstrap5.min.js"></script>

<!-- Export buttons -->
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.colVis.min.js"></script>

<!-- Dependencias para CSV / Excel -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>

  
    <script src="https://cdn.jsdelivr.net/npm/autonumeric@4.10.8"></script>


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


    <script>

var formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
});
 

  let autoNumericIngresos;
    const moneyOptions = {
        digitGroupSeparator: ',',
        decimalCharacter: '.',
        currencySymbol: '$ ',
        currencySymbolPlacement: 'p',
        decimalPlaces: 2
    };
 

       
 $(document).ready(function()
            { 
        autoNumericIngresos = new AutoNumeric('#monto_solicitado', moneyOptions);
        autoNumericIngresos_2 = new AutoNumeric('#monto_solicitado_M', moneyOptions);


$('#guardar_btn_coord_abajo_submit').click(function() {  
      $('#observaciones_coordinador').val($('#observaciones_coordinador_abajo').val()); // Dispara el evento click del botón 2  
      $('#guardar_btn_coord').click(); // Dispara el evento click del botón 2
    });

$('#guardar_btn_guardar_abajo').click(function() {
      $('#guardar_btn_guardar').click(); // Dispara el evento click del botón 2
    });

$('#guardar_btn_respuesta_abajo_submit').click(function() { 
      $('#observaciones_asesor').val($('#observaciones_asesor_abajo').val()); // Dispara el evento click del botón 2  
      $('#guardar_btn_respuesta').click(); // Dispara el evento click del botón 2
    });

$('#guardar_btn_cambiostatus_abajo').click(function() {
      $('#guardar_btn_cambiostatus').click(); // Dispara el evento click del botón 2
    });

$('#guardar_btn_cobro_abajo').click(function() {
      $('#guardar_btn_cobro').click(); // Dispara el evento click del botón 2
    });

    if ($("#tipo_cliente_inicio").val()==0){
    $("#persona_moral").hide();
    $("#persona_fisica").show();

   }
   else{
    $("#persona_moral").show();
    $("#persona_fisica").hide();
   }
     
     // [ Configuration Option ]
     // [ Configuration Option ]
     // [ Configuration Option ]
     // [ Configuration Option ]
   $('#table-inventory-cat').DataTable({
    responsive: false,
    ordering: false,
    autoWidth: false,
    pagingType: 'full_numbers',
    dom:
        "<'row mb-3'<'col-md-6'><'col-md-6 text-end'B>>" +
        "<'row'<'col-12'tr>>" +
        "<'row'<'col-md-5'i><'col-md-7'p>>",
    buttons: [] // sin botones
});

        $('#table-requisicion').DataTable({
        responsive: false,
        ordering: false,
        autoWidth: false,
        pagingType: 'full_numbers',
        dom:
        "<'row mb-3'<'col-md-6'><'col-md-6 text-end'B>>" +
        "<'row'<'col-12'tr>>" +
        "<'row'<'col-md-5'i><'col-md-7'p>>",
    buttons: [] // sin botones
    });


$('#formulario_1').on('submit', function () {
    $('#monto_solicitado').val(autoNumericIngresos.getNumber());
    $('#monto_solicitado_M').val(autoNumericIngresos.getNumber());
});

$('#formulario_2').on('submit', function () {
    $('#monto_solicitado').val(autoNumericIngresos.getNumber());
    $('#monto_solicitado_M').val(autoNumericIngresos.getNumber());
});

 $('#monto_solicitado').on('input', function () {
    $('#monto_solicitado_M').val(autoNumericIngresos.getNumber());
});


$('#guardar_btn_coord_abajo_submit').click(function() {

    let btn = $(this);

    // Evitar doble click
    if (btn.prop('disabled')) return;

    btn.prop('disabled', true);

    btn.html(`
        <span class="spinner-border spinner-border-sm me-1"></span>
        Procesando...
    `);

    // Tu lógica original
    $('#observaciones_coordinador').val($('#observaciones_coordinador_abajo').val());
    $('#guardar_btn_coord').click();

});

$('#guardar_btn_respuesta_abajo_submit').click(function() {

    let btn = $(this);

    // Evitar doble click
    if (btn.prop('disabled')) return;

    btn.prop('disabled', true);

    btn.html(`
        <span class="spinner-border spinner-border-sm me-1"></span>
        Procesando...
    `);

    // Tu lógica original
    $('#observaciones_coordinador').val($('#observaciones_coordinador_abajo').val());
    $('#guardar_btn_coord').click();

});



    }); // FIN DE DOCUMENTO

 $(document).on('click', 'button[type="submit"]', function () {

    let btn = $(this);

    // Dejar que el submit continúe (IMPORTANTE)
    setTimeout(() => {

        // Deshabilitar después de que ya inició el submit
        btn.prop('disabled', true);

        btn.html(`
            <span class="spinner-border spinner-border-sm me-1"></span>
            Procesando...
        `);

    }, 10);
 

});

 $(document).ready(function() {

    // Seleccionar todos
    $('#checkAll').on('change', function() {
        $('.check-file').prop('checked', $(this).prop('checked'));
    });

    // Botón descargar seleccionados
    $('#btnDownloadSelected').click(function () {

        let ids = [];

        $('.check-file:checked').each(function () {
            ids.push($(this).val());
        });

        if(ids.length === 0){
            alert('Selecciona al menos un archivo');
            return;
        }

        $('#idsSeleccionados').val(ids.join(','));
        $('#formDownloadSelected').submit();
    });

});

 function cambia_persona(argument) {
 

   if (argument==0){
    $("#persona_moral").hide();
    $("#persona_fisica").show(); 

   }
   else{
    $("#persona_moral").show();
    $("#persona_fisica").hide();
   }
    $("#tipo_cliente_M").val(argument); 
 }

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

  }    


 
 
    </script>
<script>

$('#bancos').change(function(){

    var banco_id = $(this).val();

    if(banco_id != ''){

        $.ajax({

            url: '../../coordinadores-banco/'+banco_id,
            type: 'GET',

            success:function(data){

                $('#coordinador').empty();
                $('#coordinador').append('<option value="">Seleccione coordinador</option>');

                $.each(data,function(key,value){

                    $('#coordinador').append(
                        '<option value="'+value.id+'">'+value.name+'</option>'
                    );

                });

            }

        });

    }

});

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