@extends('master')
@section('styles')
<style>
  /* Solo afecta a las imágenes dentro del bloque Expediente */
  .expediente-section .doc-img {
    width: 200px;
    height: 130px;
    object-fit: cover;
    border-radius: 15px;
    border: 2px solid #eee;
    transition: transform 0.2s ease;
  }

  .expediente-section .doc-img:hover {
    transform: scale(1.05);
  }

  /* Solo afecta a los fv-row dentro del bloque de Expediente */
  .expediente-section .fv-row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .expediente-section .fv-row label.fs-6 {
    margin-bottom: 10px;
  }
</style>
@endsection
@section('content')
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA95BKEwCCowDR5prODT4esukzD2yWGG04"></script>
<!--begin::Content wrapper-->
<div class="d-flex flex-column flex-column-fluid">
    <!--end::Toolbar-->
    <!--begin::Content-->
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <div class="app-container container-fluid">
            <form name="listado" id="listado" class="form" method="POST" enctype="multipart/form-data" autocomplete="off">
                <div class="card mb-2 mb-xl-10 ">
                    <div class="card-header py-1" style="background-color:#00B041;">
                        <div class="card-title" >
                            <h3>Seguimiento a Solicitud Ciudadana</h3><br>
                        </div>
                    </div>
                    <div class="card-body pt-0 pb-0 my-2">
                        <div class="mb-13 mt-8">
                            @php $infoges = (object)$gestion; @endphp
                                <div class="col-md-12 row mt-4 fv-row">
                                <div class="col-md-4 fv-row mt-4">
                                    <label class="fs-6 fw-semibold mb-2"><span>Estructura:</span></label>
                                    <input type="text" name="estructura" id="estructura" value="{{ $infoges->estructura_nip }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                                <div class="col-md-4 fv-row mt-4">
                                    <label class="fs-6 fw-semibold mb-2"><span>Jerarquia:</span></label>
                                    <input type="text" name="jerarquia" id="jerarquia" value="{{ $infoges->jerarquia }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                                <div class="col-md-4 fv-row mt-4">
                                    <label class="fs-6 fw-semibold mb-2"><span>Folio:</span></label>
                                    <input type="text" name="folio" id="folio" value="{{ $infoges->idgestion }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                            </div>

                            <div class="col-md-12 row mt-4 fv-row">
                                <div class="col-md-3 fv-row mt-4">
                                    <label class="fs-6 fw-semibold mb-2"><span>Nombre:</span></label>
                                    <input type="text" name="nombre" id="nombre" value="{{ $infoges->nombre }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                                <div class="col-md-3 fv-row mt-4">
                                    <label class="fs-6 fw-semibold mb-2"><span>Apellido Paterno:</span></label>
                                    <input type="text" name="paterno" id="paterno" value="{{ $infoges->apellido_paterno }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                                <div class="col-md-3 fv-row mt-4">
                                    <label class="fs-6 fw-semibold mb-2"><span>Apellido Materno:</span></label>
                                    <input type="text" name="materno" id="materno" value="{{ $infoges->apellido_materno }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                                <div class="col-md-3 fv-row mt-4">
                                    <label class="fs-6 fw-semibold mb-2"><span>Fecha Nacimiento:</span></label>
                                    <input type="text" name="fecha_nacimiento" id="fecha_nacimiento" value="{{ $infoges->fecha_nacimiento }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                            </div>

                            <div class="col-md-12 row mt-4 fv-row">
                                <div class="col-md-3 fv-row mt-3">
                                    <label class="fs-6 fw-semibold mb-2"><span>Colonia:</span></label>
                                    <input type="text" name="colonia" id="colonia" value="{{ $infoges->colonia }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                                <div class="col-md-3 fv-row mt-3">
                                    <label class="fs-6 fw-semibold mb-2"><span>Calle:</span></label>
                                    <input type="text" name="calle" id="calle" value="{{ $infoges->calle }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                                <div class="col-md-3 fv-row mt-3">
                                    <label class="fs-6 fw-semibold mb-2"><span>Num ext:</span></label>
                                    <input type="text" name="num_ext" id="num_ext" value="{{ $infoges->num_ext }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                                <div class="col-md-3 fv-row mt-3">
                                    <label class="fs-6 fw-semibold mb-2"><span>Num int:</span></label>
                                    <input type="text" name="num_int" id="num_int" value="{{ $infoges->num_int }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                            </div>

                            <div class="col-md-12 row mt-4 fv-row">
                                <div class="col-md-3 fv-row mt-3">
                                    <label class="fs-6 fw-semibold mb-2"><span>Codigo:</span></label>
                                    <input type="text" name="codigo" id="codigo" value="{{ $infoges->codigo }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                                <div class="col-md-3 fv-row mt-3">
                                    <label class="fs-6 fw-semibold mb-2"><span>Teléfono celular:</span></label>
                                    <input type="text" name="telefono_celular" id="telefono_celular" value="{{ $infoges->telefono }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                                <div class="col-md-3 fv-row mt-3">
                                    <label class="fs-6 fw-semibold mb-2"><span>Teléfono casa:</span></label>
                                    <input type="text" name="telefono_casa" id="telefono_casa" value="{{ $infoges->telefono_fijo }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                                <div class="col-md-3 fv-row mt-3">
                                    <label class="fs-6 fw-semibold mb-2"><span>Municipio:</span></label>
                                    <input type="text" name="municipio" id="municipio" value="{{ $infoges->municipio }}" class="form-control py-2" autocomplete="off" readonly>
                                </div>
                            </div>
                
                            
                        </div>
                    </div>
                </div>

                <div class="card mb-2 mb-xl-10 ">
                    <div class="card-header py-1" style="background-color:#00B041;">
                        <div class="card-title" >
                            <h3>Detalle de la gestión</h3><br>
                        </div>
                    </div>
                    <div class="card-body pt-0 pb-0 my-2">
                        <div class="mb-13 mt-8">
                            @php $infoges = (object)$gestion; @endphp
                            @if($infoges->estatus=='Finalizado')
                                <div class="col-md-12 row mt-4 fv-row">
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Categoria:</span></label>
                                        <input type="text" name="categoria2" id="categoria2" value="{{ $infoges->categoria }}" class="form-control py-2" autocomplete="off" readonly>
                                    </div>
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Subcategoria:</span></label>
                                        <input type="text" name="subcategoria2" id="subcategoria2" value="{{ $infoges->subcategoria }}" class="form-control py-2" autocomplete="off" readonly>
                                    </div>
                                
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Estatus:</span></label>
                                        <input type="text" name="estatus2" id="estatus2" value="{{ $infoges->estatus }}" class="form-control py-2" autocomplete="off" readonly>
                                    </div>
                                </div>
                                
                                <div class="col-md-12 row mt-4 fv-row">
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Responsable:</span></label>
                                        <input type="text" name="nombre" id="nombre" value="{{ $infoges->responsable }}" class="form-control py-2" autocomplete="off" readonly>
                                    </div>
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Origen:</span></label>
                                        <input type="text" name="origen2" id="origen2" value="{{ $infoges->origen }}" class="form-control py-2" autocomplete="off" readonly>
                                    </div>
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Evento:</span></label>
                                        <input type="text" name="evento" id="evento" value="{{ $infoges->evento }}" class="form-control py-2" autocomplete="off" readonly>
                                    </div>
                                </div>
                                
                                <div class="col-md-12 row mt-4 fv-row">
                                    <div class="col-md-6 fv-row mt-3">
                                        <label class="fs-6 fw-semibold mb-2"><span>Detalle de la gestión:</span></label>
                                        <textarea name="detalle_gestion" id="detalle_gestion" class="form-control py-2" rows="7" readonly>{{ $infoges->detalle }}</textarea>
                                    </div>
                                    <div class="col-md-6 fv-row mt-3">
                                        <label class="fs-6 fw-semibold mb-2"><span>Detalle de la atención brindada:</span></label>
                                        <textarea name="atencion_brindada" id="atencion_brindada" class="form-control py-2" rows="7" readonly>{{ $infoges->detalle_atencion_brindada }}</textarea>
                                    </div>
                                </div>
                                
                                <div class="col-md-12 row mt-4 fv-row">
                                    <div class="col-md-3 fv-row mt-3">
                                        <label class="fs-6 fw-semibold mb-2"><span>Codigo:</span></label>
                                        <input type="text" name="codigo" id="codigo" value="{{ $infoges->codigo }}" class="form-control py-2" autocomplete="off" readonly>
                                    </div>
                                    <div class="col-md-3 fv-row mt-3">
                                        <label class="fs-6 fw-semibold mb-2"><span>Teléfono celular:</span></label>
                                        <input type="text" name="telefono_celular" id="telefono_celular" value="{{ $infoges->telefono }}" class="form-control py-2" autocomplete="off" readonly>
                                    </div>
                                    <div class="col-md-3 fv-row mt-3">
                                        <label class="fs-6 fw-semibold mb-2"><span>Teléfono casa:</span></label>
                                        <input type="text" name="telefono_casa" id="telefono_casa" value="{{ $infoges->telefono_fijo }}" class="form-control py-2" autocomplete="off" readonly>
                                    </div>
                                    <div class="col-md-3 fv-row mt-3">
                                        <label class="fs-6 fw-semibold mb-2"><span>Municipio:</span></label>
                                        <input type="text" name="municipio" id="municipio" value="{{ $infoges->municipio }}" class="form-control py-2" autocomplete="off" readonly>
                                    </div>
                                </div>
                            @else
                                <div class="col-md-12 row mt-4 fv-row">
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Categoria:</span></label>
                                        @if(Auth::user()->cambio_categoria == 1)
                                            <select class="form-control py-2" name="categoria" id="categoria">
                                                <option value="{{ $infoges->categoria }}" selected>{{ $infoges->categoria }}</option>
                                                @foreach($categorias as $categoria)
                                                @if($categoria->categoria != $infoges->categoria)
                                                <option value="{{ $categoria->categoria }}">{{ $categoria->categoria }}</option>
                                                @endif
                                                @endforeach
                                            </select>
                                        @else
                                            <input type="text" name="categoria" id="categoria" value="{{ $infoges->categoria }}" class="form-control py-2" autocomplete="off" readonly>
                                        @endif
                                        
                                    </div>
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Subcategoria:</span></label>
                                        @if(Auth::user()->cambio_categoria == 1)
                                            <select class="form-control py-2" name="subcategoria" id="subcategoria">
                                                @foreach($subcategorias as $subcategoria)
                                                <option value="{{ $subcategoria->id }}" 
                                                    {{ $subcategoria->subcategoria == $infoges->subcategoria ? 'selected' : '' }}>
                                                    {{ $subcategoria->subcategoria }}
                                                </option>
                                                @endforeach
                                            </select>
                                        @else
                                            <input type="text" name="subcategoria" id="subcategoria" value="{{ $infoges->subcategoria }}" class="form-control py-2" autocomplete="off" readonly>
                                        @endif
                                    </div>
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Estatus:</span></label>
                                        <select class="form-control py-2" name="estatus" id="estatus" onchange="CamposOcultos(this.value)">
                                            <option value="Propuesta Obra Servicio" @selected($infoges->estatus == 'Propuesta Obra Servicio')>
                                                Propuesta Obra | Servicio
                                            </option>
                                            <option value="En trámite" @selected($infoges->estatus == 'En trámite')>
                                                En trámite
                                            </option>
                                            <option value="Lista de Espera" @selected($infoges->estatus == 'Lista de Espera')>
                                                Lista de Espera
                                            </option>
                                            <option value="Atendiendo" @selected($infoges->estatus == 'Atendiendo')>
                                                Atendiendo
                                            </option>
                                            <option value="Falta papelería" @selected($infoges->estatus == 'Falta papelería')>
                                                Falta papelería
                                            </option>
                                            <option value="Finalizado" @selected($infoges->estatus == 'Finalizado')>
                                                Finalizado
                                            </option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-12 row mt-4 fv-row">
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Responsable:</span></label>
                                        <input type="text" name="nombre" id="nombre" value="{{ $infoges->responsable }}" class="form-control py-2" autocomplete="off" readonly>
                                    </div>
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Origen:</span></label>
                                        <select class="form-control py-2" name="origen" id="origen">
                                            @foreach($origenes as $origen)
                                            <option value="{{ $origen->id }}" 
                                                {{ $origen->id == $infoges->origen ? 'selected' : '' }}>
                                                {{ $origen->origen }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-4 fv-row mt-4">
                                        <label class="fs-6 fw-semibold mb-2"><span>Evento:</span></label>
                                        <input type="text" name="evento" id="evento" value="{{ $infoges->evento }}" class="form-control py-2" autocomplete="off">
                                    </div>
                                </div>

                                <div class="col-md-12 row mt-4 fv-row">
                                    <div class="col-md-4 fv-row mt-4" id="div_atencion_brindada" style="display:none;" onchange="divpapeleria()">
                                        <label class="fs-6 fw-semibold mb-2"><span>Atención brindada:</span></label>
                                        <select class="form-control py-2" name="atencionbrindada" id="atencionbrindada">
                                            <option value="">Elige</option>
                                            <option value="Servicio/Apoyo Brindado">Servicio/Apoyo Brindado</option>
                                            <option value="No Concretada">No Concretada</option>
                                            <option value="No Viable">No Viable</option>
                                        </select>
                                    </div>

                                    <div class="col-md-4 fv-row mt-4" id="div_papeleria" style="display:none;">
                                        <label class="fs-6 fw-semibold mb-2"><span>¿Entregó papelería?:</span></label>
                                        <select class="form-control py-2" name="entregopapeleria" id="entregopapeleria">
                                            <option value="">Elige</option>
                                            <option value="Si">Si</option>
                                            <option value="No">No</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-12 row mt-4 fv-row">
                                    <div class="col-md-6 fv-row mt-3">
                                        <label class="fs-6 fw-semibold mb-2"><span>Detalle de la gestión:</span></label>
                                        <textarea name="detalle_gestion" id="detalle_gestion" class="form-control py-2" rows="7">{{ $infoges->detalle }}</textarea>
                                    </div>
                                    <div class="col-md-6 fv-row mt-3" id="div_detalle_atencion_brindada" style="display:none;">
                                        <label class="fs-6 fw-semibold mb-2"><span>Detalle de la atención brindada:</span></label>
                                        <textarea name="atencion_brindada" id="atencion_brindada" class="form-control py-2" rows="7"></textarea>
                                    </div>
                                </div>
                            @endif
                            
                        </div>
                    </div>
                </div>

                <div class="col-md-12 row mb-20 py-2">
                    <div class="container text-center">                 
                        <button type="button" name="submit_data" onclick="get_info_search(event)" id="submit_data" class="btn btn-success btn-lg btn-block mt-15">
                            <span class="indicator-label">
                                <span id="btn-text-submit">Traer gestiones</span>
                            </span>
                            <span class="indicator-progress">Espere ...
                            <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!--end::Content-->
</div>
<!--end::Content wrapper-->
@endsection
@section('javascript')
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="{{ asset('assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
<script src="{{ asset('js/seguimiento/detalle_gestion.js?v=1.0.0') }}"></script>
<script src="{{ asset('assets/plugins/custom/prismjs/prismjs.bundle.js') }}"></script>
@endsection