@extends('layouts.app')
@section('vendor-style')
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/flag-icon/css/flag-icon.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/select2/select2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/select2/select2-materialize.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/sweetalert/sweetalert.css') }}">
    <link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet"/>
@endsection

{{-- page style --}}
@section('page-style')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/app-file-manager.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/widget-timeline.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/form-select2.css') }}">
    <style>
        .container {
            border: 2px solid #dedede;
            background-color: #f1f1f1;
            border-radius: 5px;
            padding: 10px;
            margin: 10px 0;
        }

        /* Darker chat container */
        .darker {
            border-color: #ccc;
            background-color: #ddd;
        }

        /* Clear floats */
        .container::after {
            content: "";
            clear: both;
            display: table;
        }

        /* Style images */
        .container img {
            float: left;
            max-width: 60px;
            width: 100%;
            margin-right: 20px;
            border-radius: 50%;
        }

        .img1 {
            float: left;
            max-width: 150px;
            width: 150%;
            margin-right: 20px;
        }

        /* Style the right image */
        .container img.right {
            float: right;
            margin-left: 20px;
            margin-right: 0;
        }

        /* Style time text */
        .time-right {
            float: right;
            color: #aaa;
        }

        /* Style time text */
        .time-left {
            float: left;
            color: #999;
        }

    </style>
