@extends("ushuaia.web.plantilla")
@section("contenido")
<script>
    globalId = '0';
    </script>

<section class="nuevo-descuento pb-5">
    <div class="container">

        
        <div class="row py-sm-4 atras">
            <div class="col-12">
                <a href="/comercio/descuentos" class="fas fa-arrow-left icon"></a>
                <a href="/comercio/descuentos">
                    <h2 class="d-inline-block text">Volver a los descuentos</h2>
                </a>
            </div>
        </div>

        <div class="row pt-1">
            <div id="msg"></div>
                    </div>
        <form action="" method="post" id="form1">
            <div class="row fondo-sucursales">
                <div class="col-sm-6 col-12 text-left">
                    <div class="pr-4 pl-4">
                        <h3 class="text-uppercase py-3"></h3>

                        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
                        <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>
                        <div class="form-group">
                            <input class="form-control" type="text" name="txtNombre" id="txtNombre" placeholder="Nombre del descuento. Ej: 2x1..." value="{{$cuponDeDescuento->nombre}}" required maxlength="1000">
                        </div>
                        <div class="form-group">
                            <input class="form-control mb-2" type="text" id="txtAclaracion" name="txtAclaracion" value="{{$cuponDeDescuento->aclaracion}}" placeholder="Aclaración. Ej: En productos de cocina... (Máximo: 255 caracteres)" maxlength="255">
                        </div>
                        <div class="form-group">
                            <select class="form-control mb-2 selected" id="lstTipoDescuento" name="lstTipoDescuento" required>
                                <option class="selected" selected disabled value="">Seleccionar tipo de descuento</option>
                                <option value="1" {{isset($cuponDeDescuento) && $cuponDeDescuento->tipo_descuento == 1? 'selected' : ''}}>$ Precio fijo</option>
                                <option value="2" {{isset($cuponDeDescuento) && $cuponDeDescuento->tipo_descuento == 2? 'selected' : ''}}>% Porcentaje fijo</option>
                            </select>
                        </div>
                        @if (isset($aRubros))
                        <div class="form-group">
                            <select class="form-control mb-2 selected" id="lstRubros" name="lstRubros">
                                @if (isset($cuponDeDescuento->fk_idrubro))
                                <option class="selected" selected value="{{ $cuponDeDescuento->fk_idrubro }}">{{ $cuponDeDescuento->nombre_rubro }}</option>
                                @else
                                <option class="selected" selected disabled value="">Seleccionar rubro</option>
                                @endif
                                @foreach ($aRubros as $rubro)
                                @if ($rubro->idrubro != $cuponDeDescuento->fk_idrubro)
                                <option value="{{ $rubro->idrubro }}">{{ $rubro->nombre }}</option>
                                @endif
                                @endforeach
                            </select>
                        </div>
                        @endif
                        <div class="form-group">
                            <input class="form-control mb-2" type="number" id="txtDescuento" name="txtDescuento" placeholder="Importe del descuento" value="{{$cuponDeDescuento->descuento}}" required>
                        </div>

                        <div class="form-group descuento2 toggle-activo">
                            <input type="checkbox" class="descuento" onchange="fActivarCupon()" id="chkActivo" name="chkActivo" data-toggle="toggle">
                        </div>
                        <div class="form-group">
                            <label for="txtFechaVencimiento">FECHA DE VENCIMIENTO DEL DESCUENTO</label>
                            <div class="row">
                                <div class="col-auto pr-0">
                                    <select class="form-control" id="txtDiaVencimiento" name="txtDiaVencimiento" required>
                                        @if (isset($cuponDeDescuento->fecha_vencimiento))
                                        <option value="{{ date_format(date_create($cuponDeDescuento->fecha_vencimiento), "d") }}">{{ date_format(date_create($cuponDeDescuento->fecha_vencimiento), "d") }}</option>
                                        @else
                                        <option value="">Seleccionar</option>
                                        @endif
                                        @for ($i = 1; $i < 32; $i++) @if ($i < 10) <option value="0{{ $i }}">0{{ $i }}</option>
                                            @else
                                            <option value="{{ $i }}">{{ $i }}</option>
                                            @endif
                                            @endfor
                                    </select>
                                </div>
                                <div class="col-auto pr-0">
                                    <select class="form-control" id="txtMesVencimiento" name="txtMesVencimiento" required>
                                        @if (isset($cuponDeDescuento->fecha_vencimiento))
                                        <option value="{{ date_format(date_create($cuponDeDescuento->fecha_vencimiento), "m") }}">{{ date_format(date_create($cuponDeDescuento->fecha_vencimiento), "m") }}</option>
                                        @else
                                        <option value="">Seleccionar</option>
                                        @endif
                                        @for ($i = 1; $i < 13; $i++) @if ($i < 10) <option value="0{{ $i }}">0{{ $i }}</option>
                                            @else
                                            <option value="{{ $i }}">{{ $i }}</option>
                                            @endif
                                            @endfor
                                    </select>
                                </div>
                                <div class="col-auto pr-0">
                                    <select class="form-control" id="txtAnioVencimiento" name="txtAnioVencimiento" required>
                                        @if (isset($cuponDeDescuento->fecha_vencimiento))
                                        <option value="{{ date_format(date_create($cuponDeDescuento->fecha_vencimiento), "Y") }}">{{ date_format(date_create($cuponDeDescuento->fecha_vencimiento), "Y") }}</option>
                                        @else
                                        <option value="">Seleccionar</option>
                                        @endif
                                        @for ($i = date('Y'); $i < date('Y') + 11; $i++) <option value="{{ $i }}">{{ $i }}</option>
                                            @endfor
                                    </select>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="col-sm-6 col-12 mt-5">
                    <div class="card-sucursales mb-3">
                        <div class="panel-body p-2">
                            <div class="pull-right">
                                <button type="button" class="btn fas fa-plus" onclick="abrirModalSucursales()"></button>
                                <button type="button" class="btn fas fa-trash" onclick="abrirDialogoEliminarSucursales()"></button>
                            </div>

                            <div class="panel-body p-2">
                                <table id="grilla" class="display" style="width:98%">
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th>Sucursales</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-12">
                    <div class="text-center my-2">
                        <button type="button" class="btn py-1 px-5 mb-3" onclick='guardar()'>Guardar</button>
                    </div>
                </div>
        </form>
    </div>
