@extends('layouts.kaiadmin.master')

@section('template_title')
    Editar Lectura
@endsection

@section('content')
<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

<section class="content container-fluid">
    <br>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 col-md-10">

                @includeif('partials.errors')

                <div class="card card-primary shadow-sm">
                    <div class="card-header">
                        <h3 class="card-title"><i class="fas fa-edit"></i> Editar Lectura</h3>
                    </div>
                    <div class="card-body">
                        <form method="POST" id="lecturaForm" action="{{ route('lecturas.update', $lectura->id) }}" role="form" enctype="multipart/form-data">
                            {{ method_field('PATCH') }}
                            @csrf

                            <input type="hidden" name="inicio" value="{{ request('inicio') }}">
                            <input type="hidden" name="final" value="{{ request('final') }}">
                            <input type="hidden" name="id" value="{{ request('id') }}">

                            @include('lectura.form')
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        // Captura el formulario
        const form = document.querySelector("#lecturaForm");

        // Captura el botón de guardar
        const submitButton = document.querySelector("button[type='submit']");

        // Añade un evento al botón
        submitButton.addEventListener("click", function (e) {
            e.preventDefault(); // Evita el envío directo del formulario

            // Lanza SweetAlert para la confirmación
            Swal.fire({
                title: "¿Está seguro?",
                text: "¿Desea guardar los cambios realizados?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#3085d6",
                cancelButtonColor: "#d33",
                confirmButtonText: "Sí, guardar",
                cancelButtonText: "Cancelar"
            }).then((result) => {
                if (result.isConfirmed) {
                    // Verifica si el formulario existe antes de enviarlo
                    if (form) {
                        form.submit(); // Envía el formulario
                    } else {
                        console.error("Formulario no encontrado");
                    }
                }
            });
        });
    });
</script>


@endsection