@extends('layouts.master')

@section('content')

<div class="container-fluid">
    {!! Form::open([
        'action' => ['SurveysController@store', 's_v']
    ]) !!}
        
        <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',
                    'Clasico',
                    'Seguros In',
                    'Consumo In',
                ])
                    {!! 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.s_v.intro')
        </div>
        <div class="row">
            <div class="col-md-6 col-sm-12">
                @include('surveys.partials.s_v.llamada')
            </div>
            <div class="col-md-3 col-sm-12">
                @include('surveys.partials.s_v.experiencia')
            </div>
            <div class="col-md-3 col-sm-12">
                @include('surveys.partials.s_v.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