@extends('adminlte::page')
@section('plugins.Select2', true)
@section('plugins.jqueryValidation', true)
@section('plugins.Sweetalert2', true)
@section('title', 'Estándar de Vehículos')
@section('content_header')
    <a class="btn btn-dark btn" href="javascript:history.back()"><i class="fas fa-solid fa-arrow-left"></i> REGRESAR</a>
@stop

@section('content')

    <div class="container">
        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title">Nuevo certificado de residuos</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">

                <form data-action="{{ route('certificados-residuos.store') }}" method="POST" id="certificadoResiduosForm"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label>Arrendadora</label>
                        <input type="text" id="arrendadora_id" class="form-control" name="arrendadora">
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Tipo residuo</label>
                                <input type="text" id="tipo_residuo_id" class="form-control" name="tipo_residuo">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Cantidad residuos:</label>
                                <input type="text" id="cantidad_residuo_id" class="form-control" name="cantidad_residuo">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Período Semestral:</label>
                        <select class="form-control" style="width: 100%" id="periodo_sementral_id" name="periodo_sementral">
                            <option value="Primer  semestre">Primer semestre</option>
                            <option value="Segundo semestre">Segundo Semestre</option>
                        </select>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Fecha Máxima de Recepción del Certificado</label>
                                <input type="date" id="fecha_maxima_recepcion_id" min="{{ $date }}"
                                    class="form-control" name="fecha_maxima_recepcion">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Fecha de Recepción</label>
                                <input type="date" id="fecha_recepcion_id" value="{{ $date }}"
                                    class="form-control" name="fecha_recepcion">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Fecha de Vencimiento</label>
                                <input type="date" id="fecha_vencimiento_id" min="{{ $date }}"
                                    class="form-control" name="fecha_vencimiento">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Vigencia(Opcional)</label>
                                <input type="number" id="vigencia_id" class="form-control" onchange="Vigencia()">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Responsable Seguimiento:</label>
                        <select class="form-control" style="width: 100%" id="user_id_id" name="user_id">

                        </select>
                    </div>
                    <div class="form-group">
                        <label>Normativa:</label>
                        <select class="form-control" style="width: 100%" id="normativa_id" name="normativa">
                            <option value="Ley N°20.920">Ley N°20.920</option>
                            <option value="DS N°148">DS N°148</option>
                            <option value="DS N°189">DS N°189</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label>Huella Carbono(Opcional):</label>
                        <input type="text" id="huella_carbono_id" class="form-control" name="huella_carbono">
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Folio SIDREP(Opcional):</label>
                                <input type="text" id="folio_sidrep_id" class="form-control" name="folio_sidrep"
                                    onchange="sidrepFecha()">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Fecha de Emisión SIDREP(Opcional)</label>
                                <input type="date" id="fecha_emision_sidrep_id" min="{{ $date }}"
                                    class="form-control" name="fecha_emision_sidrep" disabled>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Observaciones(Opcional)</label>
                        <textarea class="form-control" id="observaciones_id" name="observaciones" rows="4"></textarea>
                    </div>
                    <div class="form-group">
                        <label>Archivo:</label>
                        <input type="file" name="file" id="file_id" accept=".pdf">
                    </div>
                    <x-adminlte-button class="float-right" type="submit" icon="fas fa-plus-circle"
                        label="Registrar Archivo" theme="primary" />
                </form>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
    <script>
        $('#user_id_id').select2({
            ajax: {
                url: "{{ route('api.responsable') }}",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        term: params.term
                    }
                },
                processResults: function(data) {
                    return {
                        results: data
                    }
                }
            },
            placeholder: 'Seleccione un responsable',
            theme: "bootstrap",
        });

        $('#certificadoResiduosForm').validate({
            submitHandler: function(form) {
                var url = $(form).attr('data-action');
                $.ajax({
                    url: url,
                    method: 'POST',
                    data: new FormData(form),
                    dataType: 'JSON',
                    contentType: false,
                    cache: false,
                    processData: false,
                    success: function(data) {
                        //console.log(data);
                        msjExito(data['success']);
                    },
                    error: function(err) {
                        if (err.responseJSON.error) {
                            msjError(err.responseJSON.error);
                        } else {
                            msjError('¡Hubo un erro al subir el archivo!');
                        }
                    }
                });

            },
            rules: {
                arrendadora: {
                    required: true,
                },
                tipo_residuo: {
                    required: true,
                },
                cantidad_residuo: {
                    required: true,
                },
                periodo_sementral: {
                    required: true,
                },  
                fecha_maxima_recepcion: {
                    required: true,
                    date: true,
                },  
                fecha_recepcion: {
                    required: true,
                    date: true,
                },
                fecha_vencimiento: {
                    required: true,
                    date: true,
                },
                vigencia: {
                    min: 1,
                },
                user_id: {
                    required: true,
                },
                normativa: {
                    required: true,
                },
                file: {
                    required: true,
                },  
  
            },
            messages: {
                tipo_estandar: {
                    required: "Es requerido seleccionar un tipo de estándar",
                },
                faena_id: {
                    required: "Es requerido seleccionar una faena",
                },
                fecha_emision_estandar: {
                    required: "Es requerido seleccionar una fecha",
                    date: true,
                },
                fecha_vencimiento_estandar: {
                    required: "Es requerido seleccionar una fecha",
                    date: true,
                },
                proxima_revision: {
                    required: "Es requerido seleccionar una fecha",
                    date: true,
                },
                observaciones: {
                    maxlength: "El campo no debe tener más de 255 caracteres",
                },
                file: {
                    required: "Es requerido seleccionar un archivo",
                },
                vigencia: {
                    min: "El valor debe ser mayor a 0",
                },
            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });

        function Vigencia() {
            var vigencia = document.getElementById("vigencia_id");
            var fechaE = document.getElementById("fecha_recepcion_id");
            var fechaV = document.getElementById("fecha_vencimiento_id");
            if (vigencia.value != "" && vigencia.value > 0) {
                var fecha = new Date(fechaE.value);
                fecha.setMonth(fecha.getMonth() + parseInt(vigencia.value));
                fechaV.value = fecha.toISOString().substr(0, 10);
            }
        }

        function sidrepFecha() {
            var folio_sidrep = document.getElementById("folio_sidrep_id");
            var fecha_emision_sidrep = document.getElementById("fecha_emision_sidrep_id");

            if (folio_sidrep.value != "") {
                fecha_emision_sidrep.disabled = false;
            } else {
                fecha_emision_sidrep.disabled = true;
                fecha_emision_sidrep.value = null;
            }
        }
    </script>


<script src="{{ asset('/js/sweet.js') }}"></script>
@stop