@include('header')
@include('navigator_menu_principal')

<div class="container">
    <div class="row">
        <div class="col-md-10 h3">
            Personalización web para {{ $cli->nombre_cliente }}
        </div>
        <div class="col-md-2">
            <button class="btn btn-primary btn-fidelitas btnback"><i class="fa fa-reply"></i> Volver a clientes</button>
        </div>
    </div>
    <h3></h3>

    <form action="/led/led-cliente-personalizacion" name="frmPersonalizacion" id="frmPersonalizacion" method="post" class="form">
        {{ csrf_field() }}
        <input type="hidden" name="cliente" value="{{ $cli->cliente }}">

        <h4>Opción de personalización del cliente</h4>
        <br />
        <div class="row">
            <div class="col-md-12">
                <label for="">
                    <input type="radio" name="pers" value="0" @if($total == 0) checked="checked" @endif id="pers0">&nbsp;Sin personalización
                </label>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <label for="">
                    <input type="radio" name="pers" value="1" @if($total > 0) checked="checked" @endif id="pers1">&nbsp;Con personalización
                </label>
            </div>
        </div>
        <br />

        <div class="row" style="display: @if($total == 0) none @else block @endif" id="asignables">
            @if (!empty($asignables))
                <div class="col-md-12">
                    @foreach ($asignables as $web)
                    <div>
                        <label for="">
                            <input type="checkbox" name="web_id[]" value="{{$web->web_id}}" @if ($web->cliente > 0) checked="checked" @if($web->cliente != $cli->cliente) disabled="disabled" @endif @endif>&nbsp;{{$web->web_title}} ({{$web->http_host}}) @if ($web->cliente > 0) @if($web->cliente != $cli->cliente) : asignada a {{$web->nombre_cliente}} @endif @endif
                        </label>
                    </div>
                    @endforeach
                </div>

                @if (!empty($disponibles))

                <div class="col-md-12 h4">Sólo se asignará una web personalizada por aplicación (cliente / legajos)</div>

                <div class="col-md-4 form-group">
                    <label for="sender">Dirección de e-mail remitente</label>
                    <input type="text" class="form-control" name="sender" id="sender" value="@if($total >0){{$asignadas[0]->sender}}@endif">
                </div>

                @else
                    @if ($total == 0)
                        <div class="col-md-12 h4">No hay webs de personalización disponibles para asignar al cliente</div>
                    @endif
                @endif

            @else
                <div class="col-md-12 h4">No se encuentran webs disponibles para personalizar el cliente</div>
            @endif
        </div>

        @if (!empty($asignables))
        <div class="row">
            <div class="col-md-3">
                <button class="btn btn-primary btn-fidelitas" type="submit" id="btnsave" @if (empty($disponibles) && $total == 0) disabled="disabled" @endif><i class="fa fa-save"></i> Guardar cambios</button>
            </div>
        </div>
        @endif

    </form>

    <div class="row">
        <div class="col-md-1 col-md-offset-5" id="loading" style="display:none;">
            <img src="/images/loading.gif" alt="" class="img img-responsive">
        </div>
    </div>

</div>


<script>
    $(document).ready(function() {
        $('.btnback').on('click', function() {
            self.location.href='/led/led-clientes';
        });


        $('#frmPersonalizacion [name="pers"]').on('click', function() {
            $('#asignables').slideToggle(200);
        });



        $('#frmPersonalizacion').on('submit', function(e) {
            e.preventDefault();
            $.ajax({
                        method : 'post',
                        url : '/led/led-cliente-personalizacion-update',
                        data : $(this).serialize(),
                        beforeSend : function() {
                            $('#btnsave').prop('disabled', true);
                            $('#loading').show();
                        },
                        success : function(data) {
                            self.location.href='/led/led-clientes';
                        }

            });

        });

    });
</script>

@include('footer')