@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class="pull-left">
                        <div class="page-title text-primary">Orden Servicio Funerario -
                            {{ isset($edit) ? 'Actualizar' : 'Nuevo' }}</div>
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li><i class="fa fa-square"></i>&nbsp;<a class="parent-item" href="{{ url('/ordenes') }}">Listado de
                                Ordenes Servicios Funerarios</a>
                            &nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Orden Servicio Funerario - {{ isset($edit) ? 'Actualizar' : 'Nuevo' }}</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
          

            <div class="card p-5">
                {!! Form::open(['url' =>'orden-encuesta']) !!}
                <div class="row">
                    <div class="col-sm-12 col-md-6">
                       
                        {!! Form::mselect('orden',[], null,'Orden de Servicio Funerario',$errors,12,false) !!}
                        {{-- <input type="hidden" id="orden_producto" value="{{ $id }}"> --}}

                    </div>
                    <div class="col-sm-12 col-md-6">
                        {!! Form::mDate('fecha_inicio',null,'Fecha',$errors,12,true) !!}
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-12 col-md-6">
                        {!! Form::mtext('nombre', null,'Nombre Completo',$errors,12,false,true,[['onkeyup'=>'javascript:this.value=this.value.toUpperCase()']]) !!}
                    </div>

                    <div class="col-sm-12 col-md-6">
                        {!! Form::mtext('telefono', null,'Télefono',$errors,12,false,true,[['onkeyup'=>'javascript:this.value=this.value.toUpperCase()']]) !!}
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-12 col-md-6">
                        {!! Form::mtext('asociacion', null,'Asociación',$errors,12,false,true,[['onkeyup'=>'javascript:this.value=this.value.toUpperCase()']]) !!}
                    </div>

                   
                </div>

                <div class="row p-3">
                    <div class="col-sm-12 col-md-6">
                        <label for="">¿Cómo fue la atención del personal al realizar la llamada para solicitar el servicio?</label>
                        {!! Form::select('calificacion_atencion', ['1' => 'Excelente', '2' => 'Muy Buena', '3' =>'Buena', '4' =>'Mala' ], null, ['class' => 'form-control', 'required' , 'placeholder' =>'Seleccione']) !!}
                    </div>

                    <div class="col-sm-12 col-md-6">
                        <label for="">¿Cómo fue el tiempo de respuesta del personal que le atendio?</label>
                        {!! Form::select('calificacion_personal_atendio', ['1' => 'Excelente', '2' => 'Muy Buena', '3' =>'Buena', '4' =>'Mala' ], null, ['class' => 'form-control', 'required' , 'placeholder' =>'Seleccione']) !!}
                    </div>
                </div>

                <div class="row p-3">
                    <div class="col-sm-12 col-md-6">
                        <label for="">¿Cómo fue el trato del personal de la carroza?</label>
                        {!! Form::select('calificacion_atencion_carroza', ['1' => 'Excelente', '2' => 'Muy Buena', '3' =>'Buena', '4' =>'Mala' ], null, ['class' => 'form-control', 'required' , 'placeholder' =>'Seleccione']) !!}
                    </div>

                    <div class="col-sm-12 col-md-6">
                        <label for="">Califique la presentación de nuestro personal</label>
                        {!! Form::select('calificacion_personal_presentacion', ['1' => 'Excelente', '2' => 'Muy Buena', '3' =>'Buena', '4' =>'Mala' ], null, ['class' => 'form-control', 'required' , 'placeholder' =>'Seleccione']) !!}
                    </div>
                </div>

                <div class="row p-3">
                    <div class="col-sm-12 col-md-6">
                        <label for="">¿Fueron de su agrado los arreglos florales?</label>
                        {!! Form::select('calificacion_flores', ['1' => 'Si', '2' => 'No'], null, ['class' => 'form-control', 'required' , 'placeholder' =>'Seleccione']) !!}
                    </div>

                    <div class="col-sm-12 col-md-6">
                        <label for="">¿Se cumplieron los tiempos y llegadas de la carroza a cada uno de los movimientos que se realizaron?</label>
                        {!! Form::select('calificacion_tiempo', ['1' => 'Si', '2' => 'No'], null, ['class' => 'form-control', 'required' , 'placeholder' =>'Seleccione']) !!}
                    </div>
                </div>

                <div class="row p-3">
                    <div class="col-sm-12 col-md-6">
                        <label for="">¿Qué le pareció la presentación de nuestra carroza?</label>
                        {!! Form::select('calificacion_carro', ['1' => 'Excelente', '2' => 'Muy Buena', '3' =>'Buena', '4' =>'Mala' ], null, ['class' => 'form-control', 'required' , 'placeholder' =>'Seleccione']) !!}
                    </div>

                    <div class="col-sm-12 col-md-6">
                        <label for="">¿Qué le pareció nuestro equipo de velación?</label>
                        {!! Form::select('calificacion_equipo', ['1' => 'Excelente', '2' => 'Muy Buena', '3' =>'Buena', '4' =>'Mala' ], null, ['class' => 'form-control', 'required' , 'placeholder' =>'Seleccione']) !!}
                    </div>
                </div>

                <div class="row p-3">
                    <div class="col-sm-12 col-md-6">
                        <label for="">¿El chofer le cobro algún costo adicional?</label>
                        {!! Form::select('cobro_adicional', ['1' => 'Si', '2' => 'No'], null, ['class' => 'form-control', 'required' , 'placeholder' =>'Seleccione']) !!}
                    </div>

                    <div class="col-sm-12 col-md-6">
                        <label for="">¿En general cómo define el servicio brindado?</label>
                        {!! Form::select('servicio_general', ['1' => 'Excelente', '2' => 'Muy Buena', '3' =>'Buena', '4' =>'Mala' ], null, ['class' => 'form-control', 'required' , 'placeholder' =>'Seleccione']) !!}
                    </div>
                </div>

                <div class="row p-3">
                    <div class="col-sm-12 col-md-6">
                        <label for="">Nombre del Chofer</label>
                        {!! Form::text('name_driver', null, ['class' => 'form-control', 'required' , 'placeholder' =>'Andres Lopez']) !!}
                    </div>

                    <div class="col-sm-12 col-md-6">
                        <label for="">¿En general cómo define el servicio brindado?</label>
                        {!! Form::textarea('observacion', null, ['class' => 'form-control', 'required' , 'placeholder' =>'']) !!}
                    </div>
                </div>

                <div class="row p-3">
                    <div class="col-sm-12 col-md-6">
                        <label for="">¿Cree que podríamos mejorar en algún otro aspecto no mencionado?</label>
                        {!! Form::textarea('mejorar', null, ['class' => 'form-control', 'required' , 'placeholder' =>'']) !!}
                    </div>

                    <div class="col-sm-12 col-md-6">
                        <label for="">Por favor anote sus comentarios al respeto y/o agradecimientos</label>
                        {!! Form::textarea('comentario', null, ['class' => 'form-control', 'required' , 'placeholder' =>'']) !!}
                    </div>
                </div>

                
                <div class="">
                    <input type="hidden" id="orden_producto" value="{{ $id }}">
                    
                        <button type="submit" class="btn btn-primary">
                            Guardar
                        </button>
                    

                   
                       <a href="{{ url('orden/' . $id . '/ver') }}" class="btn btn-danger">Volver</a>
                    
                </div>

               {!! Form::close() !!}
            </div>


        </div>


    </div>
@endsection


@section('script')
    <script>


        function buscar_orden(){
            
            
            let con = $('#orden_producto').val()
           
           
            $.ajax({
                
                url: "{{asset('').'orden-ajax'}}",                
                data: { orden : Number(con)},
                success: function (res) {
                    
                    console.log(res[0])
                    document.getElementById("orden").options[document.getElementById("orden").options.length]=new Option(res[0].Nombre,res[0].orden_producto_id);
                   /*  document.getElementById("contrato_novedad_empleado").options[document.getElementById("contrato_novedad_empleado").options.length]=new Option(res[0].texto,res[0].empleado_id); */
                    $('#orden').val(res[0].orden_producto_id).append();
                    /* $('#contrato_novedad_empleado').val(res[0].empleado_id).append(); */
                    
                        
                },
                dataType: "json"
                });

            
        }


        $(document).ready(function () {
            
             //Initialize Select2 Elements
            $('.select2').select2()
            buscar_orden()

       

        })
    </script>
@endsection