@section('vendor-style')
<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 rel="stylesheet" type="text/css" href="{{asset('vendors/materialize-stepper/materialize-stepper.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/quill/katex.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/quill/monokai-sublime.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/quill/quill.snow.css')}}">
@endsection
@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')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/form-wizard.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/intro.css')}}">
@endsection

<div class="container">
    <div class="section">
        <div class="card">
            <div class="card-content">
                <div class="row">
                    <h6>DATOS GENERALES DEL DOCUMENTO</h6>
                </div>

                <div class="row">
                    <div class="input-field col s4">
                        <div class="form-group">
                            <label class="control-label"><strong>Folio:* </strong></label>
                            {!! Form::text('serie[folio]', $uAdministrativa.'/'.$folioActual.'/'.$anio, ['class' => 'form-control text-uppercase icon_prefix', 'placeholder' => 'No. de folio', 'id' => 'folio', 'name' => 'folio','value' => $uAdministrativa.'/'.$folioActual.'/'.$anio]) !!}
                            {!! Form::hidden('serie[uAdministrativa]', $uAdministrativa, ['class' => 'form-control text-uppercase icon_prefix', 'placeholder' => 'No. de folio', 'id' => 'uAdministrativa', 'name' => 'uAdministrativa', 'value' => $uAdministrativa]) !!}
                            {!! Form::hidden('serie[folioActual]', $folioActual, ['class' => 'form-control text-uppercase icon_prefix', 'placeholder' => 'No. de folio', 'id' => 'folioActual', 'name' => 'folioActual', 'value' => $folioActual]) !!}
                            {!! Form::hidden('serie[anio]', $anio, ['class' => 'form-control text-uppercase icon_prefix', 'placeholder' => 'No. de folio', 'id' => 'anio', 'name' => 'anio', 'value' => $anio]) !!}
                            {!! Form::hidden('serie[depto]', $depto, ['class' => 'form-control text-uppercase icon_prefix', 'placeholder' => 'No. de folio', 'id' => 'depto', 'name' => 'depto', 'value' => $depto]) !!}
                        </div>
                    </div>

                    <div class="input-field col s4">
                        <div class="form-group">
                            <label class="control-label"><strong>Fecha de recepción:* </strong></label>
                            {!! Form::text('serie[fecha_recepcion]', null, ['class' => 'form-control', 'placeholder' => 'DD-MM-AAAA', 'id' => 'fecha_recepcion', 'name' => 'fecha_recepcion', 'required' => true, 'maxlength' => 10, 'size' => 10]) !!}
                        </div>
                    </div>
                    <div class="input-field col s4">
                        <div class="form-group">
                            <label class="control-label"><strong>Fecha de documento: </strong></label>
                            {!! Form::text('serie[fecha_documento]', null, ['class' => 'form-control', 'placeholder' => 'DD-MM-AAAA', 'id' => 'fecha_documento', 'name' => 'fecha_documento', 'maxlength' => 10, 'size' => 10]) !!}
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="input-field col s4">
                        <div class="form-group">
                            @if($UsRFC ==  'PIPA821010' || $UsRFC == 'LOFR830807' || $UsRFC == 'SECA800424' || $UsRFC == 'MALH711101')
                                <label class="control-label"><strong>Número de oficio entrante: </strong></label>
                            @else
                                <label class="control-label"><strong>Referencia del documento: </strong></label>
                            @endif
                            {!! Form::text('serie[referencia_documento]', null, ['class' => 'form-control', 'placeholder' => 'REFERENCIA', 'id' => 'referencia_documento', 'name' => 'referencia_documento']) !!}
                        </div>
                    </div>
                    <div class="input-field col s4">
                        <div class="form-group">
                            @if($UsRFC ==  'PIPA821010' || $UsRFC == 'SECA800424'|| $UsRFC == 'LOFR830807'|| $UsRFC == 'MALH711101')
                                <label class="control-label"><strong>Fecha de atención:* </strong></label>
                            @else
                                @if($UsRFC == 'GAJC730614')
                                    <label class="control-label"><strong>Fecha de atención: </strong></label>
                                @else
                                    <label class="control-label"><strong>Fecha límite de atención:* </strong></label>
                                @endif
                            @endif
                            <input type="hidden" id="rfc_login" name="rfc_login" value="{{$UsRFC}}">
                            {!! Form::text('serie[fecha_limite_atencion]', null, ['class' => 'form-control', 'placeholder' => 'DD-MM-AAAA', 'id' => 'fecha_limite_atencion', 'name' => 'fecha_limite_atencion',  'maxlength' => 10, 'size' => 10]) !!}
                        </div>
                    </div>

                    <div class="input-field col s4">
                        <div class="form-group">
                            <label class="control-label"><strong>Tipo de atención:* </strong></label>
                            {!! Form::select('serie[tipo_atencion]',$tipoAtencion, [], ['class' => 'form-control browser-default select7 browser-default', 'placeholder' => 'SELECCIONE UNA OPCIÓN', 'id' => 'tipo_atencion', 'name' => 'tipo_atencion', 'required' => true]) !!}
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="input-field col s4">
                        <div class="form-group">
                            <label class="control-label"><strong>Clasificación:* </strong></label>
                            {!! Form::select('serie[serie_id]', $series, [], ['class' => 'form-control browser-default select7' , 'placeholder' => 'SELECCIONE UNA OPCIÓN', 'id' => 'serie_id', 'name' => 'serie_id', 'required' => true]) !!}
                        </div>
                    </div>
                    @if($UsRFC ==  'PIPA821010' || $UsRFC ==  'LOFR830807' || $UsRFC ==  'SECA800424' || $UsRFC ==  'MALH711101')
                        <div class="input-field col s4">
                            <div class="form-group">
                                <label class="control-label"><strong>Tipo solicitud:* </strong></label>
                                {!! Form::select('serie[tipo_solicitud]', $solicitud, [], ['class' => 'form-control browser-default select7', 'placeholder' => 'SELECCIONE UNA OPCIÓN',  'id' => 'tipo_solicitud', 'name' => 'tipo_solicitud', 'required' => true]) !!}
                            </div>
                        </div>
                        <div class="input-field col s4">
                            <div class="form-group">
                                <label class="control-label"><strong>Sede:* </strong></label>
                                {!! Form::select('serie[salon]', $salones, [], ['class' => 'form-control browser-default select7', 'placeholder' => 'SELECCIONE UNA OPCIÓN',  'id' => 'salon', 'name' => 'salon']) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-field col s4">
                            <div class="form-group">
                                <label class="control-label"><strong>Hora de inicio:* </strong></label>
                                {!! Form::time('serie[hora_inicio]', null, ['class' => 'form-control',  'id' => 'hora_inicio', 'name' => 'hora_inicio', 'disabled' => true]) !!}
                            </div>
                        </div>
                         <div class="input-field col s4">
                            <div class="form-group">
                                <label class="control-label"><strong>Hora de termino:* </strong></label>
                                {!! Form::time('serie[hora_termino]', null, ['class' => 'form-control',  'id' => 'hora_termino', 'name' => 'hora_termino', 'disabled' => true]) !!}
                            </div>
                        </div>
                        <div class="input-field col s4">
                            <div class="form-group">
                                <label class="control-label"><strong>Nombre del evento: </strong></label>
                                {!! Form::text('serie[nombre_evento]', null, ['class' => 'form-control',  'id' => 'nombre_evento', 'name' => 'nombre_evento']) !!}
                            </div>
                        </div>
                    </div>
                    @else
                    <div class="input-field col s4" id="hora">
                        <div class="form-group">
                            <label class="control-label"><strong>Hora de atención: </strong></label>
                            {!! Form::time('serie[hora_atencion]', null, ['class' => 'form-control',  'id' => 'hora_atencion', 'name' => 'hora_atencion']) !!}
                        </div>
                    </div>

                    @if($UsRFC ==  'GAJC730614')
                        <div class="input-field col s4">
                            <div class="form-group">
                                <label class="control-label"><strong>Tipo de correpondencia: </strong></label>
                                {!! Form::select('serie[tipo_correspondencia]',$tipoCorrespondencia, [], ['class' => 'form-control browser-default select7','placeholder' => 'Seleccione una opción',  'id' => 'tipo_correspondencia', 'name' => 'tipo_correspondencia']) !!}
                            </div>
                        </div>
                    @endif
            </div>
    @endif
<div class="row">
    <div class="input-field col s4">
        <div class="form-group">
            <label class="control-label"><strong>Folio de referencia: </strong></label>
            {!! Form::select('serie[folio_rastreo]', [], null, ['class' =>'selectFolioRef browser-default form-control', 'placeholder' => 'Seleccione una opción', 'id' => 'folio_rastreo', 'name' => 'folio_rastreo']) !!}
        </div>
    </div>

    <div class="input-field col s4">
        <div class="form-group">
            <label class="control-label"><strong>No. de fojas: </strong></label>
            {!! Form::number('fojas', null, ['class' => 'form-control', 'placeholder' => 'P. ej. 25' , 'id'=> 'fojas', 'name' => 'fojas']) !!}
        </div>
    </div>
</div>

{{--                <div class="row" id="otroSerie" style="display: none;">--}}
{{--                    <div class="input-field col s12">--}}
{{--                        <div class="form-group">--}}
{{--                            <label class="control-label"><strong>Especifique clasificación: </strong></label>--}}
{{--                            {!! Form::text('serie[especifique_serie]', null , ['class' => 'form-control', 'placeholder' => 'Especifique serie', 'id' => 'especifique_serie', 'name' => 'especifique_serie', 'required' => false]) !!}--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}

{{--                <div class="row" id="otroR" style="display: none;">--}}
{{--                    <div class="input-field col s12">--}}
{{--                        <div class="form-group">--}}
{{--                            <label class="control-label"><strong>Especifique: </strong></label>--}}
{{--                            {!! Form::text('otro_remitente', null, ['class' => 'form-control', 'placeholder' => 'P. Ej. Juan José Pérez Juarez' , 'id'=> 'otro_remitente', 'name' => 'otro_remitente']) !!}--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
<div class="row">
    <div class="input-field col s4">
        <div class="form-group">
            <label class="control-label"><strong>Remitente:* </strong></label>
            {!! Form::select('remitente_rfc', [], null, ['class' => 'selectRemitente browser-default form-control', 'placeholder' => 'SELECCIONE UNA OPCIÓN' , 'id'=> 'remitente_rfc', 'name' => 'remitente_rfc', 'required' => true]) !!}
        </div>
    </div>
    <div class="input-field col s8">
        <div class="form-group">
            <label class="control-label"><strong>Especifique: </strong></label>
            {!! Form::text('otro_remitente', null, ['class' => 'form-control', 'placeholder' => 'P. Ej. Juan José Pérez Juarez' , 'id'=> 'otro_remitente', 'name' => 'otro_remitente']) !!}
        </div>
    </div>
</div>

<div class="row">
    <div class="input-field col s12">
        <div class="form-group">
            <label class="control-label"><strong>Indicación:* </strong></label>
            {!! Form::text('serie[titulo_doc]', null, ['class' => 'form-control', 'placeholder' => 'P.ej. Solicitud de material',  'maxlength' =>'350', 'id' => 'titulo_doc', 'name' => 'titulo_doc', 'required' => true]) !!}
        </div>
    </div>
</div>

<div class="row">
    <div class="input-field col s12">
        <div class="form-group">
            <label class="control-label"><strong>Descripción:* </strong></label>
            <textarea name="descripcion_doc" id="descripcion_doc" style="white-space: 100%; height: 150px;" class="form-control" required=true></textarea>
{{--                            {!! Form::textarea('serie[descripcion_doc]', null, ['class' => 'form-control text-uppercase', 'placeholder' => 'Escribe aquí una breve reseña del documento',  'maxlength' =>'350', 'id' => 'descripcion_doc', 'name' => 'descripcion_doc', 'required' => true]) !!}--}}
        </div>
    </div>
</div>
<br>

<br>

<div class="row">
    <h6>ADJUNTAR ARCHIVO</h6>
</div>

<div class="row">
    <div class="input-field col s12">
        <div class="form-group">
            <label class="control-label"><strong>Seleccione un archivo para adjuntarlo: </strong></label>

            <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_path_url" name="file_path_url">
                </div>
                <div class="file-path-wrapper">
                    <input class="file-path validate" type="text" placeholder="Archivo" >
                </div>
            </div>
        </div>
    </div>
</div>

<br>

<div class="row">
    <h6>SELECCIÓN DE DESTINATARIOS</h6>
</div>
@if($UsRFC == 'GAJC730614')
<div class="row">
    <div class="input-field col s6">
        <div class="form-group">
            <label class="control-label"><strong>Dirigido a:* </strong></label>
            {!! Form::select('serie[destinatario]', $response, [], ['class' => 'select7 browser-default form-control','placeholder' => 'Seleccione una opción',  'id' => 'destinatario', 'name' => 'destinatario']) !!}
        </div>
    </div>
    <div class="input-field col s6">
        <div class="form-group">
            <label class="control-label"><strong>Especifique:* </strong></label>
            {!! Form::text('serie[destinatario_otro]', null, ['class' => 'form-control','placeholder' => 'P. Ej. Juan Pérez Ruíz',  'id' => 'destinatario_otro', 'name' => 'destinatario_otro']) !!}
        </div>
    </div>
</div>
@endif
<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]', $response, [], ['class' => 'select7 browser-default form-control', 'multiple'=> "multiple", 'id' => 'atencion', 'name' => 'atencion[]']) !!}
        </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]',$response,  [], ['class' => 'select7 browser-default  form-control','multiple' => "multiple", 'id' => 'conocimiento', 'name' => 'conocimiento[]']) !!}
        </div>
    </div>
</div>

<div class="row">
    <div class="col s12">
        <center>
            <button class="waves-effect waves-dark btn btn-primary" type="submit" id="b1" onclick="enviaForm()">
                Guardar
            </button>
        </center>
        <div id="loader1" style="display: none;" class="loader1">
            <img style="position: relative; left: 45%; top: 40%; width: 10%; height: 10%;" src="{{ asset('images/logo/cube.gif') }}">
            <p style="position: relative; left: 46%; top: 40%;">Enviando . . .</p>
        </div>
    </div>
</div>
</div>
</div>
</div>
</div>

@push('scripts')
<script type="text/javascript">
$(document).on('change', '#destinatario', function() {
    var destinatario =  $("#destinatario").val();

    if (destinatario == '99999'){
        $("#destinatario_otro").prop("required", true);
        $("#destinatario_otro").prop("disabled", false);
    }else{
        $("#destinatario_otro").prop("required", false);
        $("#destinatario_otro").prop("disabled", true);
        $("#destinatario_otro").val('');
    }
});
$(document).on('change', '#serie_id', function() {
var serie_id = $("#serie_id").val();

if(serie_id == '999'){
document.getElementById("otroSerie").style.display = 'block';
$("#especifique_serie").prop("required", true);
}else{
document.getElementById("otroSerie").style.display = 'none';
$("#especifique_serie").prop("required", false);
}
});


$(document).on('keyup  ', '#fecha_recepcion', function() {
var fecha_recepcion = $("#fecha_recepcion").val();
if (fecha_recepcion.length  == 2){
$("#fecha_recepcion").val(fecha_recepcion+'-');
}
if (fecha_recepcion.length  == 5){
$("#fecha_recepcion").val(fecha_recepcion+'-');
}
});

$(document).on('keyup', '#fecha_documento', function() {
var fecha_documento = $("#fecha_documento").val();
if (fecha_documento.length  == 2){
$("#fecha_documento").val(fecha_documento+'-');
}
if (fecha_documento.length  == 5){
$("#fecha_documento").val(fecha_documento+'-');
}
});

$(document).on('keyup', '#fecha_limite_atencion', function() {
var fecha_limite_atencion = $("#fecha_limite_atencion").val();
if (fecha_limite_atencion.length  == 2){
$("#fecha_limite_atencion").val(fecha_limite_atencion+'-');
}
if (fecha_limite_atencion.length  == 5){
$("#fecha_limite_atencion").val(fecha_limite_atencion+'-');
}
});

function enviaForm()
{
    $(".loader1").show();
    document.getElementById('b1').style.display='none';
    if ($("#rfc_login").val() == 'GAJC730614'){
        $("#fecha_limite_atencion").prop('required', false);
        $("#tipo_solicitud").prop('required', false);
        $("#folio_rastreo").prop('required', false);
        $("#file_path_url").prop('required', false);

        if ($("#folio").val() == '' || $("#fecha_recepcion").val() == '' ||    $("#tipo_atencion").val() == '' || $("#serie_id").val() == '' || $("#remitente_rfc").val() == ''
         || $("#titulo_doc").val() == '' || $("#descripcion_doc").val() == '' || $("#atencion").val() == ''){
         swal({
             title: "¡Atención!",
             text: "Debé de completar los campos requeridos *",
             icon: 'warning',
             dangerMode: true,
             buttons: false,
             timer: 2000,
         }).then(function (){
             document.getElementById('b1').style.display='block';
             document.getElementById('loader1').style.display='none';
         })
        }else{
            document.getElementById('b1').style.display='block';
            document.getElementById('loader1').style.display='none';
        }
    }else{
        if ($("#folio").val() == '' || $("#fecha_recepcion").val() == '' ||  $("#fecha_limite_atencion").val() == '' ||  $("#tipo_atencion").val() == '' || $("#serie_id").val() == '' || $("#remitente_rfc").val() == ''
         || $("#titulo_doc").val() == '' || $("#descripcion_doc").val() == '' || $("#atencion").val() == ''){
         swal({
             title: "¡Atención!",
             text: "Debé de completar los campos requeridos *",
             icon: 'warning',
             dangerMode: true,
             buttons: false,
             timer: 2000,
         }).then(function (){
             document.getElementById('b1').style.display='block';
             document.getElementById('loader1').style.display='none';
         })
        }
    }
}

$(document).on('change', '#hora_termino', function() {
var salon = $("#salon").val();
var fecha_limite_atencion = $("#fecha_limite_atencion").val();
var inicio = $("#hora_inicio").val();
var termino = $("#hora_termino").val();
if (termino != '' && inicio!= '' && salon != '' && fecha_limite_atencion != ''){
if (salon != 11){
 $.ajax({
     type: 'GET',
     data: {
         'termino': termino,
         'inicio': inicio,
         'salon': salon,
         'fecha_limite_atencion': fecha_limite_atencion,
     },
     url: "{{ url('getDisponibilidad') }}",
     success: function (response) {
         console.log(response);
         if (response == 1){
             swal({
                 title: "¡Atención!",
                 text: "El salón no esta disponible, ya existe un evento agendado.",
                 icon: 'warning',
                 dangerMode: true,
                 timer: 4000,
                 buttons: false
             }).then(function() {
                 $("#salon").val('').trigger('change.select2');
             });
         }
     },
 });
}
}
});
</script>
@endpush