@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <div id="calendario"></div>
                    
                </div>
            </div>
        </div>
    </div>
</div>


@include('calendario.modal.agregar')
@include('calendario.modal.editar')

@endsection

@push('script')
<script type="text/javascript">

	$(document).ready(function(){
        
	    $('#calendario').fullCalendar({
	        header:{
      		   left:'prev,next,today',
      		   center:'title',
      		   right:'month, basicWeek, basicDay'
      	    },
      	    
      	    
      events    : [
        @foreach($calendarios as $calendario)
        {
          id        : '{{$calendario['id']}}',    
          iduser    : '{{$calendario['iduser']}}',
          title     : '{{$calendario['titulo']}}',
          contenido : '{{$calendario['contenido']}}',
          lugar     : '{{$calendario['lugar']}}',
          color     : '{{$calendario['color']}}',
          tipo     : '{{$calendario['tipo']}}',
          especifico     : '{{$calendario['especifico']}}',
          start     : '{{$calendario['inicio']}}',
          end       : '{{$calendario['vence']}}',
          backgroundColor: '{{$calendario['color']}}',
          borderColor    : '{{$calendario['color']}}',
          textColor : '#fff',
        },
        @endforeach
        
      ],
      
      dayClick:function(date, jsEvent, view){
          
        $('.fechainicio').val(date.format("YYYY-MM-DD[T]HH:mm:ss"));
        $('#agregar').modal();
        
      },
      
      
      eventClick:function(calEvent,jsEvent,view){
            $('.exampleModalLabel').html(calEvent.title);
            $('.titulo').val(calEvent.title);
            $('.contenido').val(calEvent.contenido);
            $('.lugar').val(calEvent.lugar);
            $('.color').val(calEvent.color);
            $('.id').val(calEvent.id);
            $('.tipo').val(calEvent.tipo);
            $('.especifico').val(calEvent.especifico);
            $('.iduser').val(calEvent.iduser);
            $('.inicio').val(calEvent.start.format());
            $('.vence').val(calEvent.end.format());
        
            if(calEvent.tipo == 5){
                $('.subcategoria').show();
            }else{
                $('.subcategoria').hide();
            }
        
        
            if('{{Auth::user()->ID}}' == calEvent.iduser){
                $('.ocultar-boton').show();
                $('.disabled').attr('disabled', false)
            }else{
                $('.ocultar-boton').hide();
                $('.disabled').attr('disabled', true)
            }
        
        
            $('#editar').modal();
            
            
            }
	    });
	});
	
	

	function seleccionar(){
        var op = $('.opcion').val();
    
        if(op=="5"){
            $('.subcategoria').show();
        }else{
            $('.subcategoria').hide();
        }
    }
	
</script>
@endpush