@extends('masushuaia.plantilla')
@section('titulo', $titulo)
@section('scripts')
<script>
    globalId = '0';
    </script>
@endsection
@section('breadcrumb1')
<a title="Salir" href="#" class="btn-blue py-1 px-2 mr-2" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span><i class="fas fa-arrow-left"></i></span></a>
@endsection
@section('breadcrumb')

@if ($globalId > 0)
<div id="btnEliminar" class="d-inline-block">
    <a title="Eliminar" href="#" class="btn-blue py-1 px-4 mr-2" aria-hidden="true" onclick="javascript: $('#mdlEliminar').modal('toggle');"><span>Eliminar</span></a>
</div>
@endif

<div id="btnGuardar" class="d-inline-block">
    <a title="Guardar" href="#" class="btn-blue py-1 px-4" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
</div>

<script>
    function fsalir() {
        location.href = "/beneficiarios";
    }
</script>
@endsection
@section('breadcrumb-list')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/">Inicio</a></li><span class="px-2">/</span>
    <li class="breadcrumb-item"><a href="/beneficiario/campañas">Campañas</a></li>
    <li class="breadcrumb-item active">Nuevo</li>
</ol>
@endsection
@section('contenido')
<div id="msg">
    <div class="col-12"></div>
</div>
<div class="panel-body">
    <form id="form1" method="POST">
        <div class="row">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="hidden" id="id" name="id" class="form-control" value="{{ $globalId }}" required>
            <div class="form-group col-lg-6">
                <label for="txtNombre">Nombre:</label>
                <input type="text" id="txtNombre" name="txtNombre" class="form-control" value="{{ $campania->nombre }}">
            </div>
        </div>
    </form>
</div>
<div class="modal fade" id="mdlEliminar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Eliminar registro?</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <i class="fa fa-times" aria-hidden="true"></i>
                </button>
            </div>
            <div class="modal-body">¿Deseas eliminar el registro actual?</div>
            <div class="modal-footer">
                <button class="btn btn-secondary" type="button" data-dismiss="modal">No</button>
                <button type="button" class="btn btn-primary" onclick="eliminar();">Sí</button>
            </div>
        </div>
    </div>
</div>
<script>
    $("#form1").validate();

    function guardar() {
        if ($("#form1").valid()) {
            modificado = false;
            form1.submit();
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intente nuevamente.", "danger");
            return false;
        }
    }

    function eliminar() {
        $.ajax({
            type: "GET",
            url: "{{ asset('/beneficiario/campaña/eliminar') }}",
            data: {
                id: globalId
            },
            async: true,
            dataType: "json",
            success: function(data) {
                if (data.err == 0) {
                    msgShow("Registro eliminado exitosamente.", "success");
                    $("#btnGuardar").removeClass('d-inline-block');
                    $("#btnEliminar").removeClass('d-inline-block');

                    $("#btnGuardar").hide();
                    $("#btnEliminar").hide();
                    $("#form1").hide();
                    $('#mdlEliminar').modal('toggle');
                } else {
                    $('#mdlEliminar').modal('toggle');
                    msgShow("Error al eliminar", "danger");
                }
            }
        });
    }
</script>
@endsection