@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">
            @include('RegistroCiudadano.busqueda')
            <form name="listado" id="listado" class="form" method="POST" enctype="multipart/form-data" autocomplete="off">
                <input type="hidden" name="contador" id="contador" readonly>
                @include('RegistroCiudadano.infoGeneral')
                @include('RegistroCiudadano.domicilioIdentificacion')
                @include('RegistroCiudadano.domicilioActual')
                @include('RegistroCiudadano.expediente')
                @include('RegistroCiudadano.gestiones')
                <div class="col-md-12 row mb-20 py-2">
                    <div class="container text-center">                 
                        <button type="button" name="submit_data" id="submit_data" class="btn btn-success btn-lg btn-block mt-15">
                            <span class="indicator-label">
                                <span id="btn-text-submit">Guardar</span>
                            </span>
                            <span class="indicator-progress">Espere ...
                            <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                        </button>
                    </div>
                </div>
            </form>
            @include('RegistroCiudadano.gestionesSolicitadas')
        </div>
    </div>
    <!--end::Content-->
</div>
<!--end::Content wrapper-->
@endsection
@section('modales')
    @include('RegistroCiudadano.modal_buscar')
    @include('RegistroCiudadano.modal_gestionesRegistradas')
@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('assets/plugins/custom/prismjs/prismjs.bundle.js') }}"></script>
<script src="{{ asset('js/RegistroCiudadano/maps.js') }}"></script>
<script src="{{ asset('js/RegistroCiudadano/dt_search.js') }}"></script>
<script src="{{ asset('js/RegistroCiudadano/dt_gestiones.js') }}"></script>
<script src="{{ asset('js/RegistroCiudadano/dt_gestionesRegistradas.js') }}"></script>
<script src="{{ asset('js/helpers/curp.js') }}"></script>
<script src="{{ asset('js/RegistroCiudadano/RegistroCiudadano.js?v=1.0.1') }}"></script>
<script src="{{ asset('js/RegistroCiudadano/validate_registro.js') }}"></script>
<script src="{{ asset('js/RegistroCiudadano/gestiones.js') }}"></script>
@endsection