@extends('layouts.master')

@section('content')

    <div class="container-fluid">
        <div class="row">
            <h1>Confirmación de orden</h1>
        </div>
        <hr>
        {{ Form::open([
            'action' => 'BcOrdersController@store',
            'method' => 'post',
            'id'     => 'form',
        ])}}
            
            @foreach($talentos as $talento)
                <input type="hidden" class="hidden" name="talentos[]" value="{{$talento}}">  
            @endforeach
  
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>
                            Nombre
                        </th>
                        <th>
                            Dirección
                        </th>
                        <th>
                            Dirección alternativa
                        </th>
                        <th>
                            Teléfono
                        </th>
                        <th>
                            Celular
                        </th>
                        <th>
                            Correo electrónico
                        </th>
                        <th>
                            Puesto inglés
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @if(count($business_cards) > 0)
                        @foreach($business_cards as $card)
                            <tr>
                                <td>
                                    {{Form::text("card[{$card->id}][nombre]", $card->nombre, ['class' => 'form-control'])}}
                                </td>
                                <td>
                                    {{Form::text("card[{$card->id}][direccion]",$card->direccion,['class' => 'form-control'])}}
                                </td>
                                <td>
                                    {{Form::text("card[{$card->id}][direccion_alternativa]", null,['class' => 'form-control'])}}
                                </td>
                                <td>
                                    {{Form::text("card[{$card->id}][telefono]", $card->telefono, ['class' => 'form-control phone','data-name' => $card->nombre])}}
                                </td>
                                <td>
                                  {{Form::text("card[{$card->id}][celular]", $card->celular, ['class' => 'form-control cellphone','data-name' => $card->nombre])}}
                                </td>
                                <td>
                                   {{Form::text("card[{$card->id}][email]", $card->email, ['class' => 'form-control email'])}}
                                </td>
                                <td>
                                    {{Form::text("card[{$card->id}][position]", $card->position, ['class' => 'form-control'])}}
                                </td>
                            </tr>
                        @endforeach

                    @endif

                    @foreach($quantities as $quantity)
                        <input type="hidden" value="{{$quantity}}" name="quantities[]">
                    @endforeach
                    
                    @if($talent == "1")

                        <tr>    
                            <td>
                               {{Form::text("talento_nombre", NULL, ['class' => 'form-control','placeholder' => 'Atracción de talento'])}}
                            </td>
                            <td>
                              {{Form::text("talento_direccion", NULL, ['class' => 'form-control'])}}
                            </td>
                            <td>
                              {{Form::text("talento_direccion_alternativa", NULL, ['class' => 'form-control'])}}
                            </td>
                            </td>
                            <td>
                              {{Form::text("talento_tel", NULL, ['class' => 'form-control phone','onchange'=>"$('#save').prop('disabled',false)",
                              'onkeypress'=>"$('#save').prop('disabled',false)",'data-name' => 'Atracción Talento'])}}
                            </td>
                            <td>
                              {{Form::text("talento_cel", NULL, ['class' => 'form-control'])}}
                            </td>
                            <td>
                              {{Form::email("talento_email", NULL, ['class' => 'form-control'])}}
                            </td>

                        </tr>

                    @endif
                    @if($manager == "1")
                        <tr>
                            <td>
                               {{Form::text("gerente_nombre", NULL, ['class' => 'form-control','placeholder' => 'Gerente comercial'])}}
                            </td>
                            <td>
                              {{Form::text("gerente_direccion", NULL, ['class' => 'form-control'])}}
                            </td>
                            <td>
                              {{Form::text("gerente_direccion_alternativa", NULL, ['class' => 'form-control'])}}
                            </td>
                            <td>
                              {{Form::text("gerente_tel", NULL, ['class' => 'form-control phone','onchange'=>"$('#save').prop('disabled',false)",
                              'onkeypress'=>"$('#save').prop('disabled',false)",'data-name' => 'Gerente Comercial'])}}
                            </td>
                            <td>
                              {{Form::text("gerente_cel", NULL, ['class' => 'form-control'])}}
                            </td>
                            <td>
                              {{Form::email("gerente_email", NULL, ['class' => 'form-control'])}}
                            </td>
                        </tr>
                    @endif
                </tbody>
            </table>


            <div class="row">
                <div class="col-xs-6">
                {{Form::textarea('comments', NULL, ['class' => 'form-control', 'placeholder' => 'Comentarios sobre la orden', 'rows' => 1])}}    
                </div>
                <div class="col-xs-6">
                    @if($remaining_cards and $remaining_cards > 100)
                    
                        <div class="form-group hide" id="white-cards-div">
                            
                            <input type="hide" name="blank_cards" value="100" class="hide">
                            <div class="row">
                             
                              <div class="col-xs-3">
                              {{Form::select('nombre_puesto',array(
                                                                  'Asesor en Retiro' => 'Asesor en Retiro',
                                                                  'Asesor Previsional' =>'Asesor Previsional',
                                                                  'Ejecutivo de Cuenta'=>'Ejecutivo de cuenta',
                                                                  ' Ejecutivo de aportaciones voluntarias' => 'Ejecutivo de aportaciones voluntarias',
                                                                  'Gerente de aportaciones voluntarias' => 'Gerente de aportaciones voluntarias'
                                                                  ), NULL, ['class' => 'form-control'])}}
                              </div>
                              <div class="col-xs-3">
                                {{Form::text('direccion_alternativa_tarjetas',NULL, ['class' => 'form-control','placeholder' => 'Dirección alternativa','id' => 'direccion_alternativa_tarjetas'])}}
                              </div>
                              <div class="col-xs-3">
                                {{Form::text('telefono_tarjetas',NULL, ['class' => 'form-control','placeholder' => 'Telefono','id'=> 'telefono_tarjetas'])}}
                              </div>
                              <div class="col-xs-3">
                                {{Form::text('email',NULL, ['class' => 'form-control','placeholder' => 'Correo electronico'])}}
                              </div>
                            </div>
                            <br>
                            <div class="row text-center">
                                <button class="btn btn-danger" id="cancel-bc-btn" type="button">
                                    Cancelar tarjetas blancas
                                </button>
                            </div>
                        </div>

                    @else 
                        Las tarjetas blancas no estan disponibles ya que se llego limite de 100. 
                    @endif                    
                </div>
            </div>
            <hr>
            <center>
            
                <a id="cancel-order-button" class="btn btn-danger" href="{{action('BusinessCardsController@index')}}">Cancelar</a>
                <button class="btn btn-default" id="save" type="button">
                  <span class="fa fa-save"></span>
                  Guardar
                </button>
                <button class="btn btn-primary" id="add-white-cards-btn" type="button">
                    <span class="fa fa-plus"></span> Añadir tarjetas blancas
                </button>
            </center>              
          {{Form::close()}}
    </div>

    




