@extends('masushuaia.plantilla')
@section('titulo', "Notificación nueva")
@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')
<a title="Guardar" href="#" class="btn-blue py-1 px-4" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Enviar</span></a>
<script>
    var tipo = "" ;
    function fsalir() {
        location.href = "/notificaciones?tipo="+tipo;
    }
</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="/notificaciones?tipo={{$tipo}}">Notificaciones</a></li>
  <li class="breadcrumb-item active">Notificación nueva</li>
</ol>
@endsection
@section('contenido')
<div class="row">
    <div class="col-12">
    <div id = "msg"></div>
        </div>
</div>
<form id="form1" method="POST" action="/notificaciones/check-token-access">
    <div class="row">
        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
        @if($tipo == "comercio")
            <input type="hidden" id="txtTipo" name="txtTipo" value="comercio">
        @elseif($tipo == "beneficiario")
            <input type="hidden" id="txtTipo" name="txtTipo" value="beneficiario">
        @endif
        <div class="from-group col-sm-6">
            <label for="lstDestinatario">Destinatario</label>
            @if($tipo == "comercio")
            <select id="lstDestinatario" name="lstDestinatario" class="form-control selectpicker" data-live-search="true" required>
                <option selected disabled value="">Seleccionar</option>
                    @if($idDestinatario != "")
                        @for($i=0; $i < count($array_comercios); $i++)
                            @if($array_comercios[$i]->idcomercio == $idDestinatario)
                                <option selected disabled value="{{$array_comercios[$i]->idcomercio}}">{{$array_comercios[$i]->nombre}}</option>
                            @else
                            @endif
                        @endfor
                    @else
                        <option value="todos">Todos los comercios</option>
                        @for($i=0; $i < count($array_comercios); $i++)
                            <option value="{{$array_comercios[$i]->idcomercio}}">{{$array_comercios[$i]->nombre}}</option>
                        @endfor
                    @endif
            </select>
            @elseif($tipo == "beneficiario")
                <select id="lstDestinatario" name="lstDestinatario" class="form-control selectpicker" data-live-search="true" required>
                <option selected disabled value="">Seleccionar</option>
                    @if($idDestinatario != "")
                        @for($i=0; $i < count($array_beneficiarios); $i++)
                            @if($array_beneficiarios[$i]->idbeneficiario == $idDestinatario)
                                <option selected disabled value="{{$array_beneficiarios[$i]->idbeneficiario}}">{{$array_beneficiarios[$i]->nombre}} {{$array_beneficiarios[$i]->apellido}}</option>
                            @else
                                <option selected disabled value=""></option>
                            @endif
                        @endfor
                    @else
                        <option value="todos">Todos los beneficiarios</option>
                        @for($i=0; $i < count($array_beneficiarios); $i++)
                            <option value="{{$array_beneficiarios[$i]->idbeneficiario}}">{{$array_beneficiarios[$i]->nombre}} {{$array_beneficiarios[$i]->apellido}}</option>
                        @endfor
                    @endif
            </select>
            @endif
        </div>
        <div class="form-group col-6">
            <label for="txtMensaje">Mensaje</label>
            <textarea id="txtMensaje" name="txtMensaje" class="form-control" type="text" required></textarea>
        </div>
        <div class="form-group col-6">
            <label for="txtUrlNotificacion">URL</label>
            <input id="txtUrlNotificacion" name="txtUrlNotificacion" class="form-control" type="url"></input>
        </div>
    </div>
</form>
<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;
        }
    }

    
</script>
@endsection