@endsection
@section('content')
    <div class="seaction">
        <div class="row">
            <div class="card">
                <input type="hidden" id="tipoT" name="tipoT" value="{{ $t }}">
                <div class="card-tabs">
                    <ul class="tabs tabs-fixed-width">
                        <li class="tab"><a href="#divBeneficiario">Detalles</a></li>
                        <li class="tab"><a href="#divUsuarios">Destinatarios</a></li>
                        <li class="tab"><a href="#divDocumentos">Documentos</a></li>
                    </ul>
                </div>
                <div class="card-content grey lighten-4">
                    {!! Form::open(['route' => ['solicitud.update', $registro->id], 'method' => 'PUT', 'files' => true, 'role' => 'form', 'enctype' => 'multipart/form-data', 'id' => 'frmSolitud']) !!}
                    <div id="divBeneficiario">
                        <h4 class="card-title">Datos de la solicitud</h4>
                        <div class="row">
                            <div class="input-field col m4 s12">
                                {!! Form::label('nombre_beneficiario', 'Folio: *', ['for' => 'solicitud[nombre_beneficiario]']) !!}
                                {!! Form::text('beneficiario[folio]', isset($registro) ? $registro->folio : null, ['class' => 'validate', 'id' => 'folio', 'disabled' => true]) !!}
                            </div>

                            <div class="input-field col m4 s12">
                                {!! Form::label('beneficiario[primer_apellido]', 'Fecha de recepción: *', ['for' => 'beneficiario[primer_apellido]']) !!}
                                {!! Form::date('beneficiario[fecha_recepcion]', isset($registro) ? $registro->fecha_recepcion : null, ['class' => 'validate', 'id' => 'fecha_recepcion', 'disabled' => true]) !!}
                            </div>

                            <div class="input-field col m4 s12">
                                {!! Form::label('nombre_beneficiario', 'Fecha de documento: *', ['for' => 'solicitud[nombre_beneficiario]']) !!}
                                {!! Form::date('beneficiario[fecha_documento]', isset($registro) ? $registro->fecha_documento : null, ['class' => 'validate', 'id' => 'fecha_documento', 'disabled' => true]) !!}
                            </div>
                        </div>

                        <div class="row">
                            <div class="input-field col m4 s12">
                                {!! Form::label('beneficiario[primer_apellido]', 'Referencia del documento: *', ['for' => 'beneficiario[primer_apellido]']) !!}
                                {!! Form::text('beneficiario[referencia_documento]', isset($registro) ? $registro->referencia_documento : null, ['class' => 'validate', 'id' => 'referencia_documento', 'disabled' => true]) !!}
                            </div>
                            <div class="input-field col m4 s12">
                                {!! Form::label('beneficiario[primer_apellido]', 'Fecha límite de atención: *', ['for' => 'beneficiario[primer_apellido]']) !!}
                                {!! Form::date('beneficiario[fecha_limite_atencion]', isset($registro) ? $registro->fecha_limite_atencion : null, ['class' => 'validate text-uppercase', 'id' => 'fecha_limite_atencion', 'disabled' => true]) !!}
                            </div>
                            @if($registro->hora_atencion)
                                <div class="input-field col m4 s12">
                                    {!! Form::label('beneficiario[hora_atencion]', 'Hora de atención: *', ['for' => 'beneficiario[hora_atencion]']) !!}
                                    {!! Form::time('beneficiario[hora_atencion]', isset($registro) ? $registro->hora_atencion : null, ['class' => 'validate text-uppercase', 'name' => 'hora_atencion','id' => 'hora_atencion', 'disabled' => true]) !!}
                                </div>
                            @endif

                        </div>

                        <div class="row">
                            <div class="input-field col m4 s12">
                                {!! Form::label('beneficiario[tipo_atencion]', 'Tipo de atención: *', ['for' => 'solicitud[nombre_beneficiario]']) !!}
                                {!! Form::text('beneficiario[tipo_atencion]', isset($registro) ? $registro->tipo->tipo : null, ['class' => 'validate', 'id' => 'tipo_atencion', 'disabled' => true]) !!}
                            </div>
                            <div class="input-field col m4 s12"><br>
                                {!! Form::label('beneficiario[serie_id]', 'Clasificación: *', ['for' => 'solicitud[serie_id]']) !!}
                                {!! Form::select('beneficiario[serie_id]', $series ,isset($registro) ? $registro->serie_id : null, ['class' => 'validate', 'id' => 'serie_id', 'disabled' => true]) !!}
                            </div>
                            @if($registro->folio_rastreo)
                                <div class="input-field col m4 s12">
                                    {!! Form::label('beneficiario[folio_rastreo]', 'Folio de referencia: *', ['for' => 'beneficiario[folio_rastreo]']) !!}
                                    <br><br>
                                    {{$registro->rastreo->folio}}<a title="Ver documento" class="tooltipped" data-position="bottom"
                                       data-tooltip="Ver documento" style="cursor: pointer !important;"
                                       href="{{ route('verOficioR', [$registro->folio_rastreo]) }}" target="_blank">
                                        <i class="material-icons iconlegislatura">picture_as_pdf</i>
                                    </a>
                                        {{--                                    {!! Form::select('serie[folio_rastreo]', $rastreo, isset($registro) ? $registro->folio_rastreo : [], ['class' =>'selectFolioRef browser-default form-control text-uppercase', 'placeholder' => 'Seleccione una opción', 'id' => 'folio_rastreo', 'name' => 'folio_rastreo', 'disabled' => true]) !!}--}}
                                            {{--                                {!! Form::text('beneficiario[folio_rastreo]', isset($registro) ? $registro->rastreo->folio : null, ['class' => 'validate text-uppercase', 'id' => 'folio_rastreo', 'disabled' => true]) !!}--}}
                                </div>
                            @endif
                        </div>

                        <div class="row">
                            <div class="input-field col m4 s12">
                                {!! Form::label('beneficiario[remitente_rfc]', 'Remitente: *', ['for' => 'solicitud[remitente_rfc]']) !!}
                                @if($registro->remitente_rfc == '999')
                                    {!! Form::text('beneficiario[remitente_rfc]', 'OTRO', ['class' => 'validate', 'id' => 'remitente_rfc', 'value' => '999', 'disabled' => true]) !!}
                            </div>
                            <div class="input-field col m4 s12">
                                {!! Form::label('beneficiario[otro_remitente]', 'Especifique: *', ['for' => 'solicitud[otro_remitente]']) !!}
                                {!! Form::text('beneficiario[otro_remitente]', isset($registro) ? $registro->otro_remitente : null, ['class' => 'validate', 'id' => 'otro_remitente', 'disabled' => true]) !!}
                            </div>
                                @else
                                    {!! Form::text('beneficiario[remitente_rfc]', isset($registro) ? $registro->remitente_rfc : null, ['class' => 'validate', 'id' => 'remitente_rfc', 'disabled' => true]) !!}
                              @endif
                            </div>
                        </div>

                        <div class="row">
                            <div class="input-field col m12 s12">
                                {!! Form::label('nombre_beneficiario', 'Indicación: *', ['for' => 'solicitud[nombre_beneficiario]']) !!}
                                {!! Form::textarea('beneficiario[titulo_doc]', isset($registro) ? $registro->titulo_doc : null, ['class' => 'validate', 'id' => 'titulo_doc', 'disabled' => true]) !!}
                            </div>
                        </div>

                        <div class="row">
                            <div class="input-field col m12 s12">
                                {!! Form::label('nombre_beneficiario', 'Descripción: *', ['for' => 'solicitud[nombre_beneficiario]']) !!}
                                <textarea name="descripcion_doc" id="descripcion_doc" class="form-control" style="white-space: 100%; height: 150px;" disabled>{{$registro->descripcion_doc}} </textarea>
                                                    {{--                                {!! Form::textarea('beneficiario[descripcion_doc]', isset($registro) ? $registro->descripcion_doc : null, ['class' => 'validate text-uppercase', 'id' => 'descripcion_doc', 'disabled' => true, 'style' => 'whith:150px;']) !!}--}}
                            </div>
                        </div>

                        @include('Busquedas.documentosEnviados')

                    </div>

                    <div id="divUsuarios">
                        <h4 class="card-title">Usuario</h4>
                        <a name="usuariosTurnos"></a>
                        {{-- @include('solicitudes._usuarios') --}}
                        @if (count($atencion))
                            <div class="row">
                                <div class="input-field col m12 s12">
                                    <table>
                                        <tr>
                                            <td width: 30%>Usuario</td>
                                            <td width: 30%>Tipo Atencion</td>
                                            <td width: 30%>Visto</td>
                                            <td>Respuesta</td>
                                            <td>Comentar</td>
                                        </tr>

                                        @foreach ($atencion as $at)
                                            <tr>
                                                <td>
                                                    @if($at->user_turna and $at->user_turna == auth()->user()->rfc)
                                                        <a title="Eliminar turno" class="tooltipped" data-position="bottom"
                                                           data-tooltip="Eliminar turno"
                                                           href="{{ route('cancelarTurno', [$at->id]) }}">
                                                            <i class="material-icons iconlegislatura">delete_forever</i>
                                                        </a>
                                                    @endif
                                                    {{ $at->usuario->Nombre }}
                                                    @if($at->user_turna)
                                                        <br> TURNADO POR: {{$at->usuarioTurno->Nombre}}
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($at->tipoAtencion == 'A')
                                                       Atención
                                                    @else
                                                       Conocimiento
                                                    @endif
                                                    /
                                                        @if($at->rAtencion->tipo->tipo == 'Ordinario')
                                                            <p style="color: green; margin : 0 !important;">  {{ $at->rAtencion->tipo->tipo }}</p>
                                                        @else
                                                            <p style="color: red; margin : 0 !important;">  {{ $at->rAtencion->tipo->tipo }}</p>
                                                        @endif
                                                    @if (!empty($at->indicaciones_turno))
                                                        <br> Indicaciones de turno: {{ $at->indicaciones_turno }}
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($at->visto == 0)
                                                        <i class="material-icons"
                                                            style="color:grey; font-size: 20px">done_all</i>
                                                    @else
                                                        <i class="material-icons"
                                                            style="color:blue; font-size: 20px">done_all</i>
                                                    @endif
                                                </td>


                                                <td>
                                                    @foreach ($comentarios as $coment)
                                                        @if ($at->user_rfc == $coment->comment_to && ($coment->user_rfc == auth()->user()->rfc || $coment->comment_to == auth()->user()->rfc))
                                                            <div class="container">
                                                                <div class="col-sm-2 text-center publisher-wrap">
                                                                    <img src="{{ asset('images/icon/av1.png') }}"
                                                                        alt="Avatar">

                                                                    <small class="online" style="color: #900043">
                                                                            {{--                                                                        {{$coment}}--}}
                                                                        @if($coment->usuarioCom)
                                                                            {{ $coment->usuarioCom->Nombre }}
                                                                        @endif
                                                                    </small>
                                                                </div>
                                                                <p style="font-size:13px; text-align: justify !important;">
                                                                    </p><br>
                                                                @if ($coment->file_path != 'notfile')
                                                                    <br>
                                                                    <a href="{{ route('downloadDocsComent', $coment->id) }}"
                                                                       target=”_blank”>
                                                                        <img src="{{asset('images/logo/docto_adj.svg')}}" style="max-width: 15%; height: 35%;border-radius: 0; align-content: center !important; "/>
                                                                    </a>
                                                                    <br>
                                                                @endif
                                                                <span
                                                                    class="time-right">{{ $coment->created_at }}</span>

                                                                <small class="online" style="">
                                                                    <a href="2" value3="{{ $coment->id }}"
                                                                        value4="@if($coment->usuarioCom){{ $coment->usuarioCom->Nombre }} @endif" value5="respuesta"
                                                                        value6="{{ $coment->reg_id }}"
                                                                        value7="{{ $coment->user_rfc }}" id="link"
                                                                        onclick="ancla(this); return false;"
                                                                        style="color: rgb(150,0,72);">
                                                                        Responder→
                                                                    </a>
                                                                </small>
                                                            </div>
                                                            @foreach ($respuesta as $res)
                                                                @if ($res->id_comment == $coment->id)
                                                                    <div class="container">
                                                                        <div class="col-sm-2 text-center publisher-wrap right">
                                                                            <img src="{{ asset('images/icon/av1.png') }}"  alt="Avatar" class="right">
                                                                            <small class="online right"
                                                                                style="color: #900043">
                                                                                {{ $res->Nombre }}</small>
                                                                            <br>
                                                                            <p class="right"
                                                                                style="font-size:13px; text-align: justify !important;">
                                                                                </p>
                                                                            @if ($res->file_path != 'notfile')
                                                                                <br>
                                                                                <a href="{{ route('downloadDocsAnswer', $res->id) }}"
                                                                                    target=”_blank”>
                                                                                    <img src="{{asset('images/logo/docto_adj.svg')}}" style="max-width: 15%; height: 35%; border-radius: 0; align-content: center !important;" class="img1" /></a>
                                                                            @endif
                                                                                                {{--                                                                            </a>--}}
                                                                            <br>
                                                                            <span
                                                                                class="time-left">{{ $res->created_at }}</span>
                                                                            <br>
                                                                            <small class="online left"
                                                                            style="">
                                                                            <a href="2"
                                                                                value3="{{ $coment->id }}"
                                                                                value4="{{ $res->Nombre }}"
                                                                                value5="respuesta"
                                                                                value6="{{ $res->reg_id }}"
                                                                                value7="{{ $res->user_rfc }}"
                                                                                id="link"
                                                                                onclick="ancla(this); return false;"
                                                                                style="color: rgb(150,0,72);">
                                                                                Responder →</a></small>
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            @endforeach
                                                        @endif
                                                    @endforeach
                                                </td>

                                                <td>
                                                    @if($usV == false)
                                                        @if ($at->user_rfc == auth()->user()->rfc )
                                                            {{--                                                        || $coment->user_rfc == auth()->user()->rfc--}}
                                                        @else
                                                            <a href="{{ $at->registro_id }}" value="{{ $at->user_rfc }}"
                                                               value2="{{ $at->usuario->Nombre }}" id="link"
                                                               onclick="ancla(this); return false;">Comentar →</a>
                                                        @endif
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </table>
                                </div>
                            </div>
                            <form enctype="multipart/form-data" action="" method="" id="frmdo1">
                                <div id="wrapper" style="display: none">
                                    <div>
                                        <p id='respond' style="text-align: justify !important;font-weight: 600;">
                                            Respondiendo a: </p>
                                    </div>
                                    <section class="section lb">
                                        <div class="container">
                                            <div class="row">
                                                <div class="input-field col m8 s12">
                                                    <p style="text-align: justify !important;font-weight: 600;">En esta
                                                        sección deberá describir el contenido de su respuesta.</p>
                                                    {!! Form::textarea('editor', null, ['class' => 'materialize-textarea', 'placeholder' => 'Escribe aqui tu comentario', 'id' => 'editor']) !!}
                                                </div>
                                                <div class="input-field col m4 s12"><br>
                                                    <div class="file-field input-field">
                                                        <div class="btn bg-primary"><i
                                                                class="material-icons left">attach_file</i>
                                                            <span>Archivo</span>
                                                            <input type="file" id="file" name="file">
                                                        </div>
                                                        <div class="file-path-wrapper">
                                                            <input class="file-path validate" type="text"
                                                                placeholder="Archivo">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <br>
                                            <div class="row">
                                                <center>
                                                    <a onclick="saveFunct()" class="waves-effect waves-dark btn btn-primary"
                                                        id="b1">Guardar</a>
                                                </center>
                                                <br><br>
                                            </div>
                                        </div>
                                    </section>
                                </div>
                            </form>
                        @endif

                        @if ($t == 'R')
                            <div class="row">
                                <div class="col s10">
                                </div>
                                <div class="col s2">
                                    <a class="waves-effect waves-dark btn btn-primary" type="submit" id="b1"
                                        onclick="turnar(1);" style="background-color: #960948;">
                                        Turnar
                                    </a>
                                </div>
                            </div>

                            <div class="row" id="divTurnar" style="display: none;">
                                @if($clve == 01)
                                <label class="control-label"><strong>Clasificación: </strong></label>
                                <div class="row">
                                    <div class="input-field col s4">
                                        <div class="form-group">
                                            <label class="control-label"><strong>Sección: </strong></label>
                                            {!! Form::select('seccion_id_class', $secciones, [], ['class' =>'select browser-default form-control', 'placeholder' => 'Seleccione una opción', 'id' => 'seccion_id_class', 'name' => 'seccion_id_class', 'required' => true]) !!}
                                        </div>
                                    </div>
                                    <div class="input-field col s4">
                                        <div class="form-group">
                                            <label class="control-label"><strong>Serie: </strong></label>
                                            {!! Form::select('serie_id_class', $series, [], ['class' =>'select browser-default form-control', 'placeholder' => 'Seleccione una opción', 'id' => 'serie_id_class', 'name' => 'serie_id_class', 'required' => true]) !!}
                                        </div>
                                    </div>
                                    <div class="input-field col s4">
                                        <div class="form-group">
                                            <label class="control-label"><strong>Subserie: </strong></label>
                                            {!! Form::select('subSerie_ids', $subSerie, [], ['class' =>'select browser-default form-control', 'placeholder' => 'Seleccione una opción', 'id' => 'subSerie_ids', 'name' => 'subSerie_ids', 'required' => true]) !!}
                                            <input type="hidden" name="clve" id="clve" value="{{$clve}}">
                                        </div>
                                    </div>
                                </div>
                                <br>
                                @endif
                                <div class="row">
                                    <h6>SELECCIÓN DE DESTINATARIOS</h6>
                                </div>

                                <div class="row">
                                    <div class="input-field col s12">
                                        <div class="form-group">
                                            <label class="control-label"><strong>Para atención: </strong></label>
                                            {!! Form::select('serie[atencion]', $userss, [], ['class' => 'form-control general browser-default', 'multiple' => 'multiple', 'placeholder' => 'SELECCIONE UNA OPCIÓN', 'id' => 'atencion', 'name' => 'atencion[]', 'required' => true]) !!}
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="input-field col s12">
                                        <div class="form-group">
                                            <label class="control-label"><strong>Para conocimiento: </strong></label>
                                            {!! Form::select('serie[conocimiento]', $userss, [], ['class' => 'form-control general browser-default', 'multiple' => 'multiple', 'placeholder' => 'SELECCIONE UNA OPCIÓN', 'id' => 'conocimiento', 'name' => 'conocimiento[]', 'required' => true]) !!}
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="input-field col s12">
                                        <div class="form-group">
                                            <label class="control-label"><strong>Indicaciones: </strong></label>
                                            {!! Form::textarea('serie[indicaciones_turno]', $registro->titulo_doc, ['class' => 'form-control', 'placeholder' => 'P. ej. Júan Pérez atender el punto 1, gracias', 'id' => 'indicaciones_turno', 'name' => 'indicaciones_turno', 'required' => true]) !!}
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col s12">
                                        <center>
                                            <input type="hidden" name="id_registro" id="id_registro"
                                                value="{{ $registro->id }}">
                                            <a class="waves-effect waves-dark btn btn-primary"
                                                style="background-color: #960948;" type="submit" id="b1"
                                                onclick="guardarTurno({{ $registro->id }});">Guardar</a>
                                        </center>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                    <input type="hidden" id="uuid" name="uuid" value="{{ $registro->id }}">
                    <div id="divDocumentos">
                        @include('Busquedas._documentos')
                    </div>
                {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
@endsection

{{-- vendor script --}}
@section('vendor-script')
    <script src="{{ asset('vendors/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('js/scripts/app-file-manager.js') }}"></script>
    <script src="{{ asset('vendors/sweetalert/sweetalert.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script>
@endsection

{{-- page script --}}
@push('custom-scripts')
    <script src="{{ asset('assets/js/select2.js') }}"></script>
    <script src="{{ asset('assets/js/data-table.js') }}"></script>

@endpush

@push('scripts')
    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $(document).ready(function() {
            $(".general").select2({
                open: false,
                focus: false,
                placeholder: "Selecciona",
                language: "es"
            });
        });

        $(document).ready(function() {
            $(".selectFolioRef").select2({
                open : false,
                focus:false,
                placeholder: "SELECCIONE UNA OPCIÓN",
                ajax: {
                    url: "{{ url('getFolioRef')}}",
                    dataType: 'json',
                    delay: 200,
                    data: function (params) {
                        return {
                            search: params.term,
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data
                        };
                    },
                    cache: true
                },
                language: "es"
            });

            ClassicEditor
                .create(document.querySelector('#editor'), {
                    toolbar: ['heading', '|', 'bold', 'italic', 'alignment:left', 'bulletedList',
                        'numberedList', 'blockQuote', 'alignment', 'alignment:left', 'alignment:right',
                        'alignment:center', 'alignment:justify'
                    ],
                    heading: {
                        options: [{
                                model: 'paragraph',
                                title: 'Paragraph',
                                class: 'ck-heading_paragraph'
                            },
                            {
                                model: 'heading1',
                                view: 'h1',
                                title: 'Heading 1',
                                class: 'ck-heading_heading1'
                            },
                            {
                                model: 'heading2',
                                view: 'h2',
                                title: 'Heading 2',
                                class: 'ck-heading_heading2'
                            }
                        ]
                    }
                })
                .then(editor => {
                    myEditor = editor;
                })
                .catch(error => {
                    console.log(error);
                });
        });

        function ancla(obj) {

            let respuesta = obj.getAttribute("value5");
            if (respuesta == 'respuesta') {

                document.getElementById("wrapper").style = "display: block"
                window.location.href = '#reply'
                let regid = obj.getAttribute("value6");
                let comentid = obj.getAttribute("value3");
                let user_rfc = obj.getAttribute("value7");
                let nombr = obj.getAttribute("value4");
                let usuariocomentario = obj.getAttribute("value8");
                let tipo = 'respuesta'
                $('#respond').replaceWith(
                    '<p id="respond" style="text-align: justify !important;font-weight: 600; color: red;">Comentando a: ' +
                    nombr + ' </p>');
                window.regid = regid;
                window.comentid = comentid;
                window.user_rfc = user_rfc;
                window.tipo = tipo;
                window.usuariocomentario = usuariocomentario;
            } else {
                document.getElementById("wrapper").style = "display: block"
                window.location.href = '#reply'
                let idUsuario = obj.getAttribute("value");
                let idRegistro = obj.getAttribute("href");
                let usuario23 = obj.getAttribute("value2");
                let tipo = 'comentario'
                $('#respond').replaceWith(
                    '<p id="respond" style="text-align: justify !important;font-weight: 600; color: red;">Comentando a: ' +
                    usuario23 + ' </p>');
                window.idUsuario = idUsuario;
                window.idRegistro = idRegistro;
                window.tipo = tipo;
            }
            return false;
        }


        function saveFunct() {
            let tipo = window.tipo;

            if (tipo == 'respuesta') {
                let comment = myEditor.getData();
                let reg_id = window.regid;
                let id_comment = window.comentid;
                let user_rfc = window.user_rfc;
                let usuariocomentario = window.usuariocomentario;
                let fd = new FormData();
                let dtaa = document.getElementById("file").files[0];
                // console.log(dtaa);
                if (dtaa !== undefined) {

                } else {
                    dtaa = 'vacio';

                }
                fd.append("file", dtaa)
                fd.append("comment", comment)
                fd.append("user_rfc", user_rfc)
                fd.append("reg_id", reg_id)
                fd.append("id_comment", id_comment)
                fd.append("usuariocomentario", usuariocomentario)
                $.ajax({
                    url: "{{ url('guardarRespuesta') }}",
                    type: 'POST',
                    data: fd,
                    contentType: false,
                    processData: false,

                    success: function(response) {
                        swal({
                            title: "SE REGISTRÓ CORRECTAMENTE",
                            text: "",
                            icon: 'success',
                            dangerMode: true,
                            timer: 2000,
                            buttons: false
                        }).then(function(willDelete) {
                            if (willDelete) {
                                location.reload();
                            } else {
                                location.reload();
                            }
                        });
                    },
                    error: function(xhr, status, error) {
                        alert('ERROR');
                    }
                })
            } else {
                let comment = myEditor.getData();
                let user_rfc = window.idUsuario;
                let reg_id = window.idRegistro;
                let fd = new FormData();
                let dtaa = document.getElementById("file").files[0];
                // console.log(dtaa);
                if (dtaa !== undefined) {

                } else {
                    dtaa = 'vacio';

                }
                fd.append("file", dtaa)
                fd.append("comment", comment)
                fd.append("user_rfc", user_rfc)
                fd.append("reg_id", reg_id)

                $.ajax({
                    url: "{{ url('guardarComentario') }}",
                    type: 'POST',
                    data: fd,
                    contentType: false,
                    processData: false,

                    success: function(response) {
                        swal({
                            title: "SE REGISTRÓ CORRECTAMENTE",
                            text: "",
                            icon: 'success',
                            dangerMode: true,
                            timer: 2000,
                            buttons: false
                        }).then(function(willDelete) {
                            if (willDelete) {
                                location.reload();
                            } else {
                                location.reload();
                            }
                        });
                    },
                    error: function(xhr, status, error) {
                        // alert('guarado con exito');
                    }
                })
            }
        }


        function verdocumento() {
            // console.log("entra fun");
            window.open("/getFile/" + $("#uuid").val(), "_blank");
        }

        function obtenerDocumentos(user_id = null, texto = null) {
            $.ajax({
                url: "/solicitud/documentos/obtener",
                type: "POST",
                data: {
                    solicitud_id: '{{ $registro->id }}',
                    user_id: user_id,
                    texto: texto,
                    _token: "{{ csrf_token() }}"
                },
                dataType: "json",
                async: false,
                success: function(data) {
                    try {
                        // console.log(data);
                        var html = '';
                        $.each(data, function(index, element) {
                            html += '<div class="col xl3 l6 m3 s6" onclick="ObtenerDetalleDocumento(' +
                                element.id + ')">';
                            html += '        <div class="card box-shadow-none mb-1 app-file-info">';
                            html += '            <div class="card-content">';
                            html +=
                                '                <div class="app-file-content-logo grey lighten-4">';
                            html += '                    <div class="fonticon">';
                            html += '                        <i class="material-icons">more_vert</i>';
                            html += '                    </div>';
                            html +=
                                '                    <img class="recent-file" src="images/icon/pdf.png" height="38" width="30" alt="Card image cap">';
                            html += '                </div>';
                            html += '                <div class="app-file-details">';
                            html += '                    <div class="app-file-name font-weight-700">' +
                                element.nombre_documento + '</div>';
                            html += '                    <div class="app-file-size">' + element.tamano +
                                'kb</div>';
                            html += '                    <div class="app-file-type">Archivo PDF</div>';
                            html += '                </div>';
                            html += '            </div>';
                            html += '        </div>';
                            html += '    </div>';
                        });
                        $("#divArchivos").html(html);
                    } catch (error) {
                        console.log(error);
                    }
                }
            });
        }

        function ObtenerDetalleDocumento(id) {
            $.ajax({
                url: "/documentos/" + id,
                type: "GET",
                dataType: "json",
                async: false,
                success: function(data) {
                    try {
                        $("#spanNombre").text(data.titulo_doc);
                        $("#spanDescripción").text(data.descripcion_doc);
                        var fecha = data.created_at;
                        var anio = fecha.slice(0, 4);
                        var mes = fecha.slice(5, 7);
                        var dia = fecha.slice(8, 10);
                        $("#spanFechaRegistro").text(dia + "/" + mes + "/" + anio);
                        $("#spanUsuario").text(data.remite.nombre_remitente);
                        $("#documento_id").val(data.id);
                        //    $("#uuid").val(data.uuid);
                    } catch (e) {
                        console.log(e);
                    }
                }
            });
        }

        function turnar(f) {
            document.getElementById('divTurnar').style.display = 'block';
        }

        function guardarTurno(id) {
            let registro = id;
            let atencion = $('#atencion').val();
            let conocimiento = $('#conocimiento').val();
            let indicaciones_turno = $('#indicaciones_turno').val();
            let seccion_id_class = $('#seccion_id_class').val();
            let serie_id_class = $('#serie_id_class').val();
            let subSerie_ids = $('#subSerie_ids').val();
            let clve = $('#clve').val();

            $.ajax({
                url: "{{ url('guardarTurno') }}",
                type: 'GET',
                data: {
                    atencion,
                    conocimiento,
                    registro,
                    indicaciones_turno,
                    subSerie_ids,
                    serie_id_class,
                    seccion_id_class,
                    clve,
                },
                success: function(response) {
                    let json = $.parseJSON(response);
                    // console.log(json[0].mensaje);
                    if (json[0].mensaje == 'existe') {
                        swal({
                            title: "UN USUARIO YA TIENE ESTE ENVÍO",
                            text: "",
                            dangerMode: true,
                            buttons: {
                                // cancel: 'CANCELAR',
                                accept: 'ACEPTAR'
                            }
                        }).then(function(willDelete) {
                            if (willDelete) {} else {}
                        });
                    } else {
                        swal({
                            title: "SE TURNO CORRECTAMENTE",
                            text: "",
                            icon: 'success',
                            dangerMode: true,
                            timer: 2000,
                            buttons: false
                        }).then(function(willDelete) {
                            if (willDelete) {
                                location.reload();
                            } else {
                                location.reload();
                            }
                        });
                    }
                },
                error: function(xhr, status, error) {
                    alert('guarado con exito');
                }
            })
        }


        $(document).ready(function() {
            $(".select").select2({
                open : false,
                focus:false,
                placeholder: "Seleccione una opción",
                language: "es"
            });
        });

        $(document).on('change', '#serie_id_class', function() {
            var serie_id_class = $("#serie_id_class").val();
            $.ajax({
                type: 'GET',
                data: {
                    'serie_id':serie_id_class,
                },
                url: "{{ url('getSubse') }}",
                success: function(response) {
                    var json = $.parseJSON(response);
                    $('#subSerie_ids').empty();
                    $('#subSerie_ids').append("<option>Seleccione una opción</option>");
                    if (json.length){
                        $.each(json, function(i, item) {
                            $('#subSerie_ids').append("<option value='"+item.idSerie+"'>"+item.subserie+"</option>");
                        });
                    }
                },
            });
        });

        $(document).on('change', '#seccion_id_class', function() {
            var seccion_id_class = $("#seccion_id_class").val();
            $.ajax({
                type: 'GET',
                data: {
                    'seccion_id':seccion_id_class,
                },
                url: "{{ url('getSerie') }}",
                success: function(response) {
                    var json = $.parseJSON(response);
                    $('#serie_id_class').empty();
                    $('#serie_id_class').append("<option>Seleccione una opción</option>");
                    if (json.length){
                        $.each(json, function(i, item) {
                            $('#serie_id_class').append("<option value='"+item.idSerie+"'>"+item.serie+"</option>");
                        });
                    }
                },
            });
        });

        
    </script>
@endpush