@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']) !!} --}} 
            {{ Form::model($edit, ['route' => ['tipo_novedad.update', $edit->tipo_novedad_id], 'method' => 'PUT', 'id' => 'frmFiltros']) }}
            <div class="row">
                <div class="col-6">
                    <label for="">Nombre</label>
                    {!! Form::text('name', $edit->tipo_novedad_nombre, ['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"], $edit->tipo_novedad_autoriza_tipo, ['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',[],isset($edit) ? $edit->tipo_novedad_autoriza : null , ['id' =>'auth_to', 'class' => 'form-control select2']) !!}
                   {{--  <input type="text" name="" id="" value="{{ $edit->tipo_novedad_informa}}"> --}}
                   
                </div>
            </div>
            <div class="row">
                <div class="col-6">
                    <label for="">Tipo de Informado</label>
                    {!! Form::select('tipo_informado', ["1" => "Rol", "2" => "Usuario"],$edit->tipo_novedad_informa_tipo , ['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',[],isset($edit) ? $edit->tipo_novedad_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>
                <input type="hidden" id="tipo_novedad" value="{{ $edit->tipo_novedad_id }}">
                <input type="hidden" id="tipo_autoriza" value="{{ $edit->tipo_novedad_autoriza_tipo }}">
                <input type="hidden" id="tipo_informado" value="{{ $edit->tipo_novedad_informa_tipo }}">

                <div class="col-6">
                    <label for="">Estado</label>
                    {!! Form::select('estado', ["1" => "Activo", "0" => "Inactivo"] , $edit->tipo_novedad_estado, ['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>
        let auth = $('#tipo_autoriza').val();
        let roleAuth_new =  $('#tipo_informado').val();

        console.log({roleAuth_new});
        if(auth === 1){
            buscarAuthRole()
        }else{
            buscar_autorizado()
        }
        if(roleAuth_new === 1){
            roleAuth()
        }else{
            buscar_role()
        }
      
        $(document).ready(function() {
           
            $('#auditoria').select2({
                theme: "classic"
            });

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

        function buscar_autorizado() {
            

            let con = $('#tipo_novedad').val()
            console.log(con);
            let tipo_autoriza = $('#tipo_autoriza').val()
           
          

            $.ajax({
                type: "GET",
                url: "{{ asset('') . 'contrato/tipo-novedad/buscar-autorizado' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                   
                    contrato_id: Number(con)
                },
                success: function(res) {

                    console.log(res[0])
                    document.getElementById("auth_to").options[document.getElementById("auth_to").options.length] = new Option(res[0].texto, res[0]
                        .id);
                    /*  document.getElementById("contrato_novedad_empleado").options[document.getElementById("contrato_novedad_empleado").options.length]=new Option(res[0].texto,res[0].empleado_id); */
                    $('#auth_to').val(res[0].id).append();
                    /* $('#contrato_novedad_empleado').val(res[0].empleado_id).append(); */


                },
                dataType: "json"
            });


        }

        function buscar_role() {
            

            let con = $('#tipo_novedad').val()
            console.log(con);

            $.ajax({
                type: "GET",
                url: "{{ asset('') . 'contrato/tipo-novedad/buscar-role' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                   
                    contrato_id: Number(con)
                },
                success: function(res) {

                    console.log(res[0])
                    document.getElementById("informa").options[document.getElementById("informa").options.length] = new Option(res[0].texto, res[0]
                        .id);
                    /*  document.getElementById("contrato_novedad_empleado").options[document.getElementById("contrato_novedad_empleado").options.length]=new Option(res[0].texto,res[0].empleado_id); */
                    $('#informa').val(res[0].id).append();
                    /* $('#contrato_novedad_empleado').val(res[0].empleado_id).append(); */


                },
                dataType: "json"
            });


        }

        function buscarAuthRole(){
            let con = $('#tipo_novedad').val()
            console.log(con);

            $.ajax({
                type: "GET",
                url: "{{ asset('') . 'contrato/tipo-novedad/buscar-role' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                   
                    contrato_id: Number(con)
                },
                success: function(res) {

                    console.log(res[0])
                    document.getElementById("auth_to").options[document.getElementById("auth_to").options.length] = new Option(res[0].texto, res[0]
                        .id);
                    /*  document.getElementById("contrato_novedad_empleado").options[document.getElementById("contrato_novedad_empleado").options.length]=new Option(res[0].texto,res[0].empleado_id); */
                    $('#auth_to').val(res[0].id).append();
                    /* $('#contrato_novedad_empleado').val(res[0].empleado_id).append(); */


                },
                dataType: "json"
            });  
        }

        function roleAuth(){
            let con = $('#tipo_novedad').val()
            console.log(con);
            let tipo_autoriza = $('#tipo_autoriza').val()
           
          

            $.ajax({
                type: "GET",
                url: "{{ asset('') . 'contrato/tipo-novedad/buscar-autorizado' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                   
                    contrato_id: Number(con)
                },
                success: function(res) {

                    console.log(res[0])
                    document.getElementById("informa").options[document.getElementById("informa").options.length] = new Option(res[0].texto, res[0]
                        .id);
                    /*  document.getElementById("contrato_novedad_empleado").options[document.getElementById("contrato_novedad_empleado").options.length]=new Option(res[0].texto,res[0].empleado_id); */
                    $('#informa').val(res[0].id).append();
                    /* $('#contrato_novedad_empleado').val(res[0].empleado_id).append(); */


                },
                dataType: "json"
            });
        }

        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="'+index+'">'+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="'+index+'">'+value+'</option>');
                        });
                    }
                })
            }

        }

        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="'+index+'">'+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="'+index+'">'+value+'</option>');
                        });
                    }
                })
            }else{
                /* disable select auth_to add attr disable*/
                
              /*   $('#auth_to').addat(); */
                $('#informa').prop('disabled',  'disabled');

            }
        }

    </script>
@endsection