@extends('layouts.app')

@section('content')

   
    <div class="page-content-wrapper">
        <div class="page-content" style="min-height:1200px">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                        <div class="page-title text-danger">Sin Sucursal</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-home"></i>&nbsp;<a class="parent-item" href="{{ url('/contratos/tipos_novedad') }}">Tipos Novedades</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Crear Tipo Novedadk</li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Crear Tipo Novedad</header>
                        </div>

                    </div>

                </div>

            </div>

            {!! Form::open(['url' => 'contrato/tipo-novedad-store','method'=>'POST','id'=>'frmFiltros']) !!} 
            <div class="row">
                <div class="col-6">
                    <label for="">Nombre</label>
                    {!! Form::text('name', null, ['id' =>'name', 'class' => 'form-control']) !!}
                </div>
                <div class="col-6">
                    <label for="">Auditoría</label>
                    {{-- {!! Form::text('name', null, ['id' =>'name', 'class' => 'form-control']) !!} --}}
                    {{-- @dump($campos) --}}
                    <select onchange="update_observ();" name="auditoria[]" id="auditoria" class="form-control select2 multiple" multiple="multiple">
                        Auditoria
                         @foreach ($campos["Contratos"] as $of)
                              
                                 <option value="{{ $of }}">
                                     {{ $of }}</option>
                             
                         @endforeach
                         @foreach ($campos["Servicios del Contrato"] as $item)
                         <option value="{{ $item }}">
                            {{ $item }}</option>
                         @endforeach
                         @foreach ($campos["Cobros del Contrato"] as $item)
                         <option value="{{ $item }}">
                            {{ $item }}</option>
                         @endforeach
                         
                     </select>   
                </div>
            </div>
            <div class="row">
                <div class="col-6">
                    <label for="">Tipo de Autorización </label>
                    {!! Form::select('auth_type', ["1" => "Rol", "2" => "Usuario"],null, ['id' =>'auth_type', 'class' => 'form-control select2', 'placeholder' => 'Seleccionar', 'onchange' => "verifyAuth('auth_type')"]) !!}
                </div>
                <div class="col-6">
                    <label for="">Autoriza a</label>
                    {!! Form::select('auth_to',[] ,null, ['id' =>'auth_to', 'class' => 'form-control select2']) !!}
                </div>
            </div>
            <div class="row">
                <div class="col-6">
                    <label for="">Tipo de Informado</label>
                    {!! Form::select('tipo_informado', ["1" => "Rol", "2" => "Usuario"],null, ['id' =>'tipo_informado', 'class' => 'form-control','placeholder' =>'Seleccionar' ,'onchange' => "verifyInformado('auth_type')"]) !!}
                </div>
                <div class="col-6">
                    <label for="">Informa a</label>
                    {!! Form::select('informa',[] ,null, ['id' =>'informa', 'class' => 'form-control select2']) !!}
                </div>
            </div>
            <div class="row">
                <div class="col-6">
                    <label for="">Medio de Información</label>
                    <select onchange="update_medios();" name="medios[]" id="medios" class="form-control select2 multiple" multiple="multiple">
                        
                         @foreach ($medios as $of)
                              
                                 <option value="{{ $of }}">
                                     {{ $of }}</option>
                             
                         @endforeach
                         
                         
                     </select>   
                </div>
                <div class="col-6">
                    <label for="">Estado</label>
                    {!! Form::select('estado', ["1" => "Activo", "0" => "Inactivo"] ,null, ['id' =>'estado', 'class' => 'form-control' ,'placeholder' =>'Seleccionar']) !!}
                </div>
            </div>
            <div class="card-footer text-center">
                <div class="text-center">
                    <button type="submit" class="btn bg-success">Aceptar</button>
                    <a class="btn bg-danger" href="javascript:history.go(-1)">Cancelar</a>
                </div>
            </div>
            
            {{ Form::close() }}

        </div>

    </div>

    
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('#auth_to').prop('disabled',  'disabled');
            $('#informa').prop('disabled',  'disabled');
            $('#auditoria').select2({
                theme: "classic"
            });

            $("#auditoria").val([])
                .change();
        });
        function update_observ() {
            var selected = $('#auditoria').select2("val");
            console.log(selected);
        }

        function update_medios() {
            var selected = $('#medios').select2("val");
            console.log(selected);
        }

        function verifyAuth (tipo){
            
            var auth_type = $('#auth_type').val();
            /* if auth_type == 2 append in auth_to with roles */
            if (auth_type == 2) {
                $('#auth_to').prop('disabled', false);
                /* add class select2 */
               
                /* ajax get */
                $.ajax({
                    type: "GET",
                    url: "{{ url('autoriza/usuarios') }}",
                    success: function (response) {
                        console.log(response);
                        $('#auth_to').empty();
                        $('#auth_to').append('<option value="">Seleccionar</option>');
                        $.each(response.usuarios, function (index, value) { 
                            $('#auth_to').append('<option value="'+value+'">'+value+'</option>');
                        });
                    }
                });
            }else if(auth_type == 1) {
                $('#auth_to').prop('disabled', false);
               
                $.ajax({
                    type: "GET",
                    url: "{{ url('autoriza/roles') }}",
                    success: function (response) {
                        console.log(response);
                        $('#auth_to').empty();
                        $('#auth_to').append('<option value="">Seleccionar</option>');
                        $.each(response.roles, function (index, value) { 
                            $('#auth_to').append('<option value="'+value+'">'+value+'</option>');
                        });
                    }
                })
            }else{
                /* disable select auth_to add attr disable*/
                
              /*   $('#auth_to').addat(); */
                $('#auth_to').prop('disabled',  'disabled');

            }

        }

        function verifyInformado(tipo){
            var tipo_informado = $('#tipo_informado').val();
            /* if auth_type == 2 append in auth_to with roles */
            if (tipo_informado == 2) {
                $('#informa').prop('disabled', false);
                /* add class select2 */
               
                /* ajax get */
                $.ajax({
                    type: "GET",
                    url: "{{ url('autoriza/usuarios') }}",
                    success: function (response) {
                        console.log(response);
                        $('#informa').empty();
                        $('#informa').append('<option value="">Seleccionar</option>');
                        $.each(response.usuarios, function (index, value) { 
                            $('#informa').append('<option value="'+value+'">'+value+'</option>');
                        });
                    }
                });
            }else if(tipo_informado == 1) {
                $('#informa').prop('disabled', false);
               
                $.ajax({
                    type: "GET",
                    url: "{{ url('autoriza/roles') }}",
                    success: function (response) {
                        console.log(response);
                        $('#informa').empty();
                        $('#informa').append('<option value="">Seleccionar</option>');
                        $.each(response.roles, function (index, value) { 
                            $('#informa').append('<option value="'+value+'">'+value+'</option>');
                        });
                    }
                })
            }else{
                /* disable select auth_to add attr disable*/
                
              /*   $('#auth_to').addat(); */
                $('#informa').prop('disabled',  'disabled');

            }
        }

    </script>
@endsection