</section>

<div class="modal fade modal-descuento" id="modalSucursales" tabindex="-1" role="dialog" aria-labelledby="modalSucursalesLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalSucursalesLaben" style="color: #1B00B5 !important;">Elegír sucursal</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-12 form-group">
                        <select class="form-control" name="lstSucursal" id="lstSucursal" style="color: #1B00B5 !important;">
                            <option disabled selected value="">Seleccionar</option>
                            @for($i=0; $i < count($array_sucursales); $i++) <option value="{{$array_sucursales[$i]->idsucursal}}">{{$array_sucursales[$i]->nombre}} {{$array_sucursales[$i]->nombre_comercio}}</option>
                                @endfor
                        </select>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn-modal" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn-modal" onclick="fAgregarSucursales()">Agregar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalmsg" tabindex="-1" role="dialog" aria-labelledby="modalmsg">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Eliminar</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-lg-6">
                        &#191;Desea confirmar la operacion?
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="eliminarSucursales();">Aceptar</button>
            </div>
        </div>
    </div>
</div>


<script>
    var dataTable = $('#grilla').DataTable({
        "processing": true,
        "serverSide": false,
        "bFilter": false,
        "bInfo": true,
        "bSearchable": false,
        "paging": false,
        "pageLength": 25,
        "order": [
            [0, "asc"]
        ],
        "ajax": "{{ asset('/descuento/cargarGrillaSucursales?idCupon='.$globalId)}}"
    });

    $("#form1").validate();

    function guardar() {
        if ($("#form1").valid()) {
            if ($("input[type=checkbox]").length > 1) {
                modificado = false;
                form1.submit();
            } else {
                msgShow("Debe agregar al menos una sucursal.", "danger");
            }
        }
    }

    function fActivarCupon() {
        if ($("chkActivo").prop("checked", true)) {
            $("chkActivo").prop("checked", false);
        } else {
            $("chkActivo").prop("checked", true);
        }
    }

    $('#chkActivo').bootstrapToggle({
        on: 'Activo',
        off: 'Inactivo'
    });

    function fAgregarSucursales() {
        var grilla = $('#grilla').DataTable();
        grilla.row.add([
            "<input type='checkbox' name='txtId[]' value=''>",
            $("#lstSucursal option:selected").text() + "<input type='hidden' name='txtSucursal[]' value='" + $("#lstSucursal option:selected").val() + "'>",
            ""
        ]).draw();
        $('#modalSucursales').modal('toggle');
        limpiarFormulario();
    }

    function limpiarFormulario() {
        $("#lstSucursal").val();
    }

    function abrirDialogoEliminarSucursales() {

        $('#modalmsg').modal('toggle');

    }

    function abrirModalSucursales() {

        $('#modalSucursales').modal('toggle');

    }

    function eliminarSucursales() {
        var grilla = $('#grilla').DataTable();
        $('#grilla input[type=checkbox]').each(function() {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsg').modal('toggle');
    }
</script>

@endsection