@include('bc_orders.modals.warning')

@stop


@section('script')
  <script src="/js/jquery.maskedinput.min.js"></script>

  <script>

    $(function(){
        //

        $('input.phone').mask('9999 9999', {placeholder: '####-####'});
        $('input.cellphone').mask('99 9999 9999', {placeholder : '##-####-####'});

        var errors_text = [,'El número de telefono es requerido.'];


        $('#save').click(function(){
            var phone_errors = [];
            var same_errors = [];
            var blank_cards_errors = [];

            $('.phone').each(function(){
                
                var val = $(this).val();
                var name = $(this).attr('data-name');

                if (val.length <= 0) {   
                    phone_errors.push(name);
                }

                if(val == '5555 5555'){
                    same_errors.push(name)
                }

            });
            var white_cards_div = $('#white-cards-div');

            if(!white_cards_div.hasClass('hide')){
                var direccion = $('#direccion_alternativa_tarjetas').val();
                var telefono = $('#telefono_tarjetas').val();

                if(direccion <= 0)
                    blank_cards_errors.push("La dirección de tarjetas blancas es requerida.");
                if(telefono <= 0)
                    blank_cards_errors.push("El telefono de tarjetas blancas es requerido.");
            }

            if(phone_errors.length > 0 || same_errors.length > 0 || blank_cards_errors.length > 0){

                $('#warning-modal').find('#warning-data').empty();

                $.each(phone_errors,function(k,name){
                    $('#warning-modal').find('#warning-data').append('<p style="color:red">El teléfono de la tarjeta de <strong>' + name + '</strong> es incorrecto. </p><br>');
                });

                $.each(same_errors,function(k,name){
                    $('#warning-modal').find('#warning-data').append('<p style="color:red">El número 5555 5555 de la tarjeta de <strong>' + name + '</strong> no esta permitido. </p><br>');
                });
                
                $.each(blank_cards_errors,function(k,name){
                    $('#warning-modal').find('#warning-data').append('<p style="color:red"> <strong>' + name + '</strong> </p><br>');
                });

                $('#warning-modal').modal();
            }else{

                if($('#white-cards-div').hasClass('hide'))
                    $('#white-cards-div').remove();

                $('#form').submit();
            }
        });

        $('#add-white-cards-btn').click(function(){
            $('#white-cards-div').removeClass('hide'); 
            $(this).addClass('hide')
        });

        $('#cancel-bc-btn').click(function(){
            $('#white-cards-div').addClass('hide');
            $('#add-white-cards-btn').removeClass('hide');
        });
    
    });
  </script>

@stop