@extends('layouts.master')

@section('content')

<div class="container-fluid">
    {!! Form::open([
        'action' => ['SurveysController@store', 'servicio']
    ]) !!}

        <div class="form-horizontal">
            <div class="form-group {{ $errors->first('analyst_id') ? 'has-error' : '' }}">
                {!! Form::label('analyst_id', 'Analista', ['class' => 'col-sm-2 control-label']) !!}
                <div class="col-sm-4">
                    {!! Form::select('analyst_id', App\Analyst::lists('name', 'id'), null, ['id' => 'analyst_id', 'class' => 'form-control', 'required' => 'required']) !!}
                    <small class="text-danger">{{ $errors->first('analyst_id') }}</small>
                </div>
                @if($areas = [
                    "Select",
                    "Premier",
                    "Preferente",
                    "Clásico",
                    "Supernet",
                    "Seguros In",
                    "CAT Seguros",
                    "Recursos Humanos",
                    "Soporte Seguros",
                    "Enlace",
                    "Fondos de Inversión",
                    "Unidad de Retención Seguros",
                    "Unidad de Retención Consumo",
                    "Unidad de Retención Tarjeta",
                    "Recobro In",
                    "Recompensas",
                    "Uruguay",
                    "Créditos Hipotecarios",
                    "World Elite",
                    "Banca Privada",
                    "PYME",
                    "Empresas",
                    "Enlace",
                ])
                    {!! Form::label('area', 'Área', ['class' => 'col-sm-2 control-label']) !!}
                    <div class="col-sm-4">
                        {!! Form::select('area', array_combine($areas, $areas), null, ['id' => 'area', 'class' => 'form-control', 'required' => 'required']) !!}
                        <small class="text-danger">{{ $errors->first('area') }}</small>
                    </div>
                
                @endif
            </div>
            
        </div>

        <div class="row">
            @include('surveys.partials.servicio.intro')
        </div>
        <div class="row">
            <div class="col-md-4 col-sm-12">
                @include('surveys.partials.servicio.llamada')
            </div>
            <div class="col-md-4 col-sm-12">
                @include('surveys.partials.servicio.experiencia')
            </div>
            <div class="col-md-4 col-sm-12">
                @include('surveys.partials.servicio.voz')
            </div>
        </div>
        <div class="text-center">
            <button type="submit" class="btn btn-primary">
                Enviar
            </button>
        </div>
    {!! Form::close() !!}
</div>

@endsection

@section('script')
@parent
<script type="text/javascript">
    $(function(){
        var duplicates = [];
        $('fieldset').each(function(){
            var c = $(this).attr('class');
            console.log('"' + c + '" => [');
            $(this).find('[name]').each(function(){
                var name = $(this).attr('name');
                var label = $('label[for='+name+']').text();
                console.log('    "' + name +'"', '=>', '"' + label + '"');
                var all = $('[name='+name+']');
                if(all.length > 1) {
                    duplicates.push(name);
                }
            });
            console.log('],');

        });
        if(duplicates.length) {
            console.log("Duplicados", duplicates);
        }
    });
</script>
@endsection

@section('style')
    {!! Html::style('css/jquery.timepicker.css') !!}
    {!! Html::style('css/easy-autocomplete.min.css') !!}
    {!! Html::style('css/easy-autocomplete.themes.min.css') !!}
    {!! Html::style('css/jquery-ui.min.css') !!}
    {!! Html::style('css/jquery-ui.theme.min.css') !!}
    <style type="text/css">
        .pages-image{
            margin-top: 7%;
        }

    </style>
    {!! Html::style('css/bg-fondo3.css') !!}

@endsection

@section('script')
    @parent
    {!! Html::script('js/jquery-ui.js') !!}
    {!! Html::script('js/jquery.timepicker.js') !!}
    {!! Html::script('js/jquery.easy-autocomplete.js')  !!}
    {!! Html::script('js/surveys/form.js') !!}
@